Chrome開發者工具：html腳本是空白的（在源代碼中）調試教程

我在做C hrome debugging tutorial，使用NetBeans和Google Chrome。包括擴展在內的所有東西似乎都能正常工作，但是當我到達Use the Debugger部分時，我看不到插入斷點的html代碼。Chrome開發者工具：html腳本是空白的（在源代碼中）調試教程

在瀏覽器上選擇檢查彈出窗口後，它將在控制檯中打開，顯示什麼都沒有，元素顯示popup.html並添加了圖像。當我訪問Sources時，可以打開popup.html文件，但唯一的行1是空的。如果我打開js文件，那麼js文件就在那裏，並且可以被編輯（打破指向）。

我很抱歉 - 可能是一些基本的東西，但我對此並不是很有經驗。我試過重新加載和刷新一切。

後續操作：通過在控制檯提示符下輸入location.reload(true)，popup.html文件變爲可見的Source！爲什麼？不知道。

我希望這可以節省一個人整整一天我磕磕絆絆。

來源

2013-11-25 DrWhat

+1同樣的問題 – user3292653

location.reload（true）爲我工作。 – WillB3

是的，但是重新加載頁面，並在打開調試器之前失去了頁面上可能存在的任何交互。 –

這似乎是一個known issue與Chromium DevTools。基本上，在DevTools打開之前HTML和其他非腳本內容已經被刷新，並且沒有可靠的方法來恢復它。使用DevTools打開頁面刷新「糾正」問題。

來源

2014-05-12 18:01:33 Eric

+16

這不起作用 –

@ zdarsky.peter鏈接的問題被標記爲固定/關閉。如果遇到問題，請嘗試搜索問題列表。 – Eric

同意 - 我有問題，並且此修復程序或者過時（對於上一個相同的問題），或者不起作用。 –

我注意到一些嚴重的javascript問題導致這樣的問題。就我而言，由於輸入錯誤，我錯誤地覆蓋了整個文檔。

如果您在Chromium WebTools調試器中獲得空白的HTML頁面，請仔細閱讀您的JavaScript以確保它沒有做任何奇怪的事情。

來源

2015-06-03 18:36:24 AWT

這似乎也是對我造成問題的原因。在我的情況下，我有一個不好的jQuery參考。 $（'inputid'），而不是$（'＃inputid'）。 – Vincent

我有這個問題，剛纔發現從Inspector設置窗口（F1）禁用「啓用JavaScript源地圖」解決它

我重新創建我的js.map，重新啓用該設置和源仍可用。

所以我認爲我的問題是我服務的是unminified js（開發設置），但是地圖（爲prod設置構建）仍然存在並且過期。

來源

2015-10-22 19:06:31 paul

在我的情況下，chrome中有一個擴展名，導致調試器在調試器的「no domain」部分下給出空白索引頁。在chrome中禁用了所有非必需的擴展之後，調試器再次顯示了正確的源代碼。

來源

2016-03-08 15:11:15

如果您記錄了擴展引起的問題，本來會很棒。許多擴展可能對您而言並不重要，對我而言也很重要。這使得答案毫無價值。 – Imad

我不同意「毫無價值」。至少你知道要檢查插件。 –

這是我的問題 - 就我而言，我安裝了UltraSurf Unblock VPN擴展。在隱身窗口中打開本地調試頁面立即啓動。我必須承認:(哈哈！ – IfElseTryCatch

我通過使用命令行參數「--user-data-dir」的全新會話修復了我的問題，並禁用了「啓用Javascript源地圖」。我的代碼在Firefox調試器中顯示得很好，所以看起來像是Chrome bug造成的。

來源

2016-03-16 15:21:10 Simon

我有同樣的問題。即使刷新頁面也無效。

去chrome://help刷新瀏覽器+重新啓動爲我工作。

您可以通過菜單也更新Chrome：

來源

2016-04-11 09:09:38 Charles

就我而言，我無法訪問控制檯，因爲它的標籤還顯示空白頁。我的解決方案是使用CTRL + SHIFT + I組合與空白調試器屏幕對焦，然後在彈出式調試器的控制檯中鍵入parent.location.reload(true)。

來源

2016-10-16 06:38:56

正如WillB的上述評論所述，重新加載頁面，並在打開調試器之前丟失了頁面上可能存在的任何交互。 –

這對我來說就像一個魅力。謝謝！ –

@JesseKinsman不客氣。 –

在我的情況下，它突然發生，我感染了惡意軟件後，我重置我的瀏覽器 - 刪除緩存/ appdata。

解決方案： 刪除擴展，可在我的情況影響的js

我刪除/禁用下面的延伸和工作 https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

奇怪，因爲之前我washaving沒有問題的插件，我認爲它像心肺復甦術。 :)

來源

2017-06-01 07:49:49 shareef

在我的情況下，我喝了幾天的瀏覽器同步運行。我跳了一口，解決了我的問題。

來源

2017-06-12 02:51:28 dman

我也有這個問題時，我有一個巨大的Java的腳本文件，我有這個線

   points.push({ 
        location: new google.maps.LatLng(46.5376919, 4.5425704), 
        date : "5/8/2017 5:11:00 PM", 
        free : true 
       });

在for循環

，並指望3000個項目使文件生長在大腳本和文件在Chrome源代碼中是空白的。（我想我碰到了一些限制）

通過刪除到100個項目使文件變小後，它工作得很好。

來源

2017-07-18 07:43:35

Chrome開發者工具：html腳本是空白的（在源代碼中）調試教程

回答

相關問題