title: Keep google chrome extension ContentScripts working while javascript is blocked
body: <p>I currently started fiddling with google chrome extensions. My extension currently does inject some javascript into every website, which creates a sidebar with some functions (which functions doesn't really matter though). Everything works while javascript is enabled for those websites, but stops working when it's blocked. I inject the code via chrome.tabs.executeScript and it clearly loads on every pages startup (as the sidebar is created) but it's just a simple div at this time (so as I said, none of the functions keeps working). I tried to inject a  tag before, which simply does nothing (so no sidebar is created) when javascript is blocked.. so there clearly is a difference, but neither works for me.</p>
  
  <p>As far as I understood how contentScripts works, they should run in an isolated world and therefore shouldn't be effected by the sites javascript options (as every other part of the extension -background pages and such- still keeps working). I searched the web for answers but couldn't find anything (well I found one bug report which was closed without being properly answered) on this issue. Does anybody know how to keep injected code running while the site's javascript gets blocked (like special permissions or such) or do I have to abandon my idea? Thanks in advance!</p>
  
  <p>EditII: In the meantime I tested some contentscripts and well, yes some of them continue working even if javascript is turned off. As I initially stated my script also is execute at first, but won't maintain it's functionality. For a better understanding a really slim version of what should be going on. Is there a way to keep those functions running or is it hopeless because they are injected too deep into the site?</p>
  
  <p>Manifest.json</p>
  
  <pre><code>{
  "name" : "Example",
  "version" : "1.0.1",
  "description" : "Creates a sidebar, which looses dragable() function when javascript is turned off",
  
  "permissions" : [ "tabs" ],
  
  "content_scripts" : [
    {
      "matches" : [ "http://*/*" ],
      "js" : [  "jquery.js", "jquery-ui.js", "contentscript.js" ],
      "run_at" : "document_end",
      "all_frames" : true
    }
  ],
  "manifest_version": 2
   } 
  </code></pre>
  
  <p>contentscript:</p>
  
  <pre><code>var sidebar;
  
  sidebar = $("&lt;div id='example_sidebar'&gt;&lt;/div&gt;");
  sidebar.css({
    'position': 'fixed',
    'right': '0px',
    'top': '200px',
    'z-index': 9999,
    'width': '70px',
    'height': '140px',
     'background-color': 'blue'  // Confirm it shows up
   });
  $('body').append(sidebar);
  
  $(function() {
    $( "#example_sidebar" ).draggable();
  });
  
   $("#example_sidebar")
  .on( "mouseenter", function() {
    console.log('entered the div');
  })
  .on( "mouseleave", function() {
   console.log('left the div'); 
  });
  
  $('#example_sidebar').on('click', function() {
      console.log('clicked the div');});
  </code></pre>