> I'm surprised nobody has thought of this sooner
Firefox already has a Responsive Design Mode [0] that does this, but for one pane. Combine that with a tiling window manager and you get everything except the pane mirroring without having to use a proprietary browser.
I'd be interested in knowing if any other solutions exist just to add in the syncing functionality.
Edit: a comment mentioned Browsersync [1]. Browsersync + a proper window manager should give you everything Polypane offers and more, with any browser.
[0]: https://developer.mozilla.org/en-US/docs/Tools/Responsive_De...
Re:Polypane – Browser for Developers
by trashburger on Saturday April 25, 2020 @03:37PM
(#22980740)
BrowserSync[0] has syncing different tabs, reloading the page on code changes, layout mode, and many other features. It basically does what Polypane seems to do, and it's FOSS. The only thing missing is, as you mentioned, multiple windows side-by-side, and you can pretty much do that manually (or with a tiling WM - which you already mentioned).
Re:Polypane – Browser for Developers
by dragonshed on Sunday April 26, 2020 @05:55AM
(#22985951)
browsersync is nice but it's just a different approach (proxying for multiple clients/tabs) with its own tradeoffs.
Polypane is one browser tab (1 debugger, 1 css editor, etc) with multiple viewports, so there's no extra hassle or window-management involved when inspecting an element, editing a style, hitting a breakpoint, etc.
All chromium browsers had this for a long time. The point is - nobody really provided a feature to have N views with different resolutions for the same source
Re:Polypane – Browser for Developers
by ricardobeat on Saturday April 25, 2020 @05:38PM
(#22981769)
Blisk, Sizzy have been around for a while and do exactly this. Plus I remember something (maybe Rocketmelt?) offering a similar feature waaay back.
We stand corrected then.
There's also Emmet Re:view, an open source Chrome extension (apparently not actively developed though, and I've never used it): https://github.com/emmetio/re-view
browsersync syncs up everything, so I'm sort of failing to see the difference between this and a few tiled windows side by side (what I currently do) with browsersync sync'ing scrolling and clicking. You're likely already using it as part of your webpack dev flow anyways.
Multiplatform support for Windows/Mac/Linux, which is to be expected, given the Chromium base. Not open source, unfortunately, and free for trial only.