前端开发如何用浏览器调试手机页面

在前端开发中，如何使用浏览器去调试手机页面是每个人都需要了解的知识点。这不仅为前端患束锍瓜开发提供了可视化的操作布局，也为功能调试节省了很多的时间。那么前端开发如何用浏览器调试手机页面呢？小编来告诉你。

工具/原料

浏览器：GoogleChrome版本80.0.3987.122

方法/步骤

1、使用浏览器访问需要调试项目的地址。

2、键入F12，调出调试器。在调试器左上角点击toggeldevicetoolbar。

3、这时，网页的尺寸和手机的尺寸是差不多大小的了

4、如果不符合手机的尺寸，可以在上方自选手机尺寸和缩放比例。

5、并且在下方调试器中，仍然可以对页面代码进行查看及调试。