title: Chrome extension - Custom alert box on pageload
body: <p>I want to make a custom alertbox that executes on page load, as the default</p>
  
  <pre><code>alert('hello');
  </code></pre>
  
  <p>is very ugly &amp; I believe annoying for user interaction.</p>
  
  <p>My current code is:</p>
  
  <p>manifesto.js </p>
  
  <pre><code>"content_scripts": [
      {
          "matches": ["http://www.google.com"],
          "js": ["alert.js"]
      }
  ]
  </code></pre>
  
  <p>alert.js</p>
  
  <pre><code>window.onload = function()
  {
      if(document.body.innerHTML.toString().indexOf('google') &gt; -1 {
          alert('Hello Google');
      }
  }
  </code></pre>
  
  <p>which will execute an alarm box if the user is on google.com, but I want something a bit prettier, I've tried using notifications but unfortunately it doesn't seem as though you can implement it via content_scripts. So my current route is to produce a friendly custom alertbox</p>