Goggle's developer tools allow you to inspect any web page running in Chrome on Android by connecting the Android device (only 4.0 and newer) to your computer via USB. On your computer, you'll also need Chrome. To set this up, enable USB debugging on the device, and in your computer's Chrome, browse to chrome://inspect to discover the device. After you've allowed the desktop access on the device, you can inspect and debug any web page that is viewed in Chrome on the device.
This is possible for iOS as well, Safari to Safari. You also need to connect your device to the computer with USB. In the advanced Safari settings on the device, enable the option "Web Inspector". Then open Safari on your computer, and in the "Developer" menu, you'll see a list of iOS devices currently connected to your computer by cable. For each device, you'll be able to inspect and debug any web page that is being displayed in Safari.
在 Console 快速选定 DOM 元素
在 Elements 选择面板中选择某个 DOM 元素然后在 Console 中使用该元素也是非常常见的一个操作，Chrome Inspector 会缓存最后 5 个 DOM 元素在它的历史记录中，你可以用类似于 Shell 中的$0等方式来快速关联到元素。譬如下图的列表中有'item-4′, 'item-3', 'item-2', 'item-1', 'item-0'这几个元素，你可以这么使用：