Is there any way for the browser to test my websites in resolutions that are higher than my screens?
有什么办法可以让浏览器在比我的屏幕更高的分辨率下测试我的网站吗?
E.g: I have a 1440 x 900 screen, and I want to test the website in 1920 x 1200, 1920 x 1080, etc.
E。我有一个1440x900的屏幕，我想在1920 x 1200, 1920 x 1080等等测试网站。
9 个解决方案
#1
65
You could, correct me if I'm wrong, simply create an iframe with style="desired width & height" and src="your/test.site" as the only child of <body>. Should display the site as if the resolution was the specified width/height and result in scroll bars to examine it.
如果我说错了，你可以直接创建一个iframe，样式为“所需的宽度和高度”，src=“your/test”。作为的唯一子节点。应该显示网站，好像分辨率是指定的宽度/高度，并导致滚动条检查它。
Not as convenient as using a third party, having to set it up yourself, but has the advantage of being able to test locally with no internet connection.
不像使用第三方那样方便，必须自己设置，但是有一个优点，即可以在没有internet连接的情况下进行本地测试。
#2
25
This solution is way faster than the ones proposed above:
这个解决方案比上面建议的更快:
http://www.infobyip.com/testwebsiteresolution.php
http://www.infobyip.com/testwebsiteresolution.php
It's not as versatile as browsershots.org but it's much faster (a few seconds v. a 45 minute queue).
它不像browsershots.org那样通用，但是它要快得多(几秒对45分钟的队列)。
#3
8
Some ideas:
一些想法:
Use browser zoom, 1024x768 50% zoom = 2048x1536 simulated resolution, I know Chrome resizes images and the like. Things become hard to read, but I'm assuming you're testing placement and such.
使用浏览器缩放，1024x768 50%缩放= 2048x1536模拟分辨率，我知道Chrome可以缩放图像等。事情变得难以理解，但我假设你正在测试位置等等。
Also you can use some screenshot programs to take higher than normal resolution screenshots (fireshot on Firefox let me do this, but had memory issues with really high resolutions, and isn't free anymore).
你也可以使用一些屏幕截图程序来获取比正常分辨率更高的屏幕截图(火狐上的fireshot让我这么做，但它的内存问题非常高，并且不再是免费的)。
#4
4
One solution, perhaps overkill, would be to use Xvfb: set the desired resolution and color depth, load your page in browser(s) and take screenshot(s).
一个解决方案，也许是过度使用，将会使用Xvfb:设置所需的分辨率和颜色深度，在浏览器中加载页面，并进行屏幕截图。
#5
4
Try viewlike.us or screen-resolution.com. It's not all possible resolutions but the most common ones at least.
viewlike试试。我们或screen-resolution.com。这不是所有可能的决心，但至少是最常见的决心。
I have not tried them but it seems pretty straight forward.
我还没有试过，但看起来很直接。
#6
2
Although this won't tell you the exact resolution your testing, you can use the zoom tool in Chrome or FF to zoom out. This will give a fairly accurate idea of what the site looks like on higher res screens.
虽然这不会告诉您测试的确切分辨率，但是您可以使用Chrome或FF中的zoom工具来缩小。这将提供一个相当准确的关于网站在高分辨率屏幕上是什么样子的想法。
#7
2
If you are okay with just seeing a static screenshot of your site, I'd recommend http://browsershots.org/
如果你不介意看到站点的静态截图，我推荐http://browsershots.org/
They give you the option to see screen shots of your site in virtually any browser / OS combination, including the ability to specify screen size, plus a whole bunch of other options.
它们可以让你在几乎任何浏览器/操作系统的组合中查看站点的屏幕快照，包括指定屏幕大小的功能，以及许多其他选项。
Well worth bookmarking.
值得收藏。
#8
1
You may want to try wkhtmltoimage, which can take screenshots at arbitrary resolutions.
您可能想尝试wkhtmltoimage，它可以在任意分辨率下进行屏幕快照。
Also, in KDE4 it is possible to enlarge a window beyond the screen size. I think I have seen it in Windows 7 too. Not sure about other OSes.
此外，在KDE4中，可以将窗口放大到屏幕尺寸之外。我想我在Windows 7上也见过。不确定其他os。
#9
1
IE9 allows you to resize the browser window to an arbitrary size: Press F12 for developer tools, go to Tools | Resize and pick your preferred size. Then use some tool that can capture off-screen windows if the window is bigger than your screen. This article seems to indicate that Snagit can do this. Then just take a look at the captured pic.
IE9允许你将浏览器窗口大小调整为任意大小:按F12为开发工具，到工具|调整大小，选择你喜欢的大小。然后使用一些工具来捕获屏幕外的窗口，如果窗口比你的屏幕大。这篇文章似乎表明Snagit可以做到这一点。然后看一下被捕获的图片。
#1
65
You could, correct me if I'm wrong, simply create an iframe with style="desired width & height" and src="your/test.site" as the only child of <body>. Should display the site as if the resolution was the specified width/height and result in scroll bars to examine it.
如果我说错了，你可以直接创建一个iframe，样式为“所需的宽度和高度”，src=“your/test”。作为的唯一子节点。应该显示网站，好像分辨率是指定的宽度/高度，并导致滚动条检查它。
Not as convenient as using a third party, having to set it up yourself, but has the advantage of being able to test locally with no internet connection.
不像使用第三方那样方便，必须自己设置，但是有一个优点，即可以在没有internet连接的情况下进行本地测试。
#2
25
This solution is way faster than the ones proposed above:
这个解决方案比上面建议的更快:
http://www.infobyip.com/testwebsiteresolution.php
http://www.infobyip.com/testwebsiteresolution.php
It's not as versatile as browsershots.org but it's much faster (a few seconds v. a 45 minute queue).
它不像browsershots.org那样通用，但是它要快得多(几秒对45分钟的队列)。
#3
8
Some ideas:
一些想法:
Use browser zoom, 1024x768 50% zoom = 2048x1536 simulated resolution, I know Chrome resizes images and the like. Things become hard to read, but I'm assuming you're testing placement and such.
使用浏览器缩放，1024x768 50%缩放= 2048x1536模拟分辨率，我知道Chrome可以缩放图像等。事情变得难以理解，但我假设你正在测试位置等等。
Also you can use some screenshot programs to take higher than normal resolution screenshots (fireshot on Firefox let me do this, but had memory issues with really high resolutions, and isn't free anymore).
你也可以使用一些屏幕截图程序来获取比正常分辨率更高的屏幕截图(火狐上的fireshot让我这么做，但它的内存问题非常高，并且不再是免费的)。
#4
4
One solution, perhaps overkill, would be to use Xvfb: set the desired resolution and color depth, load your page in browser(s) and take screenshot(s).
一个解决方案，也许是过度使用，将会使用Xvfb:设置所需的分辨率和颜色深度，在浏览器中加载页面，并进行屏幕截图。
#5
4
Try viewlike.us or screen-resolution.com. It's not all possible resolutions but the most common ones at least.
viewlike试试。我们或screen-resolution.com。这不是所有可能的决心，但至少是最常见的决心。
I have not tried them but it seems pretty straight forward.
我还没有试过，但看起来很直接。
#6
2
Although this won't tell you the exact resolution your testing, you can use the zoom tool in Chrome or FF to zoom out. This will give a fairly accurate idea of what the site looks like on higher res screens.
虽然这不会告诉您测试的确切分辨率，但是您可以使用Chrome或FF中的zoom工具来缩小。这将提供一个相当准确的关于网站在高分辨率屏幕上是什么样子的想法。
#7
2
If you are okay with just seeing a static screenshot of your site, I'd recommend http://browsershots.org/
如果你不介意看到站点的静态截图，我推荐http://browsershots.org/
They give you the option to see screen shots of your site in virtually any browser / OS combination, including the ability to specify screen size, plus a whole bunch of other options.
它们可以让你在几乎任何浏览器/操作系统的组合中查看站点的屏幕快照，包括指定屏幕大小的功能，以及许多其他选项。
Well worth bookmarking.
值得收藏。
#8
1
You may want to try wkhtmltoimage, which can take screenshots at arbitrary resolutions.
您可能想尝试wkhtmltoimage，它可以在任意分辨率下进行屏幕快照。
Also, in KDE4 it is possible to enlarge a window beyond the screen size. I think I have seen it in Windows 7 too. Not sure about other OSes.
此外，在KDE4中，可以将窗口放大到屏幕尺寸之外。我想我在Windows 7上也见过。不确定其他os。
#9
1
IE9 allows you to resize the browser window to an arbitrary size: Press F12 for developer tools, go to Tools | Resize and pick your preferred size. Then use some tool that can capture off-screen windows if the window is bigger than your screen. This article seems to indicate that Snagit can do this. Then just take a look at the captured pic.
IE9允许你将浏览器窗口大小调整为任意大小:按F12为开发工具，到工具|调整大小，选择你喜欢的大小。然后使用一些工具来捕获屏幕外的窗口，如果窗口比你的屏幕大。这篇文章似乎表明Snagit可以做到这一点。然后看一下被捕获的图片。