The virtual device farm for rendering websites on multiple devices

https://seleniumbase.io/devices/?url=news.ycombinator.com

by seleniumbase • 6 years ago

104 27 6 years ago

Nice. But there will always be that client browsing on a corporate install of Internet Explorer that will complain about an obscure bug. In that case, avoid any bickering and counterstrike surgically with a well written and sourced explanation on why their browser is a safety risk for the entire company and that the problem should be escalated quickly to IT because that’s much more worrying than a simple website bug most people’s browsers won’t display. Attach a couple of links to layman-friendly articles about Explorer not being considered a browser anymore even by Microsoft (it’s officially a “legacy solution”) and send.

I did it a few times and each and every time I had follow ups thanking me, telling me how much they hated Explorer but they were forced to use it, and that they didn’t know about the risks of using it.

6510• 6 years ago

If the bug they suffer is bad enough I just make a page describing the issue and redirect all user agents of the type.

camillomiller2• 6 years ago

I like the passive-aggressive flair of this one.

Santosh832• 6 years ago

I tried opening my test site and it was displayed without CSS styles or images. Could this be because I have a restrictive content security policy set?

Gys• 6 years ago

I had the same problem. My website has no https. How about yours?

Santosh832• 6 years ago

It does via Cloudflare. But another site with https seems to load okay. I'm at work now but will test later with the CSP header disabled.

spzb• 6 years ago

Doesn't work for me either.

LoSboccacc• 6 years ago

you no longer need random time.sleep()

you never needed that, selenium always had multiple method available to wait for page loads or to wait for specific div to become available in the dom or visible in the viewport.

anyway, I don't understand the usefulness of a mobile web render into a browser: a tall, narrow frame is no substitute of a mobile device. for one the rendering engine is not the same, secondly you don't get touch events generated for it, thirdly hover and pixel density media queries straight up won't work

onion2k• 6 years ago

Selenium can use Chromedriver's device emulation mode (eg "add_experimental_option("mobileEmulation", {"deviceName": "iPhone X"})") to enable touch events, pixel density, etc. It's not the same as testing on a real device but it's still useful to have as part of a test pipeline if you don't have the budget for every device you need to test on.

https://chromedriver.chromium.org/mobile-emulation

anshukg• 6 years ago

It supports only 3 levels of inception, virtual inside virtual inside virtual .

FerretFred• 6 years ago

This is really good! Just tried my sites out on it and pleased to say they look consistent.

exyi• 6 years ago

It just seems to be a bunch of iframes and it renders the website in your browser. HTML is just downloaded through CORS proxy...

mintzworld4• 6 years ago

Some websites have a Same-Origin policy that won't allow rendering in an iframe. The CORS proxy lets you bypass the restriction.

capableweb2• 6 years ago

But this is a tool for development. So if you're loading up a site for development, don't you work on that site and can control the Same-Origin policy?

eithed• 6 years ago

How is it different from running Selenium yourself?

ape4• 6 years ago

There are many things on the internet you can run yourself - eg calculators.

rhplus• 6 years ago

Tried some sites like https://www.whatismybrowser.com/detect/what-http-headers-is-... and User-Agent is “axios/0.19.2”.

Eduard• 6 years ago

The tablet and smartphone incorrectly have hover functionality.

secondcoming• 6 years ago

twitter.com doesn't support that browser any longer!

mintzworld4• 6 years ago

There are a few websites that will detect unusual behavior from browsers living inside of browsers. Although it does seem to work for most websites.

cedricd• 6 years ago

Interesting. It breaks on my site. https://seleniumbase.io/devices/?url=www.narrator.ai

Tried again and now it doesn't load. Maybe I'll try later. Looks cool though

lpellis• 6 years ago

It looks like it is just loading the pages in an iframe (through a proxy). It would be more useful if it at least set the user agent, should be easy enough to add.

I built a tool that does something similar, here is your site: https://app.pagewatch.dev/62189ac2393594d963561b5426c1215055...

yboris2• 6 years ago

My favorite tool: http://ami.responsivedesign.is/

yboris2• 6 years ago

Can't seem to render 2 out of 4 of my Gatsby websties:

Failing:

https://seleniumbase.io/devices/?url=videohubapp.com

https://seleniumbase.io/devices/?url=healthimpactfund.org

Passing:

https://seleniumbase.io/devices/?url=yboris.dev

https://seleniumbase.io/devices/?url=yboris.com

mintzworld4• 6 years ago

"Service workers can only be used over HTTPS, or on localhost for development" - That's a known Gatsby issue: https://github.com/gatsbyjs/gatsby/issues/10369

The virtual device farm for rendering websites on multiple devices

Related Stories