How to test a site on mobile devices during development?

Question

Android

Now I'm making up a template (html, css, js) and I need to open it on a smartphone, see how it looks live, and not through the developer tool. It's easy when the site is hosted, but what to do when it's in a folder? how do you test? ubuntu system 14.04.

Answer 1

In general, I type on dropbox, as an old user, direct links are available to me, so I use it as a "hosting" at the same time, so I can test it with online services. There is such an excellent service: codebeautify.org/responsive-website-tester
I advise you to think about the cloud or hosting to make it easier to work.

Answer 2

In Chrome, for example, you can use: "Google Chrome device mode".

Answer 3

Start your own Web server and use https://ngrok.com/

Answer 4

Opera Mobile Emulator

Answer 5

www.browserstack.com

Answer 6

Genymotion, for example.

Answer 7

I completely agree with Sergey. Now it is not a problem to buy inexpensive hosting. Because no emulator, I know from my own experience, will replace a real device. Or, to start with, use Daniel's advice, because in Chrome this function is implemented very well, but again, it will show you how the site will look at a specific screen size and resolution, but will not give a complete picture.

Answer 8

I'm making a website on openserver, in the wi-fi connection properties I set a fixed ip (for example, 192.168.1.18, the main thing is that dhcp does not assign the same address to another device), in the openserver settings I select this ip as the server address and in the device in the hosts file I write the address site (which is spinning on openserver) and the ip of the openserver server (for example, 192.168.1.18). The only thing you need to edit hosts is root for android or jailbreak for ios.

Answer 9

Loved codebeautify.org/responsive-website-tester