A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens while developing responsive websites/applications.
@brunolemos that's a little harsh. Sizzy's cheapest plan, for instance, is $7 per month or $60 a year. Nothing wrong with using an open source replacement if it does what you need it to do.
@brunolemos I meant to say I cannot justify paying for Sizzy. But I see how you look at people. So, my rational is since I am not reviewing coded designs every week or month. Our release cycles are quarterly.
Awesome! Used it right away and love the ability to create new user agents. The one issue I ran into was the new screen I created was not saved. Once I closed the tab, went back to the web page I am working on and reopen the viewer the screen I added was no longer in the viewer. I had to recreate the screen again. This can become problematic when working on a project that is focusing on specific viewports that are not provided in the default list you provide.
@francoolaami these permissions required to make it able to show any website inside the iframe.
first permission: is to modify websites header inside the iframe to remove x-options header.
2: some websites refused to open after first visit from the action and it fixed by clearing the service works.
3. I think it's a basic permission.
4. this is required to access tabs api to create new tab of the extension.
5. it is required to detect when navigation occurs to and to carry the user agent to next page.
hope this clarify.
also you can checkout the source code on github
https://github.com/skmail/respon...
This looks awesome. Are there any notable differences between this and Chrome’s native responsive viewer within DevTools? At a glance I see the ability to view a page across different sizes for side-by-side comparison, but let me know if anything else!
@herbosa Thanks, there's no difference in the rendering side, the main difference is the ability to show multiple screens in one view, there are more features I'm working on and will be released soon.
@vsotiris That's right, the extension depends on the user-agent to display the page since it's impossible to emulate other browser rendering engines without using third-parties or actual devices.
Amazing Work @solaimankmail :) Tried it and loved it... Keep up the great work, any clue on what's on your roadmap for Responsive Viewer. As of now, it looks awesome...cheers
Great product!
Please sync the link in all the devices so when I navigation from one page to another it reflects in all the devices. That would be great feature.
in my some years of web product u have not seen responsive emulation (not even in dev tools) that takes some height for the regular bars of our browsers. No one as a a bazel free browser, why not aknowledge that in the renderings ?
This is really awesome and will save me a ton of time. I can't believe it's the real page rendered right there — scrollable! It would be great as a tool to sync across teams.
Replies
Simplified Twitter
Simplified Twitter
Responsive Viewer
Responsive Viewer
Panda
Responsive Viewer
Responsive Viewer
Responsive Viewer
Responsive Viewer
Responsive Viewer
Quick Code
Responsive Viewer
Clarity Dashboard UI
Responsive Viewer
Spline
Responsive Viewer
Budget Plus
Responsive Viewer
Responsive Viewer
VEED
Responsive Viewer
Responsive Viewer
Responsive Viewer
TestMace
Responsive Viewer
Responsive Viewer