Edit javascript code in Firefox

Question

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?

stackoverflow.com/questions/6657229/… Maybe here you will find your solution :) — rogo
– rogo, Commented Jul 23, 2016 at 4:34

Charlie · Accepted Answer · 2016-07-23 04:53:06Z

16

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.

answered Jul 23, 2016 at 4:53

Charlie

24k12 gold badges65 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dmitry Markin · Accepted Answer · 2024-08-02 11:18:56Z

10

As of Firefox version 128, you can actually add a local script override.

For this, open the Dev Tools (F12), go to the Debugger tab, Sources subpane, right click the required file and select Add script override. After saving the file locally you will be able to modify it with an editor.

To apply the changes reload the page with Ctrl+Shift+R.

Unfortunately, the override setting does not persist across Firefox restarts.

answered Aug 2, 2024 at 11:18

Dmitry Markin

1,26510 silver badges9 bronze badges

2 Comments

EnthusiastiC Over a year ago

doesn't work for me! I have the recent version of nightly and the options you said do exist but not taking affect! As if the file I download for modification isn't loaded by the debugger

Dio79 Aug 28 at 9:49

wow, it works. thanks a lot

Collectives™ on Stack Overflow

Edit javascript code in Firefox

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related