chrome gwt1.7

調試是軟件開發的重要方面。 擁有正確的工具可以節省大量時間和頭痛。 在GWT Super Dev模式之前，經典的Dev模式允許使用JVM調試。 開發人員可以在其IDE中設置斷點，并使用調試模式來跟蹤錯誤和錯誤。 現在，在超級開發模式下，情況有所不同。 整個應用程序都是在瀏覽器中編譯和運行的，因此不再可以使用JVM調試。 想到的問題是：是否可以在瀏覽器中調試Java？ 幸運的是，答案是肯定的。
原則上，瀏覽器只能運行和調試javascript。 為了克服此缺點，引入了源地圖。 源映射是從源映射到目標語言的藍圖。 源映射可以用于多種語言，甚至可以在最小化和未最小化的javascript之間進行映射。 在本文中，我們將使用源地圖和Chrome開發工具來調試應用程序錯誤。 我們將以遇到運行時錯誤的Polymer-starter-kit為例。 錯誤如下

該錯誤不會破壞應用程序，但重要的是要知道導致它的原因。

沒有源圖：

如果我們嘗試在不啟用源代碼映射的情況下訪問源代碼，則將無法在源代碼中指出錯誤發生的位置。

啟用源地圖：

為了克服這個問題，我們需要激活源地圖。 可以在Chrome上通過轉到設置->源->啟用JavaScript源地圖來激活源地圖。 通常，默認情況下，源映射是由GWT編譯器生成的。 如果沒有，在.gwt.xml中設置以下屬性可以激活它們：

啟用斷點后，我們可以看到該錯誤現在指向.java文件而不是.js文件：

設置斷點：

現在我們看到了錯誤發生的位置，我們可以設置一個斷點來檢查應用程序的狀態。 可以通過在編輯器中單擊行號來簡單地設置斷點。

跟蹤錯誤：

最后，我們可以刷新應用程序。 到達斷點時，應用程序將停止。 然后，我們可以檢查調用堆棧和變量值。

現在我們知道錯誤完全在我們的代碼中發生了。 我們可以檢查是否誤用了聲明。 在這種情況下，刪除無用的行就足夠了。

使用Chrome工作區（可選）

Chrome工作區允許將瀏覽器加載的文件映射到磁盤上的文件，并直接對Chrome中的文件進行更改。 如果不需要IDE輔助并且不想從瀏覽器到IDE來回切換，這將很有用。 要使用Chrome工作區，您可以右鍵單擊左側“源”選項卡上的空白處，然后單擊“將文件夾添加到工作區”。 然后，您可以右鍵單擊打開的文件，然后單擊“映射到文件系統資源”。 有關更多信息，請訪問： https ： //developers.google.com/web/tools/setup/setup-workflow

結語：

使用源映射在瀏覽器中調試GWT應用可以節省大量時間，并有助于正確跟蹤錯誤。 Chrome Dev工具提供了功能強大的調試工具，可以幫助提高生產率并快速解決錯誤。 Chrome開發工具提供了更高級的調試功能，例如調試HTTP請求和DOM更改，如果您想探索這些內容，可以轉到Google的用戶指南： https ： //developers.google.com/web/tools/ chrome-devtools / javascript / breakpoints

值得一看的： DevTools：2017年國際聯盟（Google I / O '17）

翻譯自: https://www.javacodegeeks.com/2017/07/quick-tip-debugging-gwt-application-using-chrome-dev-tools.html

chrome gwt1.7

總結

以上是生活随笔為你收集整理的chrome gwt1.7_快速提示：使用Chrome开发工具调试GWT应用程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。