title: localStorage event not firing when I run it through console
body: <p>I'm working on a chat application that can communicate through tabs, so I'm using localStorage for that.
  Okay, to reproduce the issue:</p>
  
  <ol>
  <li><p>open this url twice, so you have 2 tabs open. <a href="https://preview.c9users.io/gorgamite/socket/science.html?_c9_id=livepreview0&amp;_c9_host=https://ide.c9.io" rel="nofollow noreferrer">https://preview.c9users.io/gorgamite/socket/science.html?_c9_id=livepreview0&amp;_c9_host=https://ide.c9.io</a>       </p></li>
  <li><p>Type anything into the prompt box, and you'll see it in the other tab. Whats happening is its being set as a localstorage value, and there is a storage event that runs when you enter something into the prompt.                          </p></li>
  <li><p>Open a new tab, and run this code: <code>localStorage.setItem("Test", "Hello");</code></p></li>
  </ol>
  
  <p>When you do it through console, the storage event does not fire. It only works if its part of the javascript in a website. How can I change this? Why is it that the storage event doesnt go off when you modify a localStorage value through console?</p>
  
  <p>Here's the code of the website:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1 id = "thing"&gt;&lt;/h1&gt;
  &lt;script&gt;
  localStorage.setItem("Test", prompt("Localstorage value:"));
  window.onstorage = function(e){
  alert(e.newValue); console.log(e);
  document.getElementById("thing").innerHTML += e.newValue;
   };
    &lt;/script&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>