1024x768 书签小工具 | CSS-Tricks

800×600 屏幕的时代已经过去，但我们大多数人仍然试图适应 1024 像素宽的屏幕。因此，“960” 宽度网站的流行。这个书签小工具会将当前浏览器窗口调整到该宽度和高度。这样，我们这些拥有巨大显示器的网页设计师就能了解 1024 屏幕是什么样的。此外，还能看到“折叠”，如果这个概念还有意义的话。

javascript:resizeTo(1024,768)

书签小工具

1024×768 < 拖动到书签栏

这个似乎不再起作用了（在 Chrome 和 Firefox 的稳定版本中测试，2013 年 4 月）。它以前只在窗口单独存在时才起作用，而不是在打开多个选项卡时，但现在也不起作用了。

应该有某种方法可以做到，因为我仍然经常看到调整大小的弹出窗口，所以如果您知道更多，请随时在评论中留言。

Thomas Offinga

# 2009 年 10 月 15 日

哇，这真是太棒了。在您的网站上完美运行！

Tyrale

# 2009 年 10 月 15 日

也许另一个是将我的浏览器恢复到原来的状态？

Thomas Offinga

评论的永久链接# 2009 年 10 月 15 日

但那有点难吧，因为现在每个人的浏览器尺寸都不一样。

LaVonne Ellis

# 2009 年 10 月 15 日

不错。但 Chris，现在我发现您的网站宽度多了几个像素！:)

Chris Coyier

评论的永久链接# 2009 年 10 月 15 日

这个网站正好合适，没有滚动条…….
Ben

评论的永久链接# 2009 年 10 月 16 日

我的出现了一个滚动条 :(
Chris Coyier

评论的永久链接# 2009 年 10 月 16 日

那么，您的浏览器中肯定有什么东西阻止了它的宽度。
LaVonne Ellis

评论的永久链接# 2009 年 10 月 15 日

嗯，在我的 Firefox 上没有……但非常接近。可能是我的设置问题。抱歉，在本周您遭遇的种种数字问题之后，我可不想再给您添堵！
Callum

评论的永久链接# 2009 年 10 月 15 日

我不得不说，我也注意到了。但这是一个非常有用的工具

Andrew Sellenrick

# 2009 年 10 月 15 日

在 Safari 4 的书签栏中不起作用，但如果您点击页面上的按钮则可以。有什么想法吗？

Klaus @ TechPatio

# 2009 年 10 月 16 日

非常巧妙，而且在 Firefox 中完美运行。不过，我不会长时间保持这种尺寸，因为它真的太小了:)

Shane

# 2009 年 10 月 19 日

书签小工具在 Safari 中不起作用，无论是通过网站还是书签小工具，但在 Firefox 中运行良好。我还有其他几个 JS 书签小工具可以正常运行。

Chris，有什么想法吗？

Chris Coyier

评论的永久链接# 2009 年 10 月 19 日

在我的 Safari 中运行良好。可能是您那边的一些设置问题。
Tyrale

评论的永久链接# 2009 年 11 月 10 日

发现书签小工具只有在 Safari 4 中没有打开选项卡的情况下才有效。如果您只打开了一个窗口，它就会运行得很好。如果打开 2 个或更多选项卡，您就会遇到麻烦。

我还创建了一个 1200×1180 书签小工具，用于将我的屏幕恢复到我想要的样子。

mizwo

# 2009 年 10 月 23 日

网页开发人员工具栏！=)

Chris Hajer

# 2009 年 10 月 28 日

嗯，在 XP 上的 Chrome 3.0.195 中不起作用？

Sunny Singh

# 2009 年 10 月 29 日

在我的 Firefox 3.5.4 中不起作用。

Jack Bliss

评论的永久链接# 2010 年 6 月 24 日

您打开了多少个选项卡？除非您只打开了一个选项卡，否则它在 Safari、Chrome 或 IE 中都无法正常工作。此外，更改尺寸非常容易，您可以将其改为 1×1。
Chris Coyier

评论的永久链接# 2010 年 6 月 24 日

了解多个选项卡会阻止它这一点非常有趣。

Sunny Singh

# 2009 年 10 月 29 日

此外，开发人员工具栏具有此功能，但它不会记住您输入的尺寸，并且默认尺寸之一是 800×600。

Mohammed Alaa

# 2009 年 12 月 2 日

它在 Chrome 中不起作用！

Daryl

# 2010 年 9 月 21 日

那像 iPod、iPad、黑莓等仍然使用 800×600 分辨率的掌上设备怎么办？我不同意这篇文章的观点，即 800×600 已经过时了！实际上，800×600 分辨率比您想象的更受欢迎，并且仍然在各个地方广泛使用。

Galen Gidman

# 2010 年 12 月 29 日

这似乎在 Chrome 8 中不起作用，Chris。不知道是什么问题，但您可能需要检查一下。

Justin Britt

# 2011 年 11 月 16 日

在 Chrome 中不起作用，现在在我的 Firefox 中也不起作用 :-(

Mike

# 2012 年 4 月 25 日

这个在我的机器上不起作用，不知道为什么……

David Hopkins

评论的永久链接# 2013 年 4 月 11 日

不确定这个是否还能用。在 Mac 上的 Firefox 20 中测试。

Joe Liuzzi

# 2013 年 6 月 26 日

我试图在 Safari 中使用它，但似乎无法使其正常工作，有人成功了吗？

Jas

# 2013 年 8 月 7 日

现在只有在 IE 中才能使用，只要您使用的是 PC，它仍然非常有用。

Jas

# 2013 年 8 月 7 日

这里还有一个不错的 Chrome 扩展程序——https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en

Arjaan

# 2014 年 2 月 10 日

看来这在 IE11 中仍然有效，但前提是您只打开了一个选项卡。一旦您打开第二个选项卡，调整大小就无效了。

Arturo

# 2014 年 8 月 17 日

这个有点用：http://resizemybrowser.com

Mike

# 2020 年 12 月 28 日

现在是 2020 年；浏览器已经改变。如果您用以下代码替换书签小工具的目标代码（javascript: 后的所有内容），它会起作用：它会以 1024×768 的尺寸打开当前网站 URL 的弹出窗口。请注意，在 Chrome/Safari 中，它会忽略大多数窗口功能（工具栏等）。

代码

(function(){var id = 'w' + new Date().getTime(); var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0'; var p = document.createElement("P"); p.innerHTML=('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>'); document.body.appendChild(p); document.getElementById(id).click() && document.body.removeChild(p);}())

与上面相同的代码，但已格式化

(function() {
    var id = 'w' + new Date().getTime();
    var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0';
    var p = document.createElement("P");
    p.innerHTML = ('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>');
    document.body.appendChild(p);
    document.getElementById(id).click() && document.body.removeChild(p);
}())

书签小工具

评论

发表评论 取消回复

发表评论取消回复