1704690 - Local HTTP Response Overrides

Status: RESOLVED FIXED

(DevTools :: Debugger, enhancement, P3)

Description

[cqfllp]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:87.0) Gecko/20100101 Firefox/87.0

Steps to reproduce:

-Open Developer Console
-In Debugger tab, if I want to modify a page's source file, I expected to directly modify any file, including js files, and save the changes to take effect on its next page refresh.

I also mentioned this issue on the forum. And one reply suggested me to submit a feature request here:
https://support.mozilla.org/en-US/questions/1331771

Actual results:

I have recently switched from Chrome to Firefox. All features that I used in Chrome seem to exist in Firefox as well, until I found out that there are no local overrides in Firefox?
Some Information about this feature(it firstly appeared in Chrome's dev build in 2017):
https://www.youtube.com/watch?v=7-XnEMrQnn4&t=251s

Expected results:

A local override feature similar to Chrome. (I know that it might seem like a copycat to Chrome but I do think this is what a browser debugger should be able to do in 2021)

I do not envy the privacy attitude with Chrome, that's why I still migrated from there. Personally Firefox would have been a flawless option with this feature added.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Debugger' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Thanks for the report!

This feature has been requested in the past (not that easy to implement).

Honza

Comment 3

[Julian Descottes [:jdescottes]]

Not sure if this should be duped against Bug 771339, but it's closely related.

Comment 4

[Jan Honza Odvarko [:Honza] (always need-info? me)]

The difference I was seeing (when triaging this) is that Bug 771339 is about live edit while this one is about edit & reload.

Comment 5

[cqfllp]

Live edit doesn't really make sense to me in terms of js files since most javascript files on a website are executed before its page finishes loading all resources. And Firefox already has a form of "live editing" that changes DOM/CSS. This also differs from an addon called Tampermonkey which only injects userscript into a website instead of doing modification on its vanilla sources.

Comment 6

[cqfllp]

I forgot to add another point: this feature makes page modifications persist(even with a hard refresh) until the user decides to remove their local changes.

Comment 7

[rieglerb]

I too would love this feature in Firefox. However I understand how hard it is to implement it.
As a workaround I have been using extensions like https://addons.mozilla.org/en-US/firefox/addon/resourceoverride/

Comment 9

[Nicolas Chevobbe [:nchevobbe]]

We'll try to experiment on this, starting with allowing to select a file in the debugger source tree and override it with a local file

Comment 10

[Alexandre Poirot [:ochameau]]

Attachment: Bug 1704690 - [devtools] Allow overriding request content with a local file.

Comment 11

[Hubert Boma Manilla (:bomsy)]

Attachment: Bug 1704690 [devtools] Local overrides feature in the debugger r=ochameau

Comment 14

[Jan Honza Odvarko [:Honza] (always need-info? me)]

This was just requested here:
https://connect.mozilla.org/t5/ideas/javascript-code-override-under-developer-tools/idc-p/22089#M11726

Comment 15

[Alexandre Poirot [:ochameau]]

Attachment: Bug 1704690 - [devtools] Reduced test case to use channel.redirectTo to override request content from local files.

Comment 16

[Nicolas Chevobbe [:nchevobbe]]

Attachment: WIP: Bug 1704690 - [devtools] Add local override icon

Comment 17

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/398115c86eed
[devtools] Allow overriding request content with a local file. r=valentin,devtools-backward-compat-reviewers,bomsy,necko-reviewers

Comment 18

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/398115c86eed

Comment 19

[Phabricator Automation]

Comment on attachment 9306259 [details]
Bug 1704690 [devtools] Local overrides feature in the debugger r=ochameau

Revision D163610 was moved to bug 1818806. Setting attachment 9306259 [details] to obsolete.