用Chrome控制台测试移动端效果

热门标签

坚持每天来逛逛,会让你
工作也轻松了!
生活也美好了!
心情也舒畅了!
走路也有劲了!
腿也不痛了!
腰也不酸了!
工作也轻松了!
你好我也好,不要忘记哦!

前段时间因为QQ浏览器固定了最小宽度,让我没办法在PC上调试移动端的自适应网页,后来通过一款浏览器插件解决了这个问题,但我还是装上了Chrome浏览器。现在看来当时确实没见识,做了件傻事。因为Chrome控制台本来就有调试移动端网页的功能,我一直不知道。而且这个功能还特别强大,各种型号的手机都能模拟,还能自己调整网页大小等等,非常方便,再也不用装各种各样的插件了。

先看看效果图:

用Chrome控制台测试移动端效果

尺寸手机型号随便调整,下面看看怎么开启这个功能。

在支持chrome内核的浏览器中,按下F12开启chrome控制台,点击控制台第一行第二个图标按钮,就是一个手机一个PC的那个。是不是看到了手机网页?神奇不?

用Chrome控制台测试移动端效果

如果默认设置中的手机型号没有你想要的,你可以点击chrome控制台的设置,选择devices选项,将没打勾的都选上,如果还没有你想要的,点击添加按钮自己添加吧!

本文收集于互联网,由 本站 整理编辑,不代表 本站 对观点赞同或支持。如果有侵权、不妥之处,请联系我们删除。敬请谅解!

分享到:
赞(0) 打赏 生成海报

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

终身米帝限价99元
不断更新 / 免费下载 / 无限搬运
终身米帝原299元 活动价99元
限时特惠 十一后将恢复原价
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册