日本不卡中文字幕,欧美亚洲国产日韩综合aⅴ,日本人妖在线观看一区二区

JavaScript程序員需要掌握的5個(gè)debug技巧

轉(zhuǎn)帖|使用教程|編輯：龔雪|2014-10-29 10:39:59.000|閱讀 272 次

概述：作者根據(jù)自身經(jīng)驗(yàn)，分享JavaScript程序員需要掌握的5個(gè)debug技巧。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

我一直使用，一般來(lái)說(shuō)都是比較順利，但有時(shí)候，你會(huì)發(fā)現(xiàn)需要更好的方法。下面幾個(gè)JavaScript技巧相信你一定會(huì)覺(jué)得十分有用：

1. debugger：

我以前也說(shuō)過(guò)，你可以在JavaScript代碼中加入一句debugger;來(lái)手工造成一個(gè)斷點(diǎn)效果。

需要帶有條件的斷點(diǎn)嗎？你只需要用if語(yǔ)句包圍它：

if (somethingHappens) {

debugger;

}

但要記住在程序發(fā)布前刪掉它們。

2. 設(shè)置在DOM node發(fā)生變化時(shí)觸發(fā)斷點(diǎn)

有時(shí)候你會(huì)發(fā)現(xiàn)DOM不受你的控制，自己會(huì)發(fā)生一些奇怪的變化，讓你很難找出問(wèn)題的根源。

谷歌瀏覽器的開(kāi)發(fā)工具里有一個(gè)超級(jí)好用的功能，專(zhuān)門(mén)可以對(duì)付這種情況，叫做“Break on…”，你在DOM節(jié)點(diǎn)上右鍵，就能看到這個(gè)菜單項(xiàng)。

斷點(diǎn)的觸發(fā)條件可以設(shè)置成這個(gè)節(jié)點(diǎn)被刪除、節(jié)點(diǎn)的屬性有任何變化，或它的某個(gè)子節(jié)點(diǎn)有變化發(fā)生。

3. Ajax 斷點(diǎn)

XHR斷點(diǎn)，或Ajax斷點(diǎn)，就像它們的名字一樣，可以讓我們?cè)O(shè)置一個(gè)斷點(diǎn)，在特點(diǎn)的Ajax調(diào)用發(fā)生時(shí)觸發(fā)它們。

當(dāng)你在調(diào)試Web應(yīng)用的網(wǎng)絡(luò)傳輸時(shí)，這一招非常的有效。

4. 移動(dòng)設(shè)備模擬環(huán)境

谷歌瀏覽器里有一些非常有趣的模擬移動(dòng)設(shè)備的工具，幫助我們調(diào)試程序在移動(dòng)設(shè)備里的運(yùn)行情況。

找到它的方法是：按F12，調(diào)出開(kāi)發(fā)者工具，然后按ESC鍵(當(dāng)前tab不能是Console)，你就會(huì)看到第二層調(diào)試窗口出現(xiàn)，里面的Emulation標(biāo)簽頁(yè)里有各種模擬設(shè)備可選。

當(dāng)然，這不會(huì)就變成了真正的iPhone，只是模擬了iPhone的尺寸，觸摸事件和瀏覽器User Agent值。

5. 使用Audits改進(jìn)你的網(wǎng)站

是一個(gè)非常棒的工具。谷歌瀏覽器的開(kāi)發(fā)者工具里也有一個(gè)非常類(lèi)似的工具，叫Audits。

它可快速的審計(jì)你的網(wǎng)站，給你提出非常實(shí)際有效的優(yōu)化你的網(wǎng)站的建議和方法。

還有其它的嗎？

沒(méi)有這些工具，我不知道將如何開(kāi)發(fā)。我還會(huì)寫(xiě)更多的關(guān)于這方面的技巧——一旦我有所發(fā)現(xiàn)，請(qǐng)關(guān)注我的最新文章。

原文出處：譯文出處：

標(biāo)簽：JavaScript

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：小竅門(mén)分享：如何使用Chrome控制臺(tái)創(chuàng)建表格下一篇：使用jQuery EasyUI構(gòu)建CRUD應(yīng)用程序

金喜正規(guī)買(mǎi)球相關(guān)的文章 MORE

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

JavaScript程序員需要掌握的5個(gè)debug技巧

1. debugger：

2. 設(shè)置在DOM node發(fā)生變化時(shí)觸發(fā)斷點(diǎn)

3. Ajax 斷點(diǎn)

4. 移動(dòng)設(shè)備模擬環(huán)境

5. 使用Audits改進(jìn)你的網(wǎng)站

還有其它的嗎？

用科技創(chuàng)就卓越

Create excellence with technology

国产凹凸在线-国产拗女一区二区三区-国产白白视-国产白领-国产白拍-国产白丝jk被疯狂输-国产白丝喷-国产白丝在线

金喜正规买球

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

JavaScript程序員需要掌握的5個(gè)debug技巧

1. debugger：

2. 設(shè)置在DOM node發(fā)生變化時(shí)觸發(fā)斷點(diǎn)

3. Ajax 斷點(diǎn)

4. 移動(dòng)設(shè)備模擬環(huán)境

5. 使用Audits改進(jìn)你的網(wǎng)站

還有其它的嗎？

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology