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

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

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

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

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

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

1、一、使用浏览器访问项目页面路径。

二、F12调出调试器。

三、在调试器左上角点击toggel device toolbar。

四、在模拟器上方选择不同手机类型，尺寸和缩放比例即可