使用Chrome調(diào)試JavaScript的5個提示

發(fā)表時間：2019-07-30 16:39:38

文章來源：沈陽軟件開發(fā)

標(biāo)簽：網(wǎng)站建設(shè) 小程序開發(fā) 小程序制作微信小程序開發(fā) 公眾號開發(fā) 微信公眾號開發(fā) 網(wǎng)頁設(shè)計網(wǎng)站優(yōu)化網(wǎng)站排名網(wǎng)站設(shè)計微信小程序設(shè)計小程序定制微信小程序定制

瀏覽次數(shù)：0

1. debugger;

正如我之前提到的，你可以使用“調(diào)試器”;用于向代碼添加強制斷點的語句。需要斷點條件？只需將其包裝在IF子句中：

如果（somethingHappens）{調(diào)試器;}

請記住在上線之前刪除它。

2. 當(dāng)節(jié)點變化時斷開

有時DOM似乎有自己的想法。當(dāng)發(fā)生令人難以置信的變化時，很難找到問題的根本原因。 Chrome開發(fā)人員員具有調(diào)試此問題的超級實用技能。這稱為“Break on .”，您可以通過右鍵單擊Elements選項卡上的DOM節(jié)點找到它。

刪除節(jié)點后，節(jié)點的屬性更改或其子樹中的節(jié)點更改時，可以設(shè)置斷點。

3. Ajax斷點

XHR斷點或我稱之為Ajax斷點的東西也允許在創(chuàng)建預(yù)期的Ajax請求時斷開連接。在調(diào)試Web應(yīng)用程序的Web時，這是一個了不起的工具。

4. 模擬不同的移動設(shè)備

Chrome增加了內(nèi)置的移動設(shè)備模擬工具，可以簡化您的日常工作。選擇任何非控制臺選項卡以查找它們，按鍵盤上的esc鍵并選擇要觸摸的移動設(shè)備。

當(dāng)然，你不會得到真正的iPhone，但尺寸，觸摸事件和agemt將適合你。

5. 通過審核提升你的站點

YSlow是一個很棒的工具。 Chrome還在開發(fā)者工具下包含一個名為Audits的類似工具。快速查看您的網(wǎng)站，以獲得有用的實際優(yōu)化提示。

網(wǎng)站建設(shè),小程序開發(fā),小程序制作,微信小程序開發(fā),公眾號開發(fā),微信公眾號開發(fā),網(wǎng)頁設(shè)計,網(wǎng)站優(yōu)化,網(wǎng)站排名,網(wǎng)站設(shè)計,微信小程序設(shè)計,小程序定制,微信小程序定制