• 注册
热门标签
↑ 收起导航

Chrome浏览器模拟手机端访问网页

各种手持设备越来越普及,兼容手机和平板设备的网站也将会越来越流行,响应式网页也是未来的设计趋势。

今儿就说说利用Chrome浏览器来模拟真实的手机端访问网站,方便设计前端和测试页面的兼容性。

注:老杨以 Chrome 41.0.2243.0 为例。

1、按F12或(Ctrl+Shift+I 或 Ctrl+Shift+C)键来打开“开发者工具”,点击[Show drawer.]图标,如下图:

Chrome浏览器模拟手机端访问网页_172405

2、选择 [Emulation] 后再勾选 [Emulate screen resolution] 即可。

Chrome浏览器模拟手机端访问网页_173220

除些之外,我们可以用 Select model 来选择对应的机型进行测试,按需选择一个,比如 iPhone 6,刷新一下可以看网页效果了。

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/1588.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

沙发木了,占个板凳也不错~ »

发表评论 



我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册