title: How do you resize a browser window so that the inner width is a specific value
body: <p>If you are just here to tell me on why resizing a window is a bad idea, obnoxious, and the web-equivalent of nails on a chalk board, then please go away.  I am looking for a solution not a lecture.  This is to be used in a intranet setting only. Specifically, to debug and then demo responsively designed web sites (sites that use media queries to scale) to clients for review via a web meeting.  I want to demo specific break points.  This is not to be unleashed on the general public.</p>
  
  <p><strong>Things I already know:</strong></p>
  
  <ol>
  <li>You can only resize and position windows opened via javascript, not by the user. (unless they adjust their security settings, which is not an option)</li>
  <li>When you use window's resizeTo() method, the browser is resized to the specified dimensions.  The viewport is often significantly smaller (like 30 to 100 pixels smaller on average) However, I want to resize the viewport to a specific size.</li>
  <li>The browser, browser version, platform, some plugins, and various menu's and tool bars will alter the viewport's dimensions. More menus and tool bars means the viewport width is smaller.</li>
  </ol>
  
  <p><strong>Possible Solution:</strong></p>
  
  <ol>
  <li>Find the browser's width and height </li>
  <li>Find the viewport's width and
  height </li>
  <li>Determine the difference between the two.</li>
  <li>Adjust the values in my call to resizeTo() accordingly</li>
  </ol>
  
  <p>I need help with step 1. Everything else I can figure out.  I'm also using jQuery and modernizer if that helps.</p>
  
  <p>Thanks in advance for your help!</p>