接下来，我将通过一些实际案例和个人观点来回答大家对于网站js修改代码的问题。现在，让我们开始探讨一下网站js修改代码的话题。
文章目录列表:
1.fiddler怎么修改网页嵌入的JS代码
2.js怎么修改一个函数的部分代码
3.如何用chrome修改js代码，跳过网站等待时间
4.网页分享按钮js代码修改
5.JS网页源码怎么修改，重赏
6.火狐浏览器开发者工具上怎么改js代码？
fiddler怎么修改网页嵌入的JS代码
虽然可以通过调试工具的控制台来动态执行JS代码,但有时候却远远不够用.
特别是当产线环境不能随意修改文件情况下,用线上环境来调试本地代码更是迫切的需求.
今天分享一下如何用Fiddler来修改并调试线上的JS代码.
以博客园首页为例子,用我本地的一个js文件来替换它的一个js.
查看首页源码发现一个js,就拿它开刷了.
打开fiddler,捕获博客园的首页请求. 找到“aggsite.js”的请求.
这里有个技巧,可以通过 “select”命令来筛选js请求. 在下面的命令框输入“select script”回车即可. 如下图.
接着把这个请求拖动到“AutoResponder”面板.
拖动之前记得先勾上 “Enable automatic resp_es”和 “Permit passthrough for unmatched requests”.
然后在Rule Editor的第二下拉框选择 “Find a file”来选择本地的JS文件, 选择后点 Save.
这里我用本地的“test fiddler.js”来替换博客园首页的“aggsite.js”.
“test fiddler.js”内容如下. 就是向body追加一段红色文字.
$(function(){
var p=$("<p/>").text("这是fiddler加上的JS").css("text-align","center").css("color","red");
$("body").prepend(p);
});
js怎么修改一个函数的部分代码
1、首先在元素标签上右键审查元素，点击蓝色部分与红色箭头所指是选中的元素代码。
2、然后点击右侧箭头所指的位置，单步执行js修改代码即可。
如何用chrome修改js代码，跳过网站等待时间
网页中大部分的限制都是由js编写的，而chrome提供了一个修改js代码的工具，利用这个工具可以轻松解决各种时间等待之类的限制。本文主要通过利用chrome命令行修改变量值得方式，控制运行流程。
我们看到该网站有一个阅读等待时间，而且一直没有任何变化，我们的目的是跳过这个等待时间。步骤如下：
1、按F12，打开调试面板；
2、打开source面板，找到相对应的代码；
3、分析代码，我们发现，124行元素 name="Candidateposition1$_nOk" ，名字和后面的139、140行元素的名字 document.getElementById("CandidatePosition1__nOk").disabled=false; 不相同，在运行到139、140行get元素的时候，是空，所以该行运行后就有个红叉，因为没有get到这个元素，说明这是网站设计时候的一个BUG。那么我们来人工地让这个元素的disabled属性变成false即可；
3、如图选择c_ole面板，这里可以用来说如一些即时的js代码，我们输入 document.getElementById("Candidateposition1__nOk").disabled=false; 请注意，这个地方的 $ 符号应该用下划线，因为实际过程中发现元素的编号并不和开始一致，遇到这种情况，点开Elements面板查看到当前按钮就可以。至此我们发现这个按钮可以点击了。
网页分享按钮js代码修改
<a class="share" data-sharebox="true" data-desc="desc" data-title="title" data-img="imgurl" href="#">
分享按钮的onclick:
$(".share").attr('data-sharebox');
$(".share").attr('data-desc');
$(".share").attr('data-title');
$(".share").attr('data-img');
如：
<a class="share" id="share_1" data-sharebox="true" data-desc="desc" data-title="title" data-img="imgurl" href="#">
则下面就用：
$("#share_1").attr('data-sharebox');
JS网页源码怎么修改，重赏
首先使用一个有调试工具的的浏览器
如：谷歌，火狐
然后按f12 调出网页开发工具
以谷歌举例
选择sources标签
点击左上角小箭头标志
可以看到所有引用的js文件
在控制台面板中可以直接修改
此时会进入一个虚拟机状态VIM
但是谷歌有sandbox机制
会屏蔽用户对非本地源码的修改
火狐浏览器开发者工具上怎么改js代码？
可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”，可以在百度中搜索并下载，如图：
2.使用火狐浏览器打开需要调试页面（也可以在开发工具设置火狐浏览器来打开），如图：
3.按F12打开“开发者工具”。界面如图：
4.选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点，如图：
5.按F11或者F10单步调试JS（F11和F10的区别：F11调试，单步执行,进入调用的其它函数；F10调试，单步执行，不进入调用的其它函数）。也可以单机页面上相应的按钮进行调试。如图：
今天关于“网站js修改代码”的讨论就到这里了。希望通过今天的讲解，您能对这个主题有更深入的理解。如果您有任何问题或需要进一步的信息，请随时告诉我。我将竭诚为您服务。
评论前必须登录！
注册