火狐浏览器开发者工具上怎么改js代码？

Posted 2023-03-21

不知道怎么在上面调试代码，改代码，感觉只能改css样式而已，不知道js那些代码怎么在上面改？

可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”，可以在百度中搜索并下载，如图：

2.使用火狐浏览器打开需要调试页面（也可以在开发工具设置火狐浏览器来打开），如图：

3.按F12打开“开发者工具”。界面如图：

4.选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点，如图：

5.按F11或者F10单步调试JS（F11和F10的区别：F11调试，单步执行,进入调用的其它函数；F10调试，单步执行，不进入调用的其它函数）。也可以单机页面上相应的按钮进行调试。如图：

参考技术A 很高兴为您答疑。
js代码倒是也可以通过查看器窗口进行修改，但是js代码属于加载后执行的脚本（非所见即所得），故而即便在查看器中修改了，也不能生效。 参考技术B

如果安装了firebug插件的话 F12调出然后

选择 脚本那个选项可以查看js并设置断点等操作

点控制台，在下面的输入框中输入JS语句就可以在该站点下执行您写的JS

参考技术C 　　尊敬的用户，您好！很高兴为您答疑。
　　js代码倒是也可以通过查看器窗口进行修改，但是js代码属于加载后执行的脚本（非所见即所得），故而即便在查看器中修改了，也不能生效。
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
　　本回答被提问者和网友采纳