title: Responsive view on Firefox Developer Tools show wrong width
body: <p>I was testing a website with the Developer Tool of Firefox and I was facing a weird bug. Then I checked the window width with a simple console log <code>console.log($(window).width)</code> and I saw that the reported width in developer tools wasn't the same that javascript was detecting.</p>
  
  <p>I tried than with the Google DevTools and showed width was consistent with the console log width.</p>
  
  <p>Is this a Firefox bug or am I doing something wrong? Actually on a real mobile device and on Google DevTools the website works as it should, but if I test the same page on Firefox I see a bug that actually doesn't exists (and for this reason I've lost some time).</p>
  
  <p>This are a couple of screenshots to better explain what I mean:</p>
  
  <p><strong>Google Chrome</strong></p>
  
  <p><a href="https://i.stack.imgur.com/N3gWC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N3gWC.png" alt="enter image description here"></a></p>
  
  <p><strong>Firefox</strong></p>
  
  <p><a href="https://i.stack.imgur.com/grcMX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/grcMX.png" alt="enter image description here"></a></p>
  
  <p>Resizing the browser window doesn't effect the JavaScript <code>$(window).width</code></p>