我可以使用什么工具在不同分辨率下测试我的网络应用程序？
回到过去，
我发现一个第三方网页能够以不同的分辨率和浏览器捕获和保存我的网站的图像。当然，我不再有那个书签了...
那么有没有任何网页或应用程序可以让我看到我的网页在不同分辨率下的样子？
这是我想检查的决议..
1. 1024x768 24.56%
2. 1280x800 22.06%
3. 1280x1024 13.42%
4. 1366x768 7.10%
5. 1440x900 6.68%
Back in the past,
i found a third party webpage that was able to capture and save images of my website in different resolutions and browsers. Of course i have no more that bookmark...
So is there any webpage or application where i can see how my webpage looks like in different resolution?
And here are the resolutions i would like to check for..
1. 1024x768 24.56%
2. 1280x800 22.06%
3. 1280x1024 13.42%
4. 1366x768 7.10%
5. 1440x900 6.68%
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（8）
也许您正在考虑 http://browsershots.org/ ？
Perhaps you're thinking of http://browsershots.org/ ?
请注意，运行浏览器的计算机的屏幕分辨率只是事实的一半。如果浏览器未最大化，它将比您在其中看到的分辨率小很多，并且在非 Windows 操作系统（Mac OS X、Linux）上运行非最大化的应用程序更为常见。
最好确保您的网站可以在从小窗口（只需缩小浏览器大小）到大窗口的任何窗口中查看。
Note that the screen resolution of the computer running the browser is only half of the truth. If the browser isn't maximized, it will be a lot smaller than the resolution you see there, and on non-Windows operating systems (Mac OS X, Linux) it's a lot more common to run applications non maximized.
It's simply best to make sure that your site is viewable in anything from small windows (just resize your browser down) to large.
如果您想检查各种分辨率和浏览器，那么 BrowserShots 可能是您之前遇到过的，请看一下。
If you want to check various resolutions and browsers, then BrowserShots may have been what you came across before, give it a look.
要查看有多少人浏览了您的网页的内容：
http://browsersize.googlelabs.com/
另外：Firefox 的 Web 开发人员插件（调整菜单大小）。
For viewing which percentage of people sees how much of your web page:
http://browsersize.googlelabs.com/
Also: Web Developer plugin for Firefox (Resize menu).
Chrome 扩展程序和 Firefox 插件 可将浏览器调整为各种标准分辨率尺寸...
Chrome Extension and Firefox add-on to resize your browser to various standard resolution sizes...
还有一种名为 ScreenFly 的在线工具非常好，您甚至可以检查平板电脑、电视、手机。screenfly
There is one more online tool called ScreenFly which is very good and you can even check for tablets, TVs, mobiles.. screenfly
有许多实用程序可用于以不同的分辨率观看您的网站。
有些安装在 PC 上，有些是在线服务，例如：
Adobe“渲染浏览器” - 您需要创建一个免费的 Adobe 帐户：
http://browserlab.adobe.com
不错，但如果你想快速使用它，它不是免费的，我记得：
http://browsershots.org/
Google - 根据 Google 的统计数据显示您网站的哪些部分是可见的：
http://browsersize.googlelabs.com/
但据我所知，当今最常见的设计分辨率是1024x768，尽管高度并不那么重要，因为大多数鼠标/垫上都流行滚轮。
如果您针对此分辨率进行设计，则称为 960 网格的“增长标准”会提供大量设计帮助，该标准基于有多少专业设计师构建设计。
您总是创建一个不可见的“网格”，然后使用单元格来排列内容。很像旧的“桌子”系统，但更注重专业设计。
关于您的问题，您列出的％似乎您最常使用上面的“Google”链接。
最后，请务必记住使用最常用的浏览器测试您的网站的外观。对我来说，这 4 个将是：
Internet Explorer（最新和以前的版本，使用多于一台计算机来测试是否无法进行双重安装）
Mozilla Firefox（最新的，也许是以前的......但它们在渲染方面进行的更改较少，所以最新的就可以了）
Google Chrome（也很棒的调试工具，也是一个非常稳定的浏览器）
Safari（所以你确保你支持 MacOSX）
这就是我的观点。
There are many utils available for watching your website in different resolutions.
Some are installed on PC, some are online services like these:
Adobes "render browser" - you'll need to create a free Adobe account:
http://browserlab.adobe.com
Nice, but not free if you want it fast as I recall it:
http://browsershots.org/
Google - shows what part of your website is visible based on statistics from Google:
http://browsersize.googlelabs.com/
But as far as I know, todays most commonly design resolution is 1024x768, eventhough the height isnt that important because of the popular scrollwheel on most mice/pads.
If you design to design for this resolution there is a lot of design help in the "growing standard" called 960 grid, which is based upon how many professional designers build a design.
You always make an invisible "grid" and then you use the cells to arrange the contents. Much like the old "table" system, but much more focused on professional designs.
Regarding your question, the % you list, seems like you would have most use of the "Google" link above.
Lastly, always remember to test how your website looks with the most used browsers. For me those 4 will be:
Internet Explorer (latest and previous version, use more than one computer to test if you cant do a double installation of it)
Mozilla Firefox (latest and perhaps previous.. but they make less changes in the render, so latest would be ok)
Google Chrome (awesome debugging tools too, and a very stable browser)
Safari (so you make sure that you support MacOSX)
Thats my opinion.
Multibrowserviewer 是一个很棒的（付费）多浏览器支持工具，我知道它不是免费的，但值得即使只是试用期也会进行研究。
The Multibrowserviewer is a great (paid for) tool for multi browser support, I know it's not free, bt worth looking into even just for the trial period.