Will I get the same result as I would on a real device?
Sizzy simulates the viewport and user agent of each device, so the results should be the same as what you would see on a real device.
However, Sizzy cannot simulate different browser rendering engines, so there's a chance that there might be some minor differences when testing on a real device.
Even though it doesn’t simulate multiple engines, it simulates resolution, pixel ratio, user agent string, browser UI, OS UI, device frame etc. So it gives you a much more accurate representation of what your website would look like than any other browser out there.
Also, simulating devices is one of the features, even if you don’t care about responsive design, there’s plenty of features that can speed up your development work.
Sizzy started as an extension, but the extensions API is not powerful enough for all the stuff that we’re doing. Please check out what Sizzy can do before you say “this feature”, because there’s plenty of features that differentiate Sizzy from any other browser. We’re really trying to make the most useful browser for developers.
Hey everyone! Creator of Sizzy here. I’d appreciate if before you reach conlcusions of the functionality of Sizzy you check out the landing page (sizzy.co) or the changelog page (sizzy.co/changelog)
We’re really trying to make the best browser for developers and we’d be so happy if you give it a chance.
My biggest need for an emulator like this is to see the keyboard invoked when using a form. A very specific use case: I’m working on a typeahead UX for a Search input, and how this behaves on a device with a screen based keyboard is hard to emulate in dev tools from desktop browsers... I really want to see what happens when you :focus on an input element and see how much space exists between the field and the open keyboard. If it does that I’m in! As an example Nike.com has a great search UX and is the right way, other sites have a jumpy experience and don’t leave enough room for search suggestions... but this isn’t about whether that’s a good idea or not, I just want an easier way to build that experience. (I’m not affiliated with Nike or that site.)
This is great actually, thanks. I tried Sizzy but I really don't use it as much to justify paying every month even tho it's a "small" amount. I did also make a 1 time purchase of SlashB but it's riddled with issues and the development seems to have been paused and as much as I want to like it I can't.
Really at the end of the day I just want to see quickly what that change I just made looks across a few resolutions (mobile, common laptop and 1080p) without fumbling with window sizes, that's all. I don't need a million features that I will never use.
Creator of Sizzy here. Please don’t say equivalent because we have at least 50 features that differentiate us from any other “alternative” out there. Unlike the others, Sizzy is actually a company with employees who care about their users.
Neither site responds to the 'prefers-reduced-motion' request either.
Tangent: as I've only recently learned about 'prefers-reduced-motion, I've become a bit obsessive about checking whether animation-heavy websites respect the request. Many websites, sadly, don't bother about it.
First time I've heard about it, but I'm glad it exists. Although I feel like designers who are aware of it, probably know better than to cram as much animation into their sites as possible.
