You can do it using remote debugging, here is official documentation. Basic process: Connect your android device Select your device: More tools > Inspect devices* from dev tools on pc/mac. Authorize on your mobile. Happy debugging!! * This is now “Remote devices”.
On opening the developer tools, with the developer tools window in focus, press F1. This will open a settings page. Check the “Auto-open DevTools for popups”. This worked for me.
To get the functionality up and running: Follow steps at https://developers.google.com/chrome-developer-tools/docs/remote-debugging Install Windows USB driver http://developer.samsung.com/android/tools-sdks/Samsung-Android-USB-Driver-for-Windows Install Android SDK http://developer.android.com/sdk/index.html Install Android SDK Platform-tools http://developer.android.com/sdk/installing/adding-packages.html (this step was blocked on corporate wifi so I installed the single ADB package it required https://forum.xda-developers.com/showthread.php?t=2317790) Use command prompt to run ADB, in cmd go to the install directory … Read more
It’s the last selected DOM node index. Chrome assigns an index to each DOM node you select. So $0 will always point to the last node you selected, while $1 will point to the node you selected before that. Think of it like a stack of most recently selected nodes. As an example, consider the … Read more
Alexander Pavlov’s answer gets the closest to what you want. Due to the extensiveness of jQuery’s abstraction and functionality, a lot of hoops have to be jumped in order to get to the meat of the event. I have set up this jsFiddle to demonstrate the work. 1. Setting up the Event Listener Breakpoint You … Read more
Normal reload The same thing as pressing F5. This will use the cache but revalidate everything during page load, looking for “304 Not Modified” responses. If the browser can avoid re-downloading cached JavaScript files, images, text files, etc. then it will. Hard reload Don’t use anything in the cache when making the request. (which is … Read more
You can use $x in the Chrome javascript console. No extensions needed. ex: $x(“//img”) Also the search box in the web inspector will accept xpath
SnappySnippet I finally found some time to create this tool. You can install SnappySnippet from Github. It allows easy HTML+CSS extraction from the specified (last inspected) DOM node. Additionally, you can send your code straight to CodePen or JSFiddle. Enjoy! Other features cleans up HTML (removing unnecessary attributes, fixing indentation) optimizes CSS to make it … Read more
Try adding this to your source: debugger; It works in most, if not all browsers. Just place it somewhere in your code, and it will act like a breakpoint.
This has been changed since v32, thanks to @Daniel Alexiuc & @Thanatos for their comments. Current (≥ v32) At the top of the “Network” tab of DevTools, there’s a checkbox to switch on the “Preserve log” functionality. If it is checked, the network log is preserved on page load. The little red dot on the … Read more