有哪些 JS 除錯技巧?

時間 2021-05-29 23:02:55

1樓:

F12進入chrome的開發者工具,簡潔好用又強大。

這裡有CodeSchool的高質量教程Code School - Discover DevTools

2樓:

//@ sourceURL=filename.js 這個技巧好,可以除錯console中輸入的js.

IE6中js除錯可以用用companion.js(IETest那家公司推出的乙個工具)

3樓:豆豆

現在用著也越來越感覺chrom的開發工具比FireBug好用,firefox自己帶的開發工具也體驗了一下,感覺也可以,還有Opera的開發工具,現在都加上開發工具了。

4樓:尤雨溪

Chrome的除錯工具確實是王道 :)

補充2個,主要是關於效能優化的:

1. Profiles,可以記錄JS函式和CSS選擇器對CPU的占用,以及記憶體占用時間線。用來找出影響效能的瓶頸非常有幫助。

2. Timeline,可以記錄瀏覽器渲染的每一幀裡發生了什麼,從js執行,css reflow到畫面repaint,各自占用多少時間。可以幫助你定位是什麼導致動態效果的幀數不流暢。

5樓:陳海雲

看看這篇文章吧,這裡介紹了很多除錯技巧

6樓:LonelyStar

IE6下面最好用的就是office套裝自帶的乙個Microsoft Script Editor,或者VS也可以。

在IE瀏覽器裡設定允許除錯

當ie6報錯時就自動彈出MSE或者VS除錯介面很好用的

偶以前一直都是用IE6+MSE來進行除錯

7樓:

shift + / (就是"?"號啦)可以檢視鍵盤快捷鍵。

chrome canary 比 dev版更新。

audits 面板可以為你提供頁面的優化建議。

開啟Console後狀態列可以選擇框架 (frame) 或者 content script 的JS環境。

有jQuery外掛程式可以將jQuery注入到當前頁面中,方便在沒有jQ的頁面進行測試

另外這裡也有一些非常不錯的補充:

除錯程式有哪些技巧?

codedump 寫了一篇關於除錯的文章,比較長,就只把位址貼出來 codedump 在我看來,除錯不僅涉及到方法,還牽扯到態度,而態度,又決定了你以後的成長。 黃偉 在linux 上除錯工具 strace ltrace gdb valgrind 和網路有關的工具netstat tcpdump等 基...

送禮有哪些技巧?

西門吹灰 送禮本身就是社交行為的一種,如果你是覺得周圍那個人日子過得不好,專門送點吃的用的給他,這個叫扶貧,在這不予考慮。那麼社交必須有一定的禮儀,針對你送禮物件的不同,這種禮儀也就不同,但如果你送的禮物起到正面效果,那還是有相似之處的,這可能就是題主說的技巧吧 花心思。送禮肯定是為了達到某種目的,...

閱讀技巧有哪些?

楊熠 1.首先先看目錄,對這本有個大致的了解,知道講的是什麼2.看前言,裡面有如何閱讀,以及適合什麼型別人來讀。3.第二步時,就能明確本次閱讀的目的。給自己設定乙個期限目標。4.先略讀,再精讀。 花朵不好惹 你是想通過閱讀技巧達到什麼樣目的呢?是想在最短的時間內閱讀盡可能多的書?還是想在一堆資訊裡快...