我以前也說過，你可以在JavaScript代碼中加入一句debugger;來手工造成一個斷點效果。
需要帶有條件的斷點嗎？你只需要用if語句包圍它：
if (somethingHappens) {
debugger;
}
但要記住在程序發(fā)布前刪掉它們。
有時候你會發(fā)現(xiàn)DOM不受你的控制，自己會發(fā)生一些奇怪的變化，讓你很難找出問題的根源。
谷歌瀏覽器的開發(fā)工具里有一個超級好用的功能，專門可以對付這種情況，叫做“Break on…”，你在DOM節(jié)點上右鍵，就能看到這個菜單項。
斷點的觸發(fā)條件可以設(shè)置成這個節(jié)點被刪除、節(jié)點的屬性有任何變化，或它的某個子節(jié)點有變化發(fā)生。
XHR斷點，或Ajax斷點，就像它們的名字一樣，可以讓我們設(shè)置一個斷點，在特點的Ajax調(diào)用發(fā)生時觸發(fā)它們。
當(dāng)你在調(diào)試Web應(yīng)用的網(wǎng)絡(luò)傳輸時，這一招非常的有效。
谷歌瀏覽器里有一些非常有趣的模擬移動設(shè)備的工具，幫助我們調(diào)試程序在移動設(shè)備里的運行情況。
找到它的方法是：按F12，調(diào)出開發(fā)者工具，然后按ESC鍵(當(dāng)前tab不能是Console)，你就會看到第二層調(diào)試窗口出現(xiàn)，里面的Emulation標(biāo)簽頁里有各種模擬設(shè)備可選。
當(dāng)然，這不會就變成了真正的iPhone，只是模擬了iPhone的尺寸，觸摸事件和瀏覽器User Agent值。
YSlow是一個非常棒的工具。谷歌瀏覽器的開發(fā)者工具里也有一個非常類似的工具，叫Audits。
它可快速的審計你的網(wǎng)站，給你提出非常實際有效的優(yōu)化你的網(wǎng)站的建議和方法。
本站文章版權(quán)歸原作者及原出處所有 。內(nèi)容為作者個人觀點， 并不代表本站贊同其觀點和對其真實性負(fù)責(zé)，本站只提供參考并不構(gòu)成任何投資及應(yīng)用建議。本站是一個個人學(xué)習(xí)交流的平臺，網(wǎng)站上部分文章為轉(zhuǎn)載，并不用于任何商業(yè)目的，我們已經(jīng)盡可能的對作者和來源進(jìn)行了通告，但是能力有限或疏忽，造成漏登，請及時聯(lián)系我們，我們將根據(jù)著作權(quán)人的要求，立即更正或者刪除有關(guān)內(nèi)容。本站擁有對此聲明的最終解釋權(quán)。
