在Google Chrome的開發人員工具中更改JavaScript文件

但是，是否可以從Google Chrome的開發人員工具中編輯JavaScript文件並立即查看更改？如果是這樣，怎麼樣？

我試過改變代碼，但它對頁面沒有任何影響。

有趣......這一直爲我工作，但由於某種原因，現在不工作。你shuold只是編輯代碼，並點擊Ctrl + S http://jsfiddle.net/XpU6R/2/您可能需要點擊兩次漂亮的打印按鈕鉻版，讓你編輯它 – 2013-02-25 06:12:15

最近Chrome 25出來了，也許他們做了一些改變？這並不是說我無法更改代碼，它不會對理想的頁面產生直接影響（比如Chrome已經編輯CSS） – GangstaGraham 2013-02-25 06:23:24

也請考慮[Workspaces]（https://stackoverflow.com/問題/ 29232701 /無法實時編輯 - javascript-in-chrome-developer-tools）近期版本的Chrome的功能。 – Vadzim 2017-05-30 13:17:42

您可以編輯頁面的JavaScript。你必須在老版本的chrome中進行雙擊，或者在最近的版本中，你需要在js文件中單擊一次。之後，您需要在Mac上按Ctrl + S或Cmd + S。然後DevTools會將更改後的代碼發送到V8。

如果您處於調試會話並停留在函數中，您可以對其進行編輯，並且在Ctrl + S v8將執行點從編輯的函數中移出後，您將能夠再次傳遞它。

2013-02-26 19:19:39 loislo

但是如果JavaScript函數只在頁面加載時加載一次會怎樣？ – GangstaGraham 2013-02-26 19:34:06

你的意思是跑？ – loislo 2013-02-26 19:59:33

在上下文菜單中有「保存」和「另存爲...」項目。 – loislo 2013-02-26 20:12:06

您可以重新定義全局函數或更改範圍內的變量值，但我並不知道Chrome開發人員工具在生活中編輯代碼的方式。我編輯，然後點擊刷新。

您可以在Sources選項卡中直接編輯CSS。

2013-02-25 04:36:38 jfriend00

好的謝謝。這將是一個很酷的功能，但我希望他們在將來更新 – GangstaGraham 2013-02-25 04:37:37

@GangstaGraham - 僅供參考，您可以通過Sources選項卡在Chrome中立即編輯CSS。 – jfriend00 2013-02-25 05:41:24

回答