Chrome開發工具 - 元素中的JavaScript代碼不完整

Question

我在Google Chrome瀏覽器的某些網站上對JavaScript進行了一些修改，以查看網頁上顯示的更改。

我觀察到我無法在開發人員工具的元素選項卡上看到完整的JavaScript代碼。 Source選項卡上存在相同的代碼，可以修改該代碼，但這些修改不起作用，但在加載DOM後不起作用。這是我得到的截圖：

它是在HTML編輯模式，這個腳本是HTML頁面的一部分....在 年底，它不是一個完整的腳本。

截圖：

有什麼辦法得到它的元素標籤或其他任何方式修改腳本完成？

Answer 1

如果您右鍵單擊標籤並選擇「編輯爲HTML」，您將能夠訪問整個腳本，無需連字符。

Answer 2

您將無法通過源選項卡更改Javascript代碼，並希望它在重新加載時運行新代碼。如果您想使用Google Chrome開發者工具在網站上運行Javascript，我建議您使用控制檯標籤並添加您想要在網站上運行的代碼。它不會保存，但它基本上與注入JavaScript以在網站上運行相同。