小程序开发 > 动态 >

宁波做网站:视窗模拟与Chrome的设备指标

2019-09-02 08:55:21

宁波做网站:视窗模拟与Chrome的设备指标

当我们宁波做网站正在建设或原型响应网站,我们需要给网站 一个测试在许多视窗大小检查布局和页面显示 。 有几种方法这样做:你可以使用 Adobe边检查 或浏览器扩展等 维度的铬 。

问题是,这些工具并不总是工作无缝地在每一个案例。 Adobe边检查需要连接你的笔记本电脑和移动设备在相同的无线连接,XIP。 io也需要你的设备连接到互联网,并在我的经验很痛苦的调试中网站响应 iframe 或者需要反复调整浏览器窗口。

模拟窗口大小

Chrome最近推出了一个新的内置功能,绕过所有上面提到的问题。 它被称为设备指标。 要启用它,打开 开发工具设置 。

头的 覆盖 面板。 选择 设备指标 ,你可以指定视窗尺寸。

宁波做网站

结果应该立即。

宁波做网站

你可以交换之间的长度宽度和高度通过点击旁边的按钮输入字段。


宁波做网站不知道做什么样的屏幕分辨率吗? 你也可以改变浏览器的 用户代理 。 和屏幕尺寸输入字段将填满实际上视窗大小从选中的用户代理。

例如,选择“Android 2.3 - Nexus S”将设置尺寸为480 * 800像素,选择“iPad——iOS5”将它1024×728像素。

休息,你可以找到完整的移动设备列表视窗大小 Screensiz.es 。

结论

Google Chrome有许多有用的特性,可以简化开发过程。 现在,通过使用 设备指标 为特定的窗口大小,您可以调试你的网站,而无需处理限制连接,使用第三方浏览器扩展,或通过一个拖网捕鱼 iframe。