Chrome Dev Tools

<p>Apr 05, 2016 02:25 PM &nbsp;wow! &nbsp;totally cool!</p>

<p>

<b>control shift c..... open element inspector </b>&nbsp;&nbsp;....</p>

<p>

<b>control &nbsp;R click then> &nbsp;inspect element </b>&nbsp;...</p>

<p>

&nbsp;

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

<p>

&nbsp;

control shift b &nbsp;&nbsp;&nbsp;toggles bookmarks on and off

<b>control h.... &nbsp;view history page..</b>.

*

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

<p>

R click and INSPECT &nbsp;to see code ...</p>

<p>

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

<p>

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

<p>

zoom out &nbsp;control - ....</p>

<p>

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

<p>

<b>Elements panel.</b>..</p>

<p>

expand and collapse a node.... &nbsp;&nbsp;R or L arrows...</p>

<p>

h &nbsp;is to HIDE an element &nbsp;(eg an image!!!)..</p>

<p>

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