本文目錄一覽：
怎麼在瀏覽器中調試JS代碼
google,或者360瀏覽器，鼠標右鍵—檢查
設置斷點，進行調試，調試過程中，鼠標選中某一個變量，會顯示變量的值…等等。
chrome瀏覽器怎麼調試js
工具：谷歌瀏覽器
步驟
打開開發者工具，可以直接在頁面上點擊右鍵，然後選擇審查元素或者在Chrome的工具中找到或者直接記住這個快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打開控制台)，或者直接按F12。
打開的開發者工具就長下面的樣子，建議將開發者工具彈出作為一個獨立的窗口。
這個就是查看、編輯頁面上的元素，包括HTML和CSS：
左側就是對頁面HTML結構的查看與編輯，可以直接在某個元素上雙擊修改元素的屬性，或者點右鍵選;Edit as Html;直接對元素的HTML進行編輯，或者刪除某個元素，所有的修改都會即時在頁面上得到呈現。
Elements標籤頁的右側可以對元素的CSS進行查看與編輯修改：
如何使用瀏覽器調試工具調試js
按F12有調試工具，可以選擇性的看到，你得注意找到你想調試的語句
怎麼利用瀏覽器的調試工具來調試JS代碼
1、在工具-Internet選項-高級，去掉「禁用腳步調試（Internet Explorer）」項的勾選。 2、去掉「顯示友好http錯誤信息」項的勾選。最後點擊應用，確定按鈕。 3、預覽表單，當要執行的js程序出現錯誤時，瀏覽器會給出提示。 4、在給出的錯誤提示窗口中，選擇「是（Y）」按鈕，進入IE瀏覽器自帶的開發人員工具腳本調試界面， 5、根據JS調試信息可以知道，當前JS報錯是由於沒有找到指定對象「dat」而導致的。我們需要在表單設計器中，修改JS程序並保存。因演示效果的需要，在本例中是沒有設置id值為dat的單行輸入框控件的，本例中第二個單行輸入框控件的id值是data2。修改後的JS代碼， 6、將其改成值data2後，再進行測試不會出現JS報錯信息，程序得以正常執行
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/183209.html
微信掃一掃 
支付寶掃一掃 