Using Chrome to debug your device remotely

　　In the Ionic project, in addition to the discovery can be used weinre debugging pages, but also found that the same as chrome can remotely debug the page on the phone.

Remote Debug readiness on Android using Chrome developer tools

Before you start remote debugging, you need to prepare for the following:

• Install chrome 32 or a newer version on your PC
• A USB cable connected to an Android device
• The mobile system is Android 4.0+ and installs the Android version of the Chrome browser on the phone.

Note: remote debugging requires a newer version of the Chrome browser on your PC than the version of Chrome on your phone.

Set up your Android phone

On Android phone choose Settings > Developer Tools >usb Debug , then a prompt will pop up "whether to allow USB debugging", select OK

Connect and find the phone

Connect your phone to your computer with a USB cable, and then find your phone in the Chrome browser.

In the Chrome browser on your computer, navigate to chrome://inspect, confirm that Discover USB devices is selected, and see that my MX4 has been found:

Get ready to debug your website on Chrome

On your phone, open the website you want to debug with Chrome browser, then on your computer you can see the website you opened, in the corresponding page item that you need to debug, click Inspect:

Then in the pop-up window can be remotely debugging the effect of the phone above, debugging the process to keep the phone screen always do not close.

Debug Ionic Project

Using the same method as above, you can debug the Ionic project remotely, not only to debug the real machine remotely, but also to debug the emulator.

Open the Android emulator on your computer, then run the Ionic run android-l-c-s command, wait for the startup item to be installed automatically on the emulator, and then find the emulator click on the chrome://inspect page Inspect , you can start the Remote debugging Ionic project. If you need to remotely debug on your phone, install the APK after running the Run command to the real machine.

Use Weire also can debug Ionic project, personal think chrome is useful, can manipulate DOM, modify CSS and so on

Reprint please indicate the original source:http://www.cnblogs.com/miss-radish/p/4990871.html

Using Chrome to debug your device remotely