Google Chrome Dev Tools

<p>May 31, 2016 04:24 PM</p>

<p>

control shift c..... open element inspector</p>

<p>

control> &nbsp;inspect element&nbsp;</p>

<p>

control j &nbsp;shows your downloads by date!!!!</p>

<p>

control shift b &nbsp;&nbsp;&nbsp;toggles bookmarks on and off</p>

<p>

control h.... &nbsp;view history page...

*

F1 &nbsp;opens &nbsp;console &nbsp;and &nbsp;esc closes it... &nbsp;esc &nbsp;closes &nbsp;everything!....</p>

<p>

R click and INSPECT &nbsp;to see code ..

.

control shift f.... search across all sources.</p>

<p>

zoom in &nbsp;&nbsp;control +</p>

<p>

zoom out &nbsp;control -</p>

<p>

restore default size &nbsp;contrl &nbsp;0.</p>

<p>

Elements panel

expand and collapse a node.... &nbsp;&nbsp;R or L arrows.

h &nbsp;is to HIDE an element &nbsp;(eg an image!!!)

click on white space &nbsp;to go property inspector for a css element!!! &nbsp;has color inspector!!!</p>