Skip to content

Computer setup for debugging any unaccessible browser (old android browsers, apple et cetera)

Notifications You must be signed in to change notification settings

vladanpaunovic/debug_all_browsers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

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:

About

Computer setup for debugging any unaccessible browser (old android browsers, apple et cetera)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published