I work in front-end development, and am very frustrated each time I encounter a front-end framework with auto-refresh without an easy way to disable it (looking at you, Next.js).
As a result, I wrote a (Chrome only) Web extension[1], which monkey-patch the WebSocket object, so I could 'plug' or 'unplug' them by simply clicking the extension's icon.
So far I'm very happy with it [2], and can finally have multiple tabs of the same page without my 'reference' tab refreshing itself while I'm working on CSS.
[2] It gets the job done, even if in some case (such as the Zola static site generator), where I had to put the link to the plugin's code in the index.html, otherwise the code would be injected too late.
As a result, I wrote a (Chrome only) Web extension[1], which monkey-patch the WebSocket object, so I could 'plug' or 'unplug' them by simply clicking the extension's icon. So far I'm very happy with it [2], and can finally have multiple tabs of the same page without my 'reference' tab refreshing itself while I'm working on CSS.
[1] https://github.com/MarcMonchablon/toggle-hmr
[2] It gets the job done, even if in some case (such as the Zola static site generator), where I had to put the link to the plugin's code in the index.html, otherwise the code would be injected too late.