admin管理员组

文章数量:1538845

手机版网站经常要考虑到不同手机兼容的问题，感觉如果所有手机都拿来测也不实际，所以上网特意找了下如何测试不同手机上网站的兼容，结果就发现chrome浏览器的强大，方便！

下面上步骤上图：

1)打开chrome 浏览器，按F12，出来调试器：

2)点击方框中的图标，然后出现下方红色圈圈的内容，再双击手机图标

3)就会出现下面这个界面，并且可以再里面选择你想要的手机类型：

左上方的红色圈圈里 是快捷选择下拉 型号。

再比如下面这个页面

这个是选择好模板之后的显示，那么问题来了，这么小这么看？

那你注意下，页面的右边有一个放大缩小的按钮，这时候可以去控制大，进行调整

如下图

就是这么炫酷！

这样一来，神器在手，天下我有，基本上涵盖了手机终端。给我们手机网站调试带来了方便。

其中还有其他操作，我就不一一介绍了，有兴趣的您可以去试试看。

PS：当然对于做APP的同学，也许用不到，因为都会去配置虚拟机。所以手机网站上的同学可以研究研究

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi/4896.html

微信打赏

支付宝打赏

感谢您对作者gordon的打赏，我们会更加努力！    如果您想成为作者，请点我

本文标签： 浏览器手机网站chromeandroid

版权声明：本文标题：chrome android f12,chrome浏览器调试手机网站【原创】 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726984831a1093218.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。