如何使用Chrome瀏覽器開發人員工具在我的網頁上調試腳本？

我沒有問題去源，選擇一個文件，然後爲逐個加載的文件添加斷點。但是我在標籤內的網頁上有一些javascript。我如何查看，調試呢？我想我已經嘗試了一切，但仍然無法讓這幾行代碼出現在調試器中。如何使用Chrome瀏覽器開發人員工具在我的網頁上調試腳本？

去源，然後在面板下方，你有一個圖標（左上角）單擊它並選擇文件u需要調試

2012-09-28 09:21:36

我需要調試的文件是我的網頁，這是不在列表中的:-( –

使用'localhost/folder/index.htm'而不是'localhost/folder /'作爲URL，它將顯示在源代碼中的網頁 –

在Chrome中，下源，還有就是查看實際網頁中的選項本身。你選擇那個，然後在那個頁面上找到內聯腳本並在那裏設置一個斷點。

2012-09-28 09:21:38 jfriend00

對不起，但我沒有看到這個選項:-(它在哪裏？我看到兩個選項卡：Sources and Content Scripts only。 –

@SamanthaJ - 在Sources選項卡中，頁面的域名，然後會有一個選項與您的網頁的路徑，並將根據您的網頁的文件名將項目。 – jfriend00

在您的源代碼中添加此代碼：debugger; 這會在Chrome開發人員工具中的調試過程中自動停止。

2012-09-28 09:21:48 chris

謝謝，但我不能真正改變我的源代碼。是否沒有辦法，我可以調出源代碼中帶有腳本標籤的HTML？ –

你可以在腳本標籤中加入這個：debugger;然後打開一個Chrome Developer工具。 – chris

回答