用Chrome調(diào)試JavaScript的5個技巧
2014-11-14 17:55:43
閱讀：830
首頁 資訊 技術(shù)分享
1. debugger;
正如我之前提到的，你可以使用“debugger;”語句在代碼中加入強制斷點。
需要斷點條件嗎？只需將它包裝它在IF子句中：
只需記住在上線前移除。
2. 當節(jié)點變化時斷開
有時DOM像有了自己的想法。當不可思議的變化發(fā)生時很難找到問題的根源。
Chrome開發(fā)人員工有調(diào)試這個問題的超級有用技能。這就是所謂的“Break on…”，你可以通過在元素選項卡上右鍵DOM節(jié)點找到它。
斷點可以在節(jié)點被刪除后設(shè)置，當節(jié)點的屬性更改或者其子樹中的節(jié)點變化時。
3. Ajax斷點
XHR斷點或我稱作的Ajax斷點，也允許當一個預(yù)期Ajax請求創(chuàng)建時斷開。
當調(diào)試你的web應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。
4. 模擬不同的移動設(shè)備
Chrome增加了內(nèi)置的移動設(shè)備模擬工具，這將簡化你的日常工作。
選擇任何非Console的選項卡找到它們，按鍵盤上的esc鍵并選擇你想摸你的移動設(shè)備。
你當然不會得到一個真正的iPhone，但尺寸、觸摸事件和agemt都會為你效仿。
5. 通過審核提升你的站點
YSlow是個偉大的工具。Chrome也在開發(fā)人員工具下包含一個稱作Audits的類似工具。
使用快速審核一下你的網(wǎng)站，來獲得有用實際的優(yōu)化技巧。
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項目群及時溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質(zhì)開發(fā)