Home / ubuntu / Questions / 978515
Accepted
Prototype700
Asked: 2017-11-21 11:28:28 +0800 CST

How can I emulate websites on different devices in Ubuntu?

  • 772

I am working on the front-end of a website and need to see how my code behaves in different systems/browsers. Firefox and Chromium do have development tools that allow the display to be set to different sizes, but they are unable to fully emulate Apple's upscaling mechanism and the sites will still look slightly different. Also they don't take into account different browsers.

Is there any tool or software I can use with Ubuntu to check what my site will look like on different devices/browsers?

software-recommendation

2 Answers

  1. Best Answer

    There are services like:

    1. Browserstack
    2. Mobiletest
    3. Responsimulator
    4. Appetize - Probably the best, But painfully slow for me.

    The better way still is to actually test the site on a physical device. I've found out that all these ways are slow.

    • 2

  2. responsivepx

    Enter the url to your site, local or online, and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.

    responsivepx GitHub

    For best results with responsivepx you need to think outside the box. For some reason I can't get Google and Twitter to show me anything but a blank white screen in responsivepx, even though Bing and complicated news websites render in it just fine.

    • 1