2010-02-10 38 views
4

我從來沒有在Firebug正確看待一個腳本,他們中的每一個顯示在一個line.Like所示下面的圖片:如何在Firebug中調試腳本?

http://img716.imageshack.us/img716/1126/54274507.png 如何查看它正確,所以我可以調試它?

預先感謝您!

+0

相關的問題:4279319:?是否有一個插件,可以讓我自動unminify的JavaScript包括在一個網站(HTTP:/ /sackoverflow.com/questions/4279319/is-there-a-plugin-that-allows-me-to-automatically-unminify-the-javascript-include) – 2011-01-07 16:09:11

回答

0

對於自己的腳本,只需撥打:

console.log(someObject); 

我經常流連的「控制檯」選項卡,查看哪些錯誤或登錄項目進來,或者使用控制檯本身在鍵入的代碼,我想跑步。

我從不使用「腳本」選項卡。

如果你只是想很好地查看代碼,用美化:jsbeautifier.org

+1

謝謝!正是我在尋找的東西。 – 2010-02-10 20:20:41

+3

你在開玩笑吧?腳本標籤是迄今爲止最有用的螢火蟲標籤。你可以介入和調試你的代碼,設置手錶,檢查變量等。基本上它可以讓你看到你的代碼,生活和呼吸;並且您可以隨時修改該代碼以測試關於您認爲應該如何工作的假設。我很抱歉,但只是吹了所有的話,並說console.log足夠好了......瘋了! – 2010-02-10 20:24:24

+0

使用「控制檯」選項卡和DOM Inspector進行調試對於我來說工作得很好,只有最少的故障。我不使用「腳本」,因爲我記得我有太多的問題。也許現在好多了? – 2010-02-10 20:48:46

3

該腳本已通過刪除所有無關的空格被縮小。

你不能輕易調試這樣的腳本。

您自己編寫並且未縮小或壓縮的腳本通常會在多行上顯示,並且可以進行調試。

+2

縮小(正如Umair的答案所述)也常常將變量名稱更改爲儘可能短(通常是單個字符)以節省更多字節。 – Cameron 2010-02-10 20:19:49

0

腳本編寫者縮小並經常將變量名稱更改爲難以字母數字的名稱,基本上希望腳本至少是人類可讀的,以便沒有人複製其代碼/邏輯,因爲人們可以輕鬆地使用螢火蟲和類似的東西來做到這一點。這樣的腳本可能是一個真正的調試痛苦,並且你很少有機會理解這個腳本。無論如何,這一切都是最好的。

你有沒有試過用這個唯一可用的行上的斷點來調試它?

+2

縮小對於減少JavaScript的下載大小也很有用,從而使頁面加載速度更快。 – aem 2010-02-10 20:20:51

+0

耶正確的基本目標敵人縮小和合並腳本爲一個較低的頁面加載時間,我沒有在這裏詳細提到,只是因爲該問題與調試縮小腳本有關。感謝你也提到它 – 2010-02-11 08:02:26

+0

@Umair:'..基本上想要腳本是人類可讀性最差的,這樣就沒有人複製他們的代碼/ logi'。如前所述,縮小的主要原因是規模而不是安全。否則,jQuery或其他庫提供者不會首先提供未縮小的版本進行下載。 – Nope 2012-08-05 23:40:50