title: window.innerHeight consistent between Chrome's baked in UI elements
body: <p>I'm sure this is the working as intended, but I find it kind of a pain.</p>
  
  <p>In Chrome (and probably other browsers)</p>
  
  <p>Generally, <code>window.innerHeight</code> gives me 801 (for example).</p>
  
  <p>If I have a console open along the bottom half of my screen (going horizontally), this changes my window.innerHeight. If I've downloaded something, this pops up a bar at the bottom of the window and also changes window.innerHeight.</p>
  
  <p>I don't having the dev tools open to make my site feel broken.</p>
  
  <p>Is there a different measurement to use in javascript to ignore UI? </p>
  
  <p>I don't want outerWidth, because this includes window tab heights and they won't be consistent cross browser.</p>
  
  <p>I essentially want the height to be consistent whether or not there are any chrome ui elements present.</p>