mirror of
https://github.com/jbranchaud/til
synced 2026-01-03 15:18:01 +00:00
Add Selecting DOM Elements Faster Than Ever as a chrome til
This commit is contained in:
@@ -10,7 +10,7 @@ smart people at [Hashrocket](http://hashrocket.com/).
|
||||
For a steady stream of TILs from a variety of rocketeers, checkout
|
||||
[til.hashrocket.com](https://til.hashrocket.com/).
|
||||
|
||||
_630 TILs and counting..._
|
||||
_631 TILs and counting..._
|
||||
|
||||
---
|
||||
|
||||
@@ -56,6 +56,7 @@ _630 TILs and counting..._
|
||||
- [Easier Access To Network Throttling Controls](chrome/easier-access-to-network-throttling-controls.md)
|
||||
- [Pretty Print Tabular Data](chrome/pretty-print-tabular-data.md)
|
||||
- [Reference The Selected Node](chrome/reference-the-selected-node.md)
|
||||
- [Selecting DOM Elements Faster Than Ever](chrome/selecting-dom-elements-faster-than-ever.md)
|
||||
- [Simulating Various Connection Speeds](chrome/simulating-various-connection-speeds.md)
|
||||
- [Toggle Device Mode](chrome/toggle-device-mode.md)
|
||||
- [Toggle Open The Console Drawer](chrome/toggle-open-the-console-drawer.md)
|
||||
|
||||
14
chrome/selecting-dom-elements-faster-than-ever.md
Normal file
14
chrome/selecting-dom-elements-faster-than-ever.md
Normal file
@@ -0,0 +1,14 @@
|
||||
# Selecting DOM Elements Faster Than Ever
|
||||
|
||||
Selecting and inspecting DOM elements: you've done it many times before.
|
||||
Whether you right click the element and select _Inspect_ (which isn't always
|
||||
all that accurate) or you use the DevTools' inspect tool with
|
||||
highlight-assist, it takes a couple clicks to get there.
|
||||
|
||||
There is a faster way.
|
||||
|
||||
Hit `Cmd-Shift-C`.
|
||||
|
||||
Chrome DevTools will be expanded open if it isn't already and your mouse
|
||||
pointer will be put in inspect mode with the highlight-assist. Find your DOM
|
||||
element, give it a click, and start inspecting!
|
||||
Reference in New Issue
Block a user