Unable to Live Edit Javascript in Chrome Developer Tools

javascript google-chrome google-chrome-devtools chrome-dev-editor
Neo picture Neo · Mar 24, 2015 · Viewed 18.7k times · Source

I have done this a million times, i.e open the javascript file in the "Sources" tab, edit and hit CTRL+S to save it, upon which Chrome would confirm the same with a "Recompilation and Update Succeeded".

But I can no longer do this! There is no confirmation message in the console.

Also, the source window turns reddish indicating failure to do so.

The same script is getting edited from a different system.

I am on Chrome 41.0.2272.101m / WIN8.

The script is not "prettified", just to rule that answer out.!

Answer

micjamking picture micjamking · Mar 25, 2015

Try using workspaces: https://developer.chrome.com/devtools/docs/workspaces

Add the project folder as a workspace in devtools by right-clicking in the left panel in Sources and choosing "Add Folder to Workspace".

Afterwards, select the javascript file from the folder in your workspace. Right-click anywhere within the file to choose "Map to Local Resource" and select the live file that matches the current file in your workspace.

This should allow you to update your JS file and any saved changes will be applied to the current page without refreshing.

Related questions

How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More
Colors in JavaScript console

Can Chrome's built-in JavaScript console display colors? I want errors in red, warnings in orange and console.log's in green. Is that possible?

Read More
View list of all JavaScript variables in Google Chrome Console

In Firebug, the DOM tab shows a list of all your public variables and objects. In Chrome's console you have to type the name of the public variable or object you want to explore. Is there a way - or …

Read More