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

oschina
 oschina
发布于 2013年11月27日
收藏 73

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

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

via:Chrome Story/tipsplus.me

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Chrome 开发者工具有了设备模拟器
加载中

精彩评论

我吃烤地瓜
我吃烤地瓜

引用来自“隐形人”的评论

引用来自“蛋蛋为何忧伤”的评论

按F12,然后点最右下角的齿轮状的Setting按钮,然后点击Overrides即可

没有看到此选项啊

呵呵楼上说的是旧版的chrome。新版的chrome 已经把它搬到Elements ->show console 里面!以前的老版本是 F12->console->Settings->Overrides

最新评论(40

ZivC
ZivC

iphone5的尺寸为什么是320*567 ???

我吃烤地瓜
我吃烤地瓜

引用来自“隐形人”的评论

引用来自“蛋蛋为何忧伤”的评论

按F12,然后点最右下角的齿轮状的Setting按钮,然后点击Overrides即可

没有看到此选项啊

呵呵楼上说的是旧版的chrome。新版的chrome 已经把它搬到Elements ->show console 里面!以前的老版本是 F12->console->Settings->Overrides
我吃烤地瓜
我吃烤地瓜
这是最新版才有的 。原来的版本 它是放console->设置 里面的面 现在把它搬过来 放Element 里面!
_K_
_K_
好久了。。。。
elainema
elainema
N久前的事儿了,真够out的!
哆啦比猫
哆啦比猫
能模拟 ie6 with vbscript 么…
JC_404
JC_404
早就有了吧,都好久了
红叔
红叔
不会用...
架构梦想
架构梦想
看视频没广告了...
duty
duty
是不是就是 模拟一个http头。。
返回顶部
顶部