使用console.log調試ExtJS 4（）

我對ExtJS非常陌生，現在仍然在Sencha站點閱讀Docs。我在ExtJS4中使用console.log（）在調試中看到了很多examples。但我無法弄清楚如何處理console.log（）。使用console.log調試ExtJS 4（）

我使用Aptana Studio 3進行開發，我不認爲Aptana可以運行console.log（）（糾正我，如果我錯了）。所以我們需要在Firebug中進行調試？那麼如何將腳本文件如ext-all.js，ext-debug.js合併到Firebug中？

來源

2012-07-03 sozhen

使用這些時要小心，因爲如果它們留在IE中，它們會破壞IE。如果您打算使用ExtJS部署應用程序，請包裝所有console.log輸出，例如// console.log（'test'）; // 通過這種方式，當您使用Sencha SDK工具縮小應用程序時，您不必手動去除所有console.log條目以使IE工作 –

或在主app.js文件中包含類似以下代碼： '如果（typeof運算控制檯=== 「未定義」）{ 控制檯= { 日誌：函數（）{}，信息：函數（）{}，警告：函數（）{}，錯誤：功能（）{} }; }' – JohnnyHK

右鍵，console.log()腳本輸出會轉到您使用的任何瀏覽器（例如Firebug for Firefox）的開發人員工具的控制檯窗口。瀏覽器開發工具從瀏覽器所在的位置獲取腳本文件;即不管你有沒有將它們加載到你的網頁中。

來源

2012-07-03 15:42:46 JohnnyHK

謝謝，所以實際上我必須創建一個HTML標記來包裝腳本，並在瀏覽器中呈現HTML（例如Firefox），然後我可以在Firebug中查看控制檯輸出？ – sozhen

不，我的意思是爲您的應用程序加載這些腳本的網頁使它們也可以用於Firebug。您無需專門爲Firebug做任何事情。 – JohnnyHK

是的，腳本將在渲染頁面時加載。假設我有一個獨立的'.js'文件：'var a =「my string」;的console.log（a）的'我怎樣才能看到Firebug或任何地方的輸出。（注意：我沒有在Firebug控制檯中輸入，我只想運行js文件並在控制檯中看到輸出）。如果有時間請看看這個[link]（http://docs.sencha.com/ext-js/4-0/#!/guide/data），他們如何輸出'console.log（）'內容。謝謝 – sozhen

我會建議你使用谷歌瀏覽器。它有一個非常好的開發工具。除了ExtJs之外，在進行任何開發時，請使用ext-all-dev.js文件而不是ext-all.js或ext-all-debug.js。這將是非常有益的。檢查this link瞭解更多詳情。

此外，您可以通過在JavaScript文件中使用命令debugger;來設置斷點。但爲了使這項工作確保螢火蟲/開發人員工具正在運行。

希望這會有所幫助。

來源

2013-06-18 18:40:26 DarkKnightFan

使用console.log調試ExtJS 4（）

回答

相關問題