admin管理员组文章数量:1568307
手机版网站经常要考虑到不同手机兼容的问题,感觉如果所有手机都拿来测也不实际,所以上网特意找了下如何测试不同手机上网站的兼容,结果就发现chrome浏览器的强大,方便!
下面上步骤上图:
1)打开chrome 浏览器,按F12,出来调试器:
2)点击方框中的图标,然后出现下方红色圈圈的内容,再双击手机图标
3)就会出现下面这个界面,并且可以再里面选择你想要的手机类型:
左上方的红色圈圈里 是快捷选择下拉 型号。
再比如下面这个页面
这个是选择好模板之后的显示,那么问题来了,这么小这么看?
那你注意下,页面的右边有一个放大缩小的按钮,这时候可以去控制大,进行调整
如下图
就是这么炫酷!
这样一来,神器在手,天下我有,基本上涵盖了手机终端。给我们手机网站调试带来了方便。
其中还有其他操作,我就不一一介绍了,有兴趣的您可以去试试看。
PS:当然对于做APP的同学,也许用不到,因为都会去配置虚拟机。所以手机网站上的同学可以研究研究
转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi/4896.html
微信打赏
支付宝打赏
感谢您对作者gordon的打赏,我们会更加努力! 如果您想成为作者,请点我
版权声明:本文标题:chrome android f12,chrome浏览器调试手机网站【原创】 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1726984831a1093218.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论