火狐浏览器怎么使用f12进行页面调试

Posted 2023-03-17

第一步在我们的电脑里面打开火狐浏览器，按f12或者右键“查看元素”，如下图所示：

第二步进去之后我们就看到如下图所示：查看器中查看页面代码，在右边的规则可以修改样式，点击查看器旁边的小箭头，然后移动鼠标，放在网页哪一部分都有对应的html出来，如下图所示：

第三步点击控制台，在这里可以看到js,css错误，日志，警告等信息，如果js有问题的话，可以在这里看出来

第四步点击调试器，在这里可以选择页面,js进行调试，如下图所示：

第五步点击网络，在这里我们可以看到哪些css，js，文件没有被使用或者加载出来

第六步我们也可以对调试进行相应的设置，如下图所示：

参考技术A

工具：（1）电脑；

（2）火狐浏览器；

火狐浏览器使用f12进行页面调试的步骤是：

1、第一步在电脑里面打开火狐浏览器，按f12或者右键“查看元素”；

2、第二步进去之后我们就看到如下图所示：查看器中查看页面代码，在右边的规则可以修改样式，点击查看器旁边的小箭头，然后移动鼠标，放在网页哪一部分都有对应的html出来；

3、第三步点击控制台，在这里可以看到js,css错误，日志，警告等信息，如果js有问题的话，可以在这里看出来；

4、第四步点击调试器，在这里可以选择页面,js进行调试；

5、第五步点击网络，在这里我们可以看到哪些css，js，文件没有被使用或者加载出来；

6、第六步我们也可以对调试进行相应的设置；

这样就解决了火狐浏览器使用f12进行页面调试的问题；