I know that editing Javascript code in Chrome Developer Tools is possible - but I have not found a similar option in Firefox. Is there any way to edit the Javascript on a page in Firefox?
Firefox Developer Tools is a set of web developer tools built into Firefox. You can use them to examine, edit, and debug HTML, CSS, and JavaScript.
You can edit the HTML — tags, attributes, and content — directly in the HTML pane: double-click the text you want to edit, change it, and press Enter to see the changes reflected immediately. You can add any HTML in here: changing the element's tag, changing existing elements, or adding new ones.
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.
You can only modify your variables, inject more code, change DOM etc at runtime using console.
Firefox, by version 45, doesn't offer a way for the developers to modify the source files in the debugger and persist changes to the disk like Chrome does.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With