瀏覽器修改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運算等。可以嘗試一下。