Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Editing Javascript using Chrome Developer Tools

Tags:

javascript

google-chrome

web-developer-toolbar

I am trying to edit javascript on a site using Chrome's Developer Tools. I have read about 30 accounts of how to do this as well as watched a few videos. The fact is, when I go to the sources tab and open the file I want to edit, I can't do anything to it. Is there some step I am missing?

I can create break points, step through, etc... I just can't edit. Was this functionality removed recently?

like image 634
cooperia Avatar asked Sep 26 '12 00:09

cooperia

People also ask

How do I edit and run JavaScript in Chrome?

Editing JavaScript code in real-time is possible in Chrome and Chromium based browsers. After loading a web page completely, press the F12 key to open the developer tools, then open the 'Sources' tab. Now open any Javascript file loaded on the browser and you can directly edit it by clicking anywhere in that file.

How do I edit JavaScript in IE developer tools?

Our first experiment in the latest build allows you to edit any JavaScript file in the debugger source viewer. Enable the “Edit JavaScript” toggle and restart your browser. Once the feature is enabled, simply click on the Debugger's source viewer to place the cursor and start modifying your JavaScript!

1 Answers

I know this question is stale, but I just had a similar problem and found the solution.

If you have the file prettified, Chrome will not allow edits. I turned it off and was able to edit. Willing to bet this is/was your problem.

like image 103
raddevon Avatar answered Oct 07 '22 19:10

raddevon
Sign in to Comment

Related questions

Can I change the viewport meta tag in mobile safari on the fly?
HTML/Javascript: how to access JSON data loaded in a script tag with src set
Using number as "index" (JSON)
Have a div cling to top of screen if scrolled down past it [duplicate]
The difference between assert.equal and assert.deepEqual in Javascript testing with Mocha?
Why does ("foo" === new String("foo")) evaluate to false in JavaScript?
Can I name a JavaScript function and execute it immediately?
Plus sign in query string
What is the logic behind the TypeScript error "The operand of a 'delete' operator must be optional"?
Example of array.map() in C#?
Hide certain values in output from JSON.stringify()
why are folktale and ramda so different?
Placeholder for contenteditable div
Types have separate declarations of a private property
Conditional build based on environment using Webpack
How do I reset the setInterval timer?
Access non-numeric Object properties by index?
Can I install a NPM package from javascript running in Node.js?
JavaScript equivalent of jQuery's extend method
Javascript when to use prototypes

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!