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

时间:2024-10-12 05:37:35

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

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

2、键入F12,调出调试器。在调试器左上角点击toggel device toolbar。

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

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

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

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

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

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

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