如何在PC上查看一个web页面在移动端的展示效果

最近在chrome上发现一个东东 emulation, 这个果断可以用来模拟web页面在移动端的显示结果。

如何在PC上查看一个web页面在移动端的展示效果_第1张图片

F12的界面,点击 Show drawer,就可以看到这个界面了。

如何在PC上查看一个web页面在移动端的展示效果_第2张图片

这里可以选择各种设备。选中之后,点击emulate就可以模拟了。

如何在PC上查看一个web页面在移动端的展示效果_第3张图片

这个就是http://testerhome.com/选择iphone5之后的模拟效果,还可以用鼠标模拟手势操作,点击、拖动都没问题。

你可能感兴趣的:(chrome,模拟,移动端,界面)