#ANDROID INSPECT ELEMENT CHROME FOR ANDROID#
You can now put localhost:9000 (or your port number) in Chrome for Android and view the site and use DevTools to inspect the page. There is a bug open where the first port is ignored, so it might be worth hitting enter on the first line and re-entering the same details on the second line. Go back to the cog and select Port Forwarding, then type in the port you want to forward (i.e. Once Port forwarding is enabled, close and open dev tools. Now click on the cog in the corner, then go to Experiments > Enable Port Forwarding (If you don't see port forwarding, you might not be in Chrome Beta) This will open up devtools for your Chrome on Android. When it has, in Canary go to chrome://inspect there you will see your device, so now click inspect. Once it's relaunched open a terminal and run adb devices, you should now see your device appear in the list. In the address bar type: chrome://flags and enable - "Enable Developer Tools experiments" and hit the Relaunch button that appears. On your Desktop open Chrome Canary (I think stable and Beta currently have issues): Hit the home key on the device and go to Settings > Developer Options > Enable USB DebuggingĬonnect your phone to your Computer via USB Menu > Settings > Developer Tools > Enable USB Debugging In Chrome Beta on your Android device do the following: To start with you'll need the Android SDK to get started: BUT select for existing IDE so you get the tools rather than all of Android Studio.
If you get " device not found", then run adb kill-server and then try again. If you get command not found when trying to run ADB, make sure Platform-Tools is in your path or just use the whole path to your SDK and run it C:path- to-SDK platform-toolsadb forward tcp: 9222 localabstract:chrome_devtools_remote Callstack View The debug toolbar shows the currently active session (and all. Device - Settings > Developer options > USB debuggingĮnable port forwarding on your computer by doing the following command belowĬ:adb forward tcp:9222 localabstract:chrome_devtools_remote The individual sessions now show up as top-level elements in the CALL STACK view.