Ⅰ 怎麼在瀏覽器端調試js，怎麼找到js
谷歌瀏覽器 F12 點擊 source 如果知道js 路徑可以再右邊的文件夾中找出
如果不知道 只是知道文件名
ctrl + P 輸入文件名即可
Ⅱ 瀏覽器調試工具怎麼調試非同步載入的js
你好，這個問題復其實很簡制單，如果非同步載入的JS可以直接修改，則可以通過在該JS文件中手動添加「debugger;」語句實現自動斷點。例如非同步載入的JS文件內容為：
(function(window){
varnum=Math.random()*1000;
debugger;//調完記得刪除
num+=100;
console.log(num);
})(window);待調試完畢後，刪除該語句即可。
但是，如果被非同步載入的JS不方便隨意修改，則可以將JS存到本地，使用Fiddler等代理軟體，將JS代理到本地，再使用以上方法進行調試。待修復完畢後刪除調試代碼，上傳覆蓋遠程JS文件即可。
另外，我曾經寫過一篇文章《一探前端開發中的JS調試技巧》有更詳細的演示，只需前往網路首頁搜索文章標題，即可得到文章地址。
希望是你想要的答案，如有疑問可追問，望採納~~
Ⅲ 瀏覽器怎麼設置啟用顯示javascript代碼JS效果
方法/步驟
首先點擊打開瀏覽器的菜單【工具】，然後選擇【選項】-【internet選項】；版如果是IE用戶，可以直權接在IE圖標上點擊右鍵，選擇屬性進入。
打開Internet選項設置窗口後，點擊【安全】選項卡，點擊【自定義級別】。
在彈出的【自定義級別】窗口中，找到【腳本】選項一欄。
然後點擊下面的【Java小程序腳本】和【活動腳本】下的【啟用】。
或者也可以將腳本欄目下的所有項都選擇到【啟用】，如圖。
設置完成後，點擊窗口右下角的【確定】按鈕，彈出詢問是否更改時，點擊【是】。
最後，在Internet屬性窗口中，點擊【應用】-【確定】關閉退出即可在瀏覽器中啟用Javascript代碼並顯示特效了。
Ⅳ 怎麼在瀏覽器中調試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的調試窗口截圖。