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

JavaScript011

火狐浏览器开发者工具上怎么改js代码?,第1张

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

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

2.使用火狐浏览器打开需要调试页面(也可以在开发工具设置火狐浏览器来打开),如图:

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

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

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

你好,这个问题其实很简单,如果异步加载的JS可以直接修改,则可以通过在该JS文件中手动添加“debugger”语句实现自动断点。例如异步加载的JS文件内容为:

(function(window){

var num = Math.random() * 1000

debugger// 调完记得删除

num += 100

console.log(num)

})(window)

待调试完毕后,删除该语句即可。

但是,如果被异步加载的JS不方便随意修改,则可以将JS存到本地,使用Fiddler等代理软件,将JS代理到本地,再使用以上方法进行调试。待修复完毕后删除调试代码,上传覆盖远程JS文件即可。

另外,我曾经写过一篇文章《一探前端开发中的JS调试技巧》有更详细的演示,只需前往百度首页搜索文章标题,即可得到文章地址。

希望是你想要的答案,如有疑问可追问,望采纳~~

网页中大部分的限制都是由js编写的,而chrome提供了一个修改js代码的工具,利用这个工具可以轻松解决各种时间等待之类的限制。本文主要通过利用chrome命令行修改变量值得方式,控制运行流程。

我们看到该网站有一个阅读等待时间,而且一直没有任何变化,我们的目的是跳过这个等待时间。步骤如下:

1、按F12,打开调试面板;

2、打开source面板,找到相对应的代码;

3、分析代码,我们发现,124行元素 name="Candidateposition1$BtnOk" ,名字和后面的139、140行元素的名字 document.getElementById("CandidatePosition1_BtnOk").disabled=false不相同,在运行到139、140行get元素的时候,是空,所以该行运行后就有个红叉,因为没有get到这个元素,说明这是网站设计时候的一个BUG。那么我们来人工地让这个元素的disabled属性变成false即可;

3、如图选择console面板,这里可以用来说如一些即时的js代码,我们输入 document.getElementById("Candidateposition1_BtnOk").disabled=false请注意,这个地方的 $ 符号应该用下划线,因为实际过程中发现元素的编号并不和开始一致,遇到这种情况,点开Elements面板查看到当前按钮就可以。至此我们发现这个按钮可以点击了。