Skip to content

Latest commit

 

History

History
50 lines (37 loc) · 1.55 KB

readme.md

File metadata and controls

50 lines (37 loc) · 1.55 KB

Debugging any Browser that does not have support for remote debugging

  • Debug Android Stock Browser
  • Debug IOS/Apple phones and tablets
  • Simply debug in any browser. :)

How-to guide in debugging any mobile browser that does not have a good debug tool.

If your local website can be exposed to your device, you don't need install the Ngrok.

Step-by-step

  • Install the weinre app: sudo npm -g install weinre
  • After that, You can start it typing: weinre

If you are not able to expose your machine's ip, try using ngrok.

You can download it here:

authtoken: <YOUR-TOKEN>
tunnels:
  debug:
    proto: http
    addr: 8080
  project:
    proto: http
    addr: 9000
  • Replace <YOUR-TOKEN> by the token generated in http://ngrok.com after signing up.
  • Serve your web page trough the port 9000 php -S localhost:9000
  • Run it: $ ./ngrok start --all
  • Open in your machine the url http://localhost:8080 to access the debug tool
  • Change the weinre script tag to <script src="<address_given_by_ngrok_for_debug_tunnel>/target/target-script-min.js#anonymous"></script>
  • Access your website using the alias on the Android stock browser
  • Enjoy!

References: