你應該了解的 5 個 JavaScript 調試技巧

khlbat 發布于2019-08-19 14:35 / 2501人閱讀

摘要：開發人員工有調試這個問題的超級有用技能。斷點斷點或我稱作的斷點，也允許當一個預期請求創建時斷開。當調試你的應用的網絡時這是個讓人吃驚的工具。通過審核提升你的站點是個偉大的工具。使用快速審核一下你的網站，來獲得有用實際的優化技巧。

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

1. debugger;

正如我之前提到的，你可以使用“debugger;”語句在代碼中加入強制斷點。
需要斷點條件嗎？只需將它包裝它在IF子句中：

if (somethingHappens) {
    debugger;
}

只需記住在上線前移除。

2. 當節點變化時斷開

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

斷點可以在節點被刪除后設置，當節點的屬性更改或者其子樹中的節點變化時。

3. Ajax斷點

XHR斷點或我稱作的Ajax斷點，也允許當一個預期Ajax請求創建時斷開。
當調試你的web應用的網絡時這是個讓人吃驚的工具。

4. 模擬不同的移動設備

Chrome增加了內置的移動設備模擬工具，這將簡化你的日常工作。
選擇任何非Console的選項卡找到它們，按鍵盤上的esc鍵并選擇你想摸你的移動設備。

你當然不會得到一個真正的iPhone，但尺寸、觸摸事件和agemt都會為你效仿。

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

YSlow是個偉大的工具。Chrome也在開發人員工具下包含一個稱作Audits的類似工具。
使用快速審核一下你的網站，來獲得有用實際的優化技巧。

還有什么呢?

沒有這些工具我不能想象如何開發。當我發現新的后我會發布更多，敬請期待。

原文：5 Javascript debugging tips you’ll start using today
轉載自：開源中國 - Garfielt

云服務器 GPU云服務器 javascript調試技巧說說你所了解的人工智能你應該知道外呼系統阿里云服務器你了解了嗎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78029.html

今天開始應該使用 5 個JavaScript調試技巧

摘要：開發人員工有調試這個問題的超級有用技能。斷點斷點或我稱作的斷點，也允許當一個預期請求創建時斷開。當調試你的應用的網絡時這是個讓人吃驚的工具。也在開發人員工具下包含一個稱作的類似工具。使用快速審核一下你的網站，來獲得有用實際的優化技巧。我之前使用過用 printf debugging，自此之后我用這種方法似乎總能更快地解決bug。在某些情況下需要更好的工具，下面是其中的一些佼佼者，我...

k00baa 2019-08-21 12:35 評論0 收藏0
[譯]14個你可能不知道的JavaScript調試技巧

摘要：在控制臺中使用，當到達傳入的函數時，代碼將停止。但除了私有和匿名函數這可能是找到調試函數的最快方法。在控制臺中輸入，當調用時，將以調試模式停止屏蔽不相關代碼現在，我們經常在應用中引入幾個庫或框架。譯者：SlaneYang原文：https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率來調試JavaScript 熟悉工具可以讓工具...

CODING 2019-08-21 17:27 評論0 收藏0
白鷺引擎王澤：重度H5游戲性能優化技巧標題的文章

摘要：據不完全統計，這五年中，白鷺引擎累計運轉的游戲和微信小游戲的流水數據約為億。我們的引擎架構師做某一沙龍活動的演講速記，純純的干貨，分享給大家。王澤：各位開發者下午好！我叫王澤，是白鷺引擎的首席架構師。今天給大家分享的題目是《重度H5游戲性能優化技巧》。之所以決定用這個題目，是因為我最近幾周在廣深一帶拜訪了很多使用白鷺引擎的開發者，發現特別是在廣州一帶，大部分開發者都在做重度H5游...

xbynet 2019-08-23 12:12 評論0 收藏0
JavaScript是如何工作的:事件循環和異步編程的崛起+ 5種使用 async/await 更

摘要：事件循環從回調隊列中獲取并將其推入調用堆棧。執行從調用堆棧中移除從調用堆棧中移除快速回顧值得注意的是，指定了事件循環應該如何工作，這意味著在技術上它屬于引擎的職責范圍，不再僅僅扮演宿主環境的角色。此篇是 JavaScript是如何工作的第四篇，其它三篇可以看這里： JavaScript是如何工作的：引擎，運行時和調用堆棧的概述！ JavaScript是如何工作的：深入V8引擎&編寫...

Honwhy 2019-08-23 14:08 評論0 收藏0
個人分享--web前端學習資源分享

摘要：前言月份開始出沒社區，現在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了一般來說，差不多到了轉正的時候，會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區，現在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了！一般來說，差不多到了轉正的時候，會進行總結或者分享會議！那么今天我就...

sherlock221 2019-08-20 18:59 評論0 收藏0