我可以使用什么工具来测试不同分辨率的Web应用程序？

Question

回到过去，

我发现第三方网页能够以不同的分辨率和浏览器捕获和保存我的网站图像。当然我没有那个书签......

那么有什么网页或应用程序我可以看到我的网页在不同分辨率下的样子吗？

以下是我想检查的决议..

1. 1024x768    24.56%  
2. 1280x800    22.06%  
3. 1280x1024   13.42%  
4. 1366x768    7.10%  
5. 1440x900    6.68% 

Answer 1

也许你在考虑http://browsershots.org/？

Answer 2

请注意，运行浏览器的计算机的屏幕分辨率只是事实的一半。如果浏览器没有最大化，它将比您在那里看到的分辨率小很多，而在非Windows操作系统（Mac OS X，Linux）上运行非最大化的应用程序则更为常见。

最好确保您的网站可以从小窗口（只需调整浏览器大小）到大型窗口中查看。

Answer 3

如果您想检查各种分辨率和浏览器，那么BrowserShots可能就是您之前遇到的情况，请先查看。

Answer 4

查看哪个百分比的人看到了您的网页数量：

http://browsersize.googlelabs.com/

另外：Firefox的Web Developer插件（调整大小菜单）。

Answer 5

Chrome Extension和Firefox add-on将您的浏览器调整为各种标准分辨率尺寸...

Answer 6

还有一个名为ScreenFly的在线工具非常好，您甚至可以检查平板电脑，电视和手机.. screenfly

Answer 7

有许多工具可用于以不同的分辨率观看您的网站。

有些是在PC上安装的，有些是在线服务：

Adob​​es“渲染浏览器” - 您需要创建一个免费的Adobe帐户：

http://browserlab.adobe.com

很好，但如果你想要它快速的话我就不会自由：

http://browsershots.org/

Google - 根据Google的统计信息显示您网站的哪些部分可见： http://browsersize.googlelabs.com/

但据我所知，今天最常见的设计分辨率是1024x768，尽管高度并不重要，因为大多数鼠标/垫上都有流行的滚轮。

如果你设计的是这个分辨率的设计，那么在960网格的“不断增长的标准”中有很多设计帮助，它基于有多少专业设计师构建设计。

您总是制作一个不可见的“网格”，然后使用单元格来排列内容。就像旧的“桌子”系统一样，但更专注于专业设计。

关于您的问题，您列出的百分比，似乎您最常使用上面的“Google”链接。

最后，请务必记住使用最常用的浏览器测试您的网站的外观。对我来说，那4个将是：

1. Internet Explorer（最新版本和以前版本，如果您无法进行双重安装，请使用多台计算机进行测试）

2. Mozilla Firefox（最新版本，也许是之前版本......但是它们在渲染中的变化较少，所以最新版本可以正常使用）

3. 谷歌浏览器（非常棒的调试工具，以及非常稳定的浏览器）

4. Safari（所以你确保你支持MacOSX）

这就是我的意见。

Answer 8

Multibrowserviewer是支持多浏览器支持的优秀（付费）工具，我知道它不是免费的，即使只是试用期也值得研究。