Chrome 开发者工具有了设备模拟器

时间:2023-03-09 07:43:59
Chrome 开发者工具有了设备模拟器

  今天从哥们那里学到了一个小技巧,使用chrome自带的多设备模拟器来调试页面在不同设备下的显示效果。

特地上网查了一下,记录一下。

Chrome 开发者工具有了设备模拟器

如果想要在 Chrome 上测试网站在不同设备,不同分辨率的显示情况,那么就试试 Chrome 开发工具的设备模拟器吧。进入到开发者工具(快捷键 F12),然后点击右上角的锯齿,在 Setting 一侧找到Overrides,勾选上 Show ‘Emulation’ view in console drawer 。之后点击’ Hide drawer’上边的三道杠,就能看到模拟器了,目前能模拟大部分流行的设备了,不过没看到 iPhone 5s。

我的电脑上装的chrome浏览器版本是31.0 版本的,可惜没有找到在哪,升级到新版本34.0后,默认就处于打开状态了。

Chrome 开发者工具有了设备模拟器

Chrome 开发者工具有了设备模拟器

转载请注明出处。