Why does editing javascript in Chrome Developer Tools not work?

linux google-chrome javascript

21,923

Solution 1

Chrome Webkit Inspector does not allow you to live-edit pretty printed Javascript. Click the pretty print button (Looks like { }) in the Scripts tab to disable pretty-print mode and edit it.

Source: Introduction To Chrome Developer Tools

Solution 2

You might have hit against the Same origin policy.

From Disabling cross-domain security check for AJAX development in Google Chrome :

Start Google Chrome from command line, Ubuntu/Linux:
chromium-browser --disable-web-security

Solution 3

It's a bug. You can simulate a solution by pasting the formatted code into the minified file.

21,923

Rajish

Twitter: @gradzislaw

Updated on September 18, 2022

Comments

Rajish almost 2 years

I have Google Chrome 13.0.782.220 on my Ubuntu 10.04 LTS (64-bit).

I try to edit a JavaScript code from an external JS file in the Chrome Developer Tools Scripts pane by double-clicking on the script area. No matter how fast I click, the only effect is to select a nearby word.

Does anybody have an idea why the edit mode isn't activated?
- Rajish almost 13 years
  
  As stated here (redirected from here it is possible.
- Hank almost 13 years
  
  This comment states that "Unfortunately you cannot live-edit pretty-printed JS. Maybe that'll come later." Dated 16th May 2011, so its pretty recent
- Hank almost 13 years
  
  Yes, it does work with pretty print off. Chrome is awesome
- Rajish almost 13 years
  
  @Capt.Nemo You hit the nail. Put it as the answer so I could award you with the bounty.
wcr4 about 8 years

feel free to tell me why you downvoted