How to test a web app on a phone?

Question

Software testing

Hello, if you can help me.
I started to develop a web application that will be used only on the phone. Developing a view using jQuery mobile, jQuery UI (droppable, draggable). And I test everything in Google Chrome version for OS X.
But I move the project files via USB to the phone, some jQuery UI elements do not work for me.
The task and the question is - so as not to repeat this, as I immediately test on the phone or emulator with Guard livereload, or npm server. What would you suggest or advise?

Answer 1

Set your phone aside to begin.
Set up any web server to serve your site by IP.
Install the Genymotion emulator to test Android devices.
Run the iOS Simulator (included in OS X) to test iOS devices.
When you're done, move on to testing on real devices.
ps: In Safari, you can press `opt+cmd+r` to test on iOS devices.

Answer 2

pattern server type MAMP
Wi-Fi router
you enter in the phone browser something like: 192.168.100.3:8888

Answer 3

1) As advised above, you make a local server for LAN'a.
2) Connect the phone via USB and in the included debugging, see what goes where through the computer Chrome (Google will tell you how this is done).
3) When you are debugging in the phone's chrome, compile the application and also configure it via USB debugging if something goes wrong (computer chrome and mobile www applications should show in the debugger).

Answer 4

Probably not, but still: