浏览器修改js代码

① win7/win8绯荤粺璋冭瘯IE11娴忚堝櫒js鑴氭湰鐨勬柟娉

1)棣栧厛鏉ョ湅涓涓嬬洰鍓岻E11瀛樺湪鐨勪竴浜沯s鍏煎归棶棰樸

銆2)鍏舵℃潵纭璁や竴涓嬬瑪璁版湰鐨勭郴缁熶俊鎭

銆3)鐧诲叆鎴戜滑鐨勭郴缁(涓轰簡淇℃伅瀹夊叏锛屽浘鐗囪繘琛屼簡绠鍗曞勭悊)

銆4)鍦↖E11榛樿ょ殑鎵撳紑鐨勬柟寮忎笅锛岄紶鏍囧崟鍑讳换浣曟寜閽閮芥槸娌℃湁鏁堟灉鐨勶紝濡傚浘鍗曞嚮鏃ュ織鏌ヨ㈠悗鍐嶅崟鍑昏惧囩＄悊锛屽彲浠ョ湅鍒伴〉闈㈡槸娌℃湁鍝嶅簲浜嬩欢鐨勩傛ゆ椂鎴戜滑闇瑕佹縺娲籌E11涓嬬殑鍏煎规ā寮忔潵娴忚堟湰椤甸潰銆

銆杩涘叆IE11鐨勫吋瀹规ā寮
1)鍦↖E11椤甸潰鍐呮寜F12鎵撳紑鍏ㄦ柊鐨勫紑鍙戣呭伐鍏枫傚湪宸︿晶鎵惧埌浠跨湡鍔熻兘锛岄噷闈㈣剧疆鏂囨。妯″紡涓庣敤鎴峰瓧绗︿覆閮芥敼涓篒E7鐨勬ā寮忥紝杩欐牱灏辫繘鍏ヤ簡娴忚堝櫒鐨勫吋瀹规ā寮忥紝姝ゆ椂鍐嶅洖鍒板垰鎵嶇殑椤甸潰鐐瑰嚮鏃ュ織鏌ヨ㈡寜閽鍙浠ョ湅鍒颁笅闈㈠凡缁忓搷搴斾簡js浜嬩欢銆

銆鐜板湪鎵惧埌鎴戜滑闇瑕佽皟璇曠殑椤甸潰涓璲s鑴氭湰
1)鎵撳紑鎴戜滑闇瑕佽繘琛岃皟璇曠殑椤甸潰锛屽湪寮鍙戣呭伐鍏蜂腑鐨凞OM璧勬簮绠＄悊鍣ㄤ腑浣跨敤閫夋嫨鍏冪礌鎸夐挳锛岄夊嚭鎴戜滑鐨勬枃妗ｄ綅缃銆
2)鍦―OM璧勬簮绠＄悊鍣ㄤ腑鎵惧埌 鎴戜滑鐨刯s鑴氭湰浣嶇疆锛屽洜涓烘槸鍦―OM璧勬簮绠＄悊鍣ㄤ腑鎵撳紑鐨勶紝鎵浠ュ湪杩欓噷鍙鑳界湅涓嶈兘鎿嶄綔锛屾垜浠鎵撳紑鐨刯s涔熸槸鐢ㄦ枃鏈鐨勬柟寮忓憟鐜板嚭鏉ョ殑銆

銆閫氳繃涓婇潰涓姝ワ紝濡傛灉鑳藉熷畾浣嶅埌鎴戜滑鐨刯s浠ｇ爜灏卞凡缁忕‘瀹氬彲浠ヨ繘琛宩s鐨刣ebug璋冭瘯浜嗐
1)鎵撳紑寮鍙戣呭伐鍏蜂腑鐨勮皟璇曠▼搴忓姛鑳姐
2)鐐瑰嚮宸︿笂瑙掔殑鏂囦欢澶瑰浘鏍囷紝鎵惧埌鎴戜滑鐨刯s浠ｇ爜
鍒拌繖閲屼负姝锛屾垜浠鐨処E11娴忚堝櫒灏辫兘甯鎴戜滑璋冭瘯js浠ｇ爜鍟︺

銆杩樻湁鍙︿竴绉嶆柟寮忔潵璋冭瘯js鑴氭湰
灏辨槸鍊熷姪闈濱E鐨勪絾鏄鐢↖E鍐呮牳鍋氭垚鐨勬祻瑙堝櫒锛屾瘮濡360鏋侀熸祻瑙堝櫒銆
鍦ㄥ吋瀹规ā寮忎笅锛孎12杩涘叆寮鍙戣呭伐鍏凤紝灏变細瑙佸埌鎴戜滑鐔熸倝鐨勭敾闈浜嗐

② 怎么在浏览器中调试JS代码

Chrome浏览器
按F12或是"设置"--》“工具”--》“开发者工具”，即可打开chrome的调试工具。

关于这个工具的用法，请参考“怎么使用chrome调试工具”。这里主要讲怎么使用source这个选项来调试JS代码。下图source选项的窗口。
0怎么使用chrome调试工具

下图中1为source选项卡，2是在小窗口中选中source选项，3是当前页面的原代码，这个需要自己确定，一般会是index或是比较具体的jsp的名称。双击3中的页面，右边的窗口中会出现页面的原代码，如下图4.
点击5，会格式化代码，是代码有合理换行，比较清晰。

下面就是具体的调试了。
在下图1中，先通过元素定位找到一个按钮，查看原代码，找到它点击后的JS方法，然后在source窗口查询，如图2中的1，定位到该方法，在方法的第一行代码的左边，单击，窗口上会出现3这样的箭头，表示断点设置在这里。4是一些控制，包括继续执行，暂停执行，跳入，跳出等。5显示的是当前所有的断点的信息。

在页面上点击按钮，页面会进入下图所示的状态，表示进入JS方法中的断点了。代码执行会停在断点处。1上面的继续按钮，可以是JS方法继续执行，也可以使用3上面的继续按钮。代码停在2中的代码行，这时可以将鼠标悬停在变量上来查看变量值，也可以在console中打印输出。点击3上的执行下一行可以执行下一行，也可以跳入某个方法或是跳出。点击继续，代码会跳到下一个断点或是完成调试。

FireFox浏览器。
按F12或是“设置”--》"开发者"--》“Web控制台”

7
FireFox和chrome的调试方法是一样的，只是浏览器的调试窗口和按钮位置有少许区别，请参照chrome浏览器的调试方法就可以。下面是FireFox的调试窗口截图。

③ 在Chrome上面按F12修改页面的源代码里面的JS代码为什么无法生效

Chrome 的F12调出的本地的调试台
只能从source里看到报错语句和报错类回型，或是在console里看到之前在代码中用console.log()获取答的值。
而不能直接做编辑修改代码，修改后也不会生效，那只是一份副本。
你需要打开编译器在相应位置做修改后再次运行。
不懂请追问，理解请采纳，O(∩_∩)O谢谢！

④ 如何在网页中调试JavaScript

以IE8浏览器为例，接下来重点介绍并演示如何使用浏览器自带的开专发人员工具调试JS程序。（该属工具快捷按钮为F12）
1、在工具->Internet选项->高级，去掉“禁用脚步调试（Internet Explorer）”项的勾选。

2、去掉“显示友好http错误信息”项的勾选。最后点击应用，确定按钮。

3、预览表单，当要执行的js程序出现错误时，浏览器会给出提示。

4、在给出的错误提示窗口中，选择“是（Y）”按钮，进入IE浏览器自带的开发人员工具脚本调试界面。

5、根据JS调试信息可以知道，当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中，修改JS程序并保存。因演示效果的需要，在本例中是没有设置id值为dat的单行输入框控件的，本例中第二个单行输入框控件的id值是data2。修改后的JS代码。

6、将其改成值data2后，再进行测试不会出现JS报错信息，程序得以正常执行。

7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作，如需了解其他调试及排查技巧，请参阅网络及相关书籍进行学习。

⑤ 如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够生效

js代码在页面渲染仿兄源的时候已经执行了，就是说从请求一个页面到完整看到一个页面之后，这个页面相关的js代码已经执行完毕，下次执行的时候依然是页面再次刷新加载的时候。x0dx0af12修改代码刷新后还是会变回原来的代码，再次执行的还是原来的代码。x0dx0a对于已经执行过的且已知在页面中不会再次执行的的代码，直接在debugger里修改是没有用的，即使保存了，但是只要一刷新页面，JS的代码内容是会重新从cache获取或者重尘晌新向服务器请求然后执行的，但是这不代表就是不能修改。x0dx0a比如对于那些通过事件触发的代码，当修改并保存以后，是会生效的，前提是第一没有刷新页面，第二可以在不刷新页面的前提下执行这段修改过的代码（比如绑备态定事件）。

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

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

⑦ 打开浏览器控制台，修改js代码怎么操作

在浏览器窗口上按下F12，选择要修改的JS代码即可。这个只是在当前页面有效。不能刷新

⑧ chrome 怎么在浏览器中编辑js代码

想要去编辑网页中原有的js代码，是不允许的吧，这样毫无安全可言都可回以随便js注入。当然答你可以调出控制台，在已经加载好的页面上获取DOM，改变页面还是可以的 。控制台支持js输入，js运算等。可以尝试一下。