以比当前屏幕分辨率更高的分辨率测试网页的最佳方法是什么？

10

我正在制作一个响应式网站，需要在2400px分辨率下测试网页的css，html，javascript渲染，而我的屏幕只有1900px。

— 潜龙谍影
source

可能如何

— Ƭᴇcʜιᴇ007

您是否意识到您可以在大多数系统上调整浏览器窗口的大小，使其超出屏幕分辨率？只需将它们移出屏幕一半，然后调整屏幕中间的边框大小即可。它对于实际使用没有用，但是足以进行测试。完整窗口的屏幕截图是在OS X上以1680x150屏幕分辨率拍摄的。

— 丹尼尔·贝克

@DanielBeck-奇怪的是，我在自己的Chomre（Windows）上尝试相同的操作，但是它没有超出当前屏幕的范围

— 金属齿轮固体

然后，您的操作系统试图超越您，这确实是一个问题。可以在Windows 7上使用Safari复制。–

— Daniel Beck

我的也是Windows 7

— 坚固的金属齿轮

3

在Chrome浏览器中：

按F12。这将打开DevTools。
单击右下角的设置图标。这将打开DevTools设置。
转到左侧菜单中的替代。
选中启用和设备指标。
输入屏幕分辨率

我一直使用它，真的很方便。

— 阿尔曼·比马托夫（Arman Bimatov）
source

2

如果您在最新版本的Firefox中点击Ctrl+ Shift+ M，则将输入响应式设计视图，该视图可以将浏览器视口的大小调整为大于实际屏幕大小。您也可以从FF 26开始拍摄屏幕截图并模拟触摸事件。

^{点击查看原图}

缩小窗口后，您可能会发现调整大小更容易-您可以将尺寸调整器进一步拖动一次。或者只是从下拉菜单中输入自定义预设。

— 鲍勃
source

是否有此选项的API？为通过从网站或插件内部注入的js代码启用它？

— 卡马尔·雷迪

@KamalReddy我认为您无法从内容上下文（网站）中执行此操作，但是应该可以从chrome上下文（附加程序）中执行。好吧，无论如何将来。也许您可以模拟Ctrl + Shift + M？

— 鲍勃

1

您可以尝试使用该网站，它可以让您从预设分辨率中选择任何屏幕分辨率来测试您的网页，或输入自定义分辨率。希望对您有所帮助。

— 卡马拉姆
source

被我们的代理服务器阻止。这是指向另一个站点的指针，还是该PHP页面是该工具的实际页面？

— 2013年

我在此处添加的PHP页面是该工具的实际页面

— kamalam

0

这个问题可能是更适合于网络管理者，但我会在它采取了防刺和建议ViewLikeUs这

可让您查看您的网站在最流行的分辨率格式下的外观。

— 查理·RB
source

1

它最多只有1920个

— 金属齿轮固体

0

在视频卡的控制面板中添加自定义屏幕分辨率。

— 格尼本
source

3

分辨率大于屏幕支持的分辨率？您能否提供更多详细信息，如何配置它以及它的外观？

— 丹尼尔·贝克

@DanielBeck此YouTube教程链接适用于nVidia卡。对于ATI / AMD来说非常相似。

— GENiEBEN 2012年

2

@ElGenieben该视频在0:39明确警告您，如果设置的分辨率太高，可能会损坏显示器。

— 妮可·汉密尔顿

0

试试这个在线分辨率测试仪，它提供了各种不同的分辨率来测试您的网站，只需输入您的网站的网址，选择一个分辨率然后将其签出即可。

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

希望这可以帮助！！！

— 内维尔
source

0

您可以尝试Chrome插件：支持自定义分辨率的分辨率测试仪 :)

— 斯库利·阿克森（Skuli Axelson）
source

0

只需更改浏览器的缩放比例，当缩小时，实际上，窗口大小向您的应用程序报告越来越大的宽度。

此处是jsfiddle示例，只需单击按钮，查看其报告的宽度，然后将其缩小一点并单击相同的按钮，它将报告更大的尺寸。

— 杜贝
source

0

在Google Chrome浏览器的设备模拟器中尝试自定义分辨率设置。与使用浏览器的缩放功能相比，它提供了更多控制权。

启用设备仿真器并选中“缩放以适合”选项。

手动输入最大9999px宽的分辨率（或拖动模拟屏幕的边缘。模拟分辨率将被缩放以适合您自己的视口。

您实际上可以保持较低的分辨率高度，因为无论如何您都可以向下滚动。这样，您也可以使检查器保持打开状态。Web开发的绝佳工作流程！

— 布拉姆奇
source