Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Edit javascript code in Firefox

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?

like image 359
Aditya Pal Avatar asked Jul 23 '16 04:07

Aditya Pal


People also ask

Can you edit JavaScript 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.

How do I edit source code in Firefox?

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.

How do I edit JavaScript in my browser?

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.


1 Answers

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.

like image 91
Charlie Avatar answered Sep 26 '22 18:09

Charlie