推薦5 個常用的JavaScript調(diào)試技巧
我之前使用過用printf debugging，自此之后我用這種方法似乎總能更快地解決bug。
在某些情況下需要更好的工具，下面是其中的一些佼佼者，我敢肯定你會發(fā)現(xiàn)它們的有用之處：
1. debugger;
你可以使用“debugger;”語句在代碼中加入強制斷點。
需要斷點條件嗎？只需將它包裝它在IF子句中：
if (somethingHappens) {
debugger;
}
只需記住在上線前移除。
2. 當(dāng)節(jié)點變化時斷開
有時DOM像有了自己的想法。當(dāng)不可思議的變化發(fā)生時很難找到問題的根源。
Chrome開發(fā)人員工有調(diào)試這個問題的超級有用技能。這就是所謂的“Break on…”，你可以通過在元素選項卡上右鍵DOM節(jié)點找到它。
斷點可以在節(jié)點被刪除后設(shè)置，當(dāng)節(jié)點的屬性更改或者其子樹中的節(jié)點變化時。
3. Ajax斷點
XHR斷點或我稱作的Ajax斷點，也允許當(dāng)一個預(yù)期Ajax請求創(chuàng)建時斷開。
當(dāng)調(diào)試你的web應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。
4. 模擬不同的移動設(shè)備
Chrome增加了內(nèi)置的移動設(shè)備模擬工具，這將簡化你的日常工作。
選擇任何非Console的選項卡找到它們，按鍵盤上的esc鍵并選擇你想摸你的移動設(shè)備。
你當(dāng)然不會得到一個真正的iPhone，但尺寸、觸摸事件和agemt都會為你效仿。
5. 通過審核提升你的站點
YSlow是個偉大的工具。Chrome也在開發(fā)人員工具下包含一個稱作Audits的類似工具。
使用快速審核一下你的網(wǎng)站，來獲得有用實際的優(yōu)化技巧。
還有什么呢?
沒有這些工具我不能想象如何開發(fā)。當(dāng)我發(fā)現(xiàn)新的后我會發(fā)布更多，敬請期待。
- JavaScript必備的斷點調(diào)試技巧總結(jié)（推薦）
- JavaScript快速調(diào)試的兩個技巧
- 實用Javascript調(diào)試技巧分享(小結(jié))
- JavaScript調(diào)試之console.log調(diào)試的一個小技巧分享
- JavaScript的兼容性與調(diào)試技巧
- 必備的JS調(diào)試技巧匯總
- 淺析JavaScript 調(diào)試方法和技巧
- javascript調(diào)試之DOM斷點調(diào)試法使用技巧分享
- JavaScript調(diào)試技巧之console.log()詳解
- 實用的Javascript調(diào)試技巧整理
相關(guān)文章
微信小程序小組件 基于Canvas實現(xiàn)直播點贊氣泡效果
這篇文章主要為大家詳細(xì)介紹了微信小程序小組件，基于Canvas實現(xiàn)直播點贊氣泡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了Javascript字符串常用方法詳解的相關(guān)資料,在平時工作中經(jīng)常會用到的，非常不錯，需要的朋友可以參考下2016-07-07
這篇文章主要為大家介紹了一個JavaScript獲取元素當(dāng)前高度的實例，比較實用，建議新手朋友們可以看看2014-10-10
JavaScript實現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法
這篇文章主要介紹了JavaScript實現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法,涉及javascript數(shù)組操作及頁面元素動態(tài)賦值的相關(guān)技巧,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JS二級菜單不同實現(xiàn)方法,結(jié)合實例形式分析了4種不同的二級下拉菜單實現(xiàn)方法,需要的朋友可以參考下2018-12-12
由淺到深了解JavaScript類...2007-01-01
這篇文章主要和大家介紹一下JavaScript中的變量,作用域和垃圾回收的定義與使用，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下2022-11-11
本文主要給大家介紹的是javascript中的擴展方法字符串trim()的使用指南，十分的簡單實用，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了JS獲取表格視圖所選行號的ids過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了關(guān)于layui的按鈕禁用與恢復(fù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06