摘要:開發(fā)人員工有調(diào)試這個問題的超級有用技能。斷點斷點或我稱作的斷點,也允許當一個預(yù)期請求創(chuàng)建時斷開。當調(diào)試你的應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。通過審核提升你的站點是個偉大的工具。使用快速審核一下你的網(wǎng)站,來獲得有用實際的優(yōu)化技巧。
我之前使用過用 printf debugging,自此之后我用這種方法似乎總能更快地解決bug。
在某些情況下需要更好的工具,下面是其中的一些佼佼者,我敢肯定你會發(fā)現(xiàn)它們的有用之處:
正如我之前提到的,你可以使用“debugger;”語句在代碼中加入強制斷點。
需要斷點條件嗎?只需將它包裝它在IF子句中:
if (somethingHappens) { debugger; }
只需記住在上線前移除。
2. 當節(jié)點變化時斷開有時DOM像有了自己的想法。當不可思議的變化發(fā)生時很難找到問題的根源。
Chrome開發(fā)人員工有調(diào)試這個問題的超級有用技能。這就是所謂的“Break on…”,你可以通過在元素選項卡上右鍵DOM節(jié)點找到它。
斷點可以在節(jié)點被刪除后設(shè)置,當節(jié)點的屬性更改或者其子樹中的節(jié)點變化時。
XHR斷點或我稱作的Ajax斷點,也允許當一個預(yù)期Ajax請求創(chuàng)建時斷開。
當調(diào)試你的web應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。
Chrome增加了內(nèi)置的移動設(shè)備模擬工具,這將簡化你的日常工作。
選擇任何非Console的選項卡找到它們,按鍵盤上的esc鍵并選擇你想摸你的移動設(shè)備。
你當然不會得到一個真正的iPhone,但尺寸、觸摸事件和agemt都會為你效仿。
YSlow是個偉大的工具。Chrome也在開發(fā)人員工具下包含一個稱作Audits的類似工具。
使用快速審核一下你的網(wǎng)站,來獲得有用實際的優(yōu)化技巧。
沒有這些工具我不能想象如何開發(fā)。當我發(fā)現(xiàn)新的后我會發(fā)布更多,敬請期待。
原文:5 Javascript debugging tips you’ll start using today
轉(zhuǎn)載自:開源中國 - Garfielt
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/78029.html
摘要:開發(fā)人員工有調(diào)試這個問題的超級有用技能。斷點斷點或我稱作的斷點,也允許當一個預(yù)期請求創(chuàng)建時斷開。當調(diào)試你的應(yīng)用的網(wǎng)絡(luò)時這是個讓人吃驚的工具。也在開發(fā)人員工具下包含一個稱作的類似工具。使用快速審核一下你的網(wǎng)站,來獲得有用實際的優(yōu)化技巧。 我之前使用過用 printf debugging,自此之后我用這種方法似乎總能更快地解決bug。 在某些情況下需要更好的工具,下面是其中的一些佼佼者,我...
摘要:在控制臺中使用,當?shù)竭_傳入的函數(shù)時,代碼將停止。但除了私有和匿名函數(shù)這可能是找到調(diào)試函數(shù)的最快方法。在控制臺中輸入,當調(diào)用時,將以調(diào)試模式停止屏蔽不相關(guān)代碼現(xiàn)在,我們經(jīng)常在應(yīng)用中引入幾個庫或框架。 譯者:SlaneYang原文:https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率來調(diào)試JavaScript 熟悉工具可以讓工具...
摘要:據(jù)不完全統(tǒng)計,這五年中,白鷺引擎累計運轉(zhuǎn)的游戲和微信小游戲的流水數(shù)據(jù)約為億。 我們的引擎架構(gòu)師做某一沙龍活動的演講速記,純純的干貨,分享給大家。 王澤:各位開發(fā)者下午好!我叫王澤,是白鷺引擎的首席架構(gòu)師。 今天給大家分享的題目是《重度H5游戲性能優(yōu)化技巧》。之所以決定用這個題目,是因為我最近幾周在廣深一帶拜訪了很多使用白鷺引擎的開發(fā)者,發(fā)現(xiàn)特別是在廣州一帶,大部分開發(fā)者都在做重度H5游...
摘要:事件循環(huán)從回調(diào)隊列中獲取并將其推入調(diào)用堆棧。執(zhí)行從調(diào)用堆棧中移除從調(diào)用堆棧中移除快速回顧值得注意的是,指定了事件循環(huán)應(yīng)該如何工作,這意味著在技術(shù)上它屬于引擎的職責范圍,不再僅僅扮演宿主環(huán)境的角色。 此篇是 JavaScript是如何工作的第四篇,其它三篇可以看這里: JavaScript是如何工作的:引擎,運行時和調(diào)用堆棧的概述! JavaScript是如何工作的:深入V8引擎&編寫...
摘要:前言月份開始出沒社區(qū),現(xiàn)在差不多月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉(zhuǎn)正了一般來說,差不多到了轉(zhuǎn)正的時候,會進行總結(jié)或者分享會議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客,博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū),現(xiàn)在差不多9月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉(zhuǎn)正了!一般來說,差不多到了轉(zhuǎn)正的時候,會進行總結(jié)或者分享會議!那么今天我就...
閱讀 991·2021-09-26 10:15
閱讀 2077·2021-09-24 10:37
閱讀 2585·2019-08-30 13:46
閱讀 2636·2019-08-30 11:16
閱讀 2425·2019-08-29 10:56
閱讀 2598·2019-08-26 12:24
閱讀 3482·2019-08-23 18:26
閱讀 2666·2019-08-23 15:43