国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

今天開始應(yīng)該使用 5 個JavaScript調(diào)試技巧

k00baa / 2466人閱讀

摘要:開發(fā)人員工有調(diào)試這個問題的超級有用技能。斷點(diǎn)斷點(diǎn)或我稱作的斷點(diǎn),也允許當(dāng)一個預(yù)期請求創(chuàng)建時斷開。當(dāng)調(diào)試你的應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。也在開發(fā)人員工具下包含一個稱作的類似工具。使用快速審核一下你的網(wǎng)站,來獲得有用實(shí)際的優(yōu)化技巧。

我之前使用過用 printf debugging,自此之后我用這種方法似乎總能更快地解決bug。
在某些情況下需要更好的工具,下面是其中的一些佼佼者,我敢肯定你會發(fā)現(xiàn)它們的有用之處:

1. debugger;

正如我之前提到的,你可以使用“debugger;”語句在代碼中加入強(qiáng)制斷點(diǎn)。
需要斷點(diǎn)條件嗎?只需將它包裝它在IF子句中:

if (somethingHappens) {
    debugger;
}

只需記住在上線前移除。

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

有時DOM像有了自己的想法。當(dāng)不可思議的變化發(fā)生時很難找到問題的根源。
Chrome開發(fā)人員工有調(diào)試這個問題的超級有用技能。這就是所謂的“Break on…”,你可以通過在元素選項卡上右鍵DOM節(jié)點(diǎn)找到它。

斷點(diǎn)可以在節(jié)點(diǎn)被刪除后設(shè)置,當(dāng)節(jié)點(diǎn)的屬性更改或者其子樹中的節(jié)點(diǎn)變化時。

3. Ajax斷點(diǎn)

XHR斷點(diǎn)或我稱作的Ajax斷點(diǎn),也允許當(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. 通過審核提升你的站點(diǎn)

YSlow是個偉大的工具。Chrome也在開發(fā)人員工具下包含一個稱作Audits的類似工具。
使用快速審核一下你的網(wǎng)站,來獲得有用實(shí)際的優(yōu)化技巧。

還有什么呢?
沒有這些工具我不能想象如何開發(fā)。當(dāng)我發(fā)現(xiàn)新的后我會發(fā)布更多,敬請期待。

via WEB前端開發(fā)

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/87671.html

相關(guān)文章

  • 實(shí)用瀏覽器調(diào)試技巧(動畫、節(jié)點(diǎn)刪除、節(jié)點(diǎn)增加)

    摘要:今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。如圖彩蛋介紹一個在瀏覽器中全局搜索代碼的方法,點(diǎn)擊面板,會看到左側(cè)有目錄結(jié)構(gòu),右鍵目錄結(jié)構(gòu)。如圖小擴(kuò)展還有一個場景一個頁面會從后臺請求字體包,字體包會在某個時刻通過加入到標(biāo)簽中。 今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。先來看一個H5頁面,下面是地址http://liticool.info/wsvist/i...

    honmaple 評論0 收藏0
  • 實(shí)用瀏覽器調(diào)試技巧(動畫、節(jié)點(diǎn)刪除、節(jié)點(diǎn)增加)

    摘要:今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。如圖彩蛋介紹一個在瀏覽器中全局搜索代碼的方法,點(diǎn)擊面板,會看到左側(cè)有目錄結(jié)構(gòu),右鍵目錄結(jié)構(gòu)。如圖小擴(kuò)展還有一個場景一個頁面會從后臺請求字體包,字體包會在某個時刻通過加入到標(biāo)簽中。 今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。先來看一個H5頁面,下面是地址http://liticool.info/wsvist/i...

    jsbintask 評論0 收藏0
  • 實(shí)用瀏覽器調(diào)試技巧(動畫、節(jié)點(diǎn)刪除、節(jié)點(diǎn)增加)

    摘要:今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。如圖彩蛋介紹一個在瀏覽器中全局搜索代碼的方法,點(diǎn)擊面板,會看到左側(cè)有目錄結(jié)構(gòu),右鍵目錄結(jié)構(gòu)。如圖小擴(kuò)展還有一個場景一個頁面會從后臺請求字體包,字體包會在某個時刻通過加入到標(biāo)簽中。 今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。先來看一個H5頁面,下面是地址http://liticool.info/wsvist/i...

    sherlock221 評論0 收藏0
  • 實(shí)用瀏覽器調(diào)試技巧(動畫、節(jié)點(diǎn)刪除、節(jié)點(diǎn)增加)

    摘要:今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。如圖彩蛋介紹一個在瀏覽器中全局搜索代碼的方法,點(diǎn)擊面板,會看到左側(cè)有目錄結(jié)構(gòu),右鍵目錄結(jié)構(gòu)。如圖小擴(kuò)展還有一個場景一個頁面會從后臺請求字體包,字體包會在某個時刻通過加入到標(biāo)簽中。 今天分享一些平時不常用,但總有一天你會用到的瀏覽器調(diào)試技巧。先來看一個H5頁面,下面是地址http://liticool.info/wsvist/i...

    henry14 評論0 收藏0
  • 白鷺引擎王澤:重度H5游戲性能優(yōu)化技巧標(biāo)題的文章

    摘要:據(jù)不完全統(tǒng)計,這五年中,白鷺引擎累計運(yùn)轉(zhuǎn)的游戲和微信小游戲的流水?dāng)?shù)據(jù)約為億。 我們的引擎架構(gòu)師做某一沙龍活動的演講速記,純純的干貨,分享給大家。 王澤:各位開發(fā)者下午好!我叫王澤,是白鷺引擎的首席架構(gòu)師。 今天給大家分享的題目是《重度H5游戲性能優(yōu)化技巧》。之所以決定用這個題目,是因為我最近幾周在廣深一帶拜訪了很多使用白鷺引擎的開發(fā)者,發(fā)現(xiàn)特別是在廣州一帶,大部分開發(fā)者都在做重度H5游...

    xbynet 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<