如何在Android上調試javascript時打斷點（並查看錯誤行號）？

Question

我正試圖按照these指示調試android的javascript。

我知道How can I debug javascript on Android?，但我不清楚我是如何（或如果）能夠達到斷點 - 無論是在Android設備上使用Chrome還是在Android瀏覽器上。

我可以看到和「檢查」設備OK：

但斷點沒有被擊中，我也可以看到錯誤在控制檯行號：

在這兩個問題之間，我沒有從調試體驗中獲得很多有用的信息！我試過在android瀏覽器中進行'about：debug'，看到調試選項出現。

我會補充說我正在調試的js可以在同一個Android設備上的最新Chrome上正常工作。

Answer 1

首先，它似乎有一堆語法錯誤，可能會阻止mustache.js從根本上執行 - 請參閱是否可以先關注這些錯誤。

我想嘗試在第9行下一行設置一個斷點，以查看該IIFE中是否有任何內容正在運行。

Answer 2

假設您在開發中使用模塊打包程序（例如Webpack）（基於屏幕截圖中的端口8080），很可能您嘗試調試的代碼是通過eval執行的。在這種情況下，你可以在devtools中看到它，它已經運行。

您可以在代碼中使用debugger語句，也可以在生產模式下運行 - 其中存在正在執行的實際腳本文件。在這兩種情況下，您都應該先連接遠程調試器，然後才能導航到您的頁面（或刷新它）。

Answer 3

我現在再次嘗試過同樣的事情，這次沒有遇到問題。不幸的是，我不能指出問題的真正原因，因爲我的開發機器正在死機，我正在運行一個新的Windows 10安裝程序，並且可能會安裝不同版本的Android SDK和ADB。手機和Android瀏覽器沒有改變。

反正，我現在可以設置和命中斷點爲我期望：

我還可以獲得更好的錯誤描述和行號：

FWIW時，唯一需要修復的問題是將一些'let'聲明更改爲'var'。