建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
我之前使用過(guò)用printf debugging，自此之后我用這種方法似乎總能更快地解決bug。
成都創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供五家渠網(wǎng)站建設(shè)、五家渠做網(wǎng)站、五家渠網(wǎng)站設(shè)計(jì)、五家渠網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、五家渠企業(yè)網(wǎng)站模板建站服務(wù)，10多年五家渠做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
在某些情況下需要更好的工具，下面是其中的一些佼佼者，我敢肯定你會(huì)發(fā)現(xiàn)它們的有用之處：
1. debugger;
正如我之前提到的，你可以使用“debugger;”語(yǔ)句在代碼中加入強(qiáng)制斷點(diǎn)。
需要斷點(diǎn)條件嗎？只需將它包裝它在IF子句中：
- if (somethingHappens) {
- debugger;
- }
只需記住在上線(xiàn)前移除。
2. 當(dāng)節(jié)點(diǎn)變化時(shí)斷開(kāi)
有時(shí)DOM像有了自己的想法。當(dāng)不可思議的變化發(fā)生時(shí)很難找到問(wèn)題的根源。
Chrome開(kāi)發(fā)人員工有調(diào)試這個(gè)問(wèn)題的超級(jí)有用技能。這就是所謂的“Break on…”，你可以通過(guò)在元素選項(xiàng)卡上右鍵DOM節(jié)點(diǎn)找到它。
斷點(diǎn)可以在節(jié)點(diǎn)被刪除后設(shè)置，當(dāng)節(jié)點(diǎn)的屬性更改或者其子樹(shù)中的節(jié)點(diǎn)變化時(shí)。
3. Ajax斷點(diǎn)
XHR斷點(diǎn)或我稱(chēng)作的Ajax斷點(diǎn)，也允許當(dāng)一個(gè)預(yù)期Ajax請(qǐng)求創(chuàng)建時(shí)斷開(kāi)。
當(dāng)調(diào)試你的web應(yīng)用的網(wǎng)絡(luò)時(shí)這是個(gè)讓人吃驚的工具。
4. 模擬不同的移動(dòng)設(shè)備
Chrome增加了內(nèi)置的移動(dòng)設(shè)備模擬工具，這將簡(jiǎn)化你的日常工作。
選擇任何非Console的選項(xiàng)卡找到它們，按鍵盤(pán)上的esc鍵并選擇你想摸你的移動(dòng)設(shè)備。
你當(dāng)然不會(huì)得到一個(gè)真正的iPhone，但尺寸、觸摸事件和agemt都會(huì)為你效仿。
5. 通過(guò)審核提升你的站點(diǎn)
YSlow是個(gè)偉大的工具。Chrome也在開(kāi)發(fā)人員工具下包含一個(gè)稱(chēng)作Audits的類(lèi)似工具。
使用快速審核一下你的網(wǎng)站，來(lái)獲得有用實(shí)際的優(yōu)化技巧。
還有什么呢?
沒(méi)有這些工具我不能想象如何開(kāi)發(fā)。當(dāng)我發(fā)現(xiàn)新的后我會(huì)發(fā)布更多，敬請(qǐng)期待。
文章題目：你應(yīng)該了解的5個(gè)JavaScript調(diào)試技巧
網(wǎng)頁(yè)網(wǎng)址：http://www.dlmjj.cn/article/djegcdj.html
