火狐浏览器怎么调试移动端页面

其实方法很简单哦，点击菜单进入开发者选项就可以找到测试移动端页面进行调试了哦，下面就和我一起来看看吧。火狐浏览器调试移动端页面方法：

打开火狐浏览器，进入主界面；如图所示，

打开一个移动端端页面进行测试，如图一，如果不做调整由于移动端的页面的宽度远远小于火狐浏览器的页面而且都已百分比进行书写的，所以显示的方式会很是奇怪，这样的情况下，你可能也不知道是否符合页面标准；

你可能会伸缩火狐浏览器窗口来达到调试的目的，但是，浏览器的环境和真实的移动端环境还是有点出入，虽然看着好像可以了，但是和移动端被的尺寸还是有问题的，而且测试其他尺寸的时候你不知道窗口该调整多大；

首先点击火狐浏览器右上角“菜单”选项；点击“开发者”；进入开发者选项，在这个选项里你可以看到很多针对于开发用户的有利工具，这些都是方便测试的，选择“响应式设计视图”；

然后你就会发现火狐浏览器进入了移动端测试环境；

1、首先使用Firefox火狐浏览器打开需要调试页面，也可以在开发工具设置火狐浏览器来打开：

2、在打开的Firefox浏览器中按F12键，接着就会打开“开发者工具”了：

3、此时选择“调试器”选项，然后选择需要调试的JS文件，接着就可以在需要调试的位置加入断点进行调试：

4、按F11或者F10单步调试JS，这里F11和F10的区别是F11调试，单步执行进入调用的其它函数；而F10调试单步执行，是不进入调用的其它函数的。当然也可以单机页面上相应的按钮进行调试。以上就是用Firefox调试网页的过程：

---