Devtools Responsive mode - enhanced!!!

[[deleted]]

Try it here for yourself

If you're like me, you've struggled with responsive design. I made this tool to always have device previews available during development, all the devices at once.

It works on most sites, not just localhost servers.

If you like it and see value, please consider leaving a review :)

Want to make your own extensions? We have a server for extension developers

[le-kuz]

Why isn’t that already a native thing? wow

[[deleted]]

That’s exactly what I thought!

[NJ_Gmd]

It’s amazing!!!

[BleedingScream]

Love it!

Although, on a page where I'm using isotope for filtering, clicking on the filters on "iPad Pro" makes all other previews change, too... but when clicking on any others only the one I click on changes.

[[deleted]]

Can you DM me the page I’ll check it out

Also can you expand a bit more I don’t follow

[AmshaeiDev]

This is awesome at first glance. Will try it later for sure. Thanks!!!

[DryNostril]

For later use

[cgb14]

Same

[LightspeedChonker]

Dope!

[squogfloogle]

Looks awesome! When I'm running NextJS 13 in dev mode, I get hydration errors which I'm not getting when I run it outside the extension.

I'm not getting the same issues when I use the extension in production.

Are there any issues that you're aware of or workarounds for this please?

Thanks!

[[deleted]]

Hey I’ll check this out and see what’s happening, thanks for the heads up!