小伙伴们你们好，秦嘉微很高兴又和各位见面了，今天主要来讲讲用Chrome控制台测试移动端效果，还有Chrome移动端控制台,效果,测试相关的各种内容，这些其实都是一些必备知识，只是有些时候我们没有遇到就没有去了解而已！
前段时间因为QQ浏览器固定了最小宽度，让我没办法在PC上调试移动端的自适应网页，后来通过一款浏览器插件解决了这个问题，但我还是装上了Chrome浏览器。现在看来当时确实没见识，做了件傻事。因为Chrome控制台本来就有调试移动端网页的功能，我一直不知道。而且这个功能还特别强大，各种型号的手机都能模拟，还能自己调整网页大小等等，非常方便，再也不用装各种各样的插件了。
先看看效果图：
尺寸手机型号随便调整，下面看看怎么开启这个功能。
在支持chrome内核的浏览器中，按下F12开启chrome控制台，点击控制台第一行第二个图标按钮，就是一个手机一个PC的那个。是不是看到了手机网页？神奇不？
如果默认设置中的手机型号没有你想要的，你可以点击chrome控制台的设置，选择devices选项，将没打勾的都选上，如果还没有你想要的，点击添加按钮自己添加吧！
好了，今天就给各位讲到这里，总体还是希望这篇文章能帮助到各位，看完了，如果你觉得用Chrome控制台测试移动端效果【新手必看】还不错的话记得帮忙点个赞哦，欢迎继续浏览本站，学习更多的知识！
本文发布者：站长老油条，不代表寂寞网立场，转载请注明出处：https://www.jimowang.com/p/5940.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 jimowangmail@126.com 举报，一经查实，本站将立刻删除。
