Media
3 items
Description
Fixes the Chromium bug where docked DevTools breaks page layout after reload. Active only while DevTools is open. DevTools Resize Fix solves an annoying, long-standing Chromium bug: when DevTools is docked (bottom, side, or right) and you reload the page you're inspecting, the page layout sometimes fails to reflow to the correct viewport size. Content visually slides, overlaps, or gets clipped under the docked panel - until something forces an actual window resize to "unstick" it. This extension does that automatically, invisibly, every time you reload. HOW IT WORKS The extension is only active while DevTools is open on a tab - it is not a background script watching your browsing. On every navigation of the inspected tab, it nudges the browser window's width by a few pixels and back a short delay later. That's enough to force Chromium to recompute the layout; the nudge itself is close to imperceptible. Both values are configurable from the extension's options page, since the right numbers depend a bit on your OS and machine. If your browser window is maximized, it can't be resized directly, so the extension briefly restores it to normal size and re-maximizes it instead. This is slightly more noticeable than the plain nudge on non-maximized windows. WHY IT ASKS FOR SO FEW PERMISSIONS DevTools Resize Fix never reads, modifies, or has access to the content of any page you visit. It only needs: - "tabs" - to find which browser window the inspected tab belongs to. - "windows" - to trigger the resize nudge on that window. - "storage" - to remember your settings and keep a small local diagnostic log, entirely on your device. There is no host permission for any website, because the extension doesn't need to see page content to do its job. It works identically on every site. WHO THIS IS FOR Anyone who works with DevTools docked all day - frontend developers, QA engineers, designers doing pixel-level review - and is tired of the page looking broken after every reload until you jiggle the window by hand. OPEN SOURCE Full source code on GitHub, MIT licensed. Bug reports and contributions welcome - especially confirmation of whether this issue also affects other Chromium-based browsers or Firefox. https://github.com/Stanislas-Poisson/devtools-resize-fix LIMITATIONS - On maximized windows, the fix flickers through a restore/maximize cycle instead of a subtle nudge. - The fix runs on every reload whilecked or floating in its own window -when floating, the nudge is harmless but unnecessary (there's no public API to detect dock state).