title: Remove mixed content warnings for development in chrome
body: <p>I am developing a chrome extension which loads a url in an iFrame. The actual url is hosted using https, however I want to debug it on localhost, thus wanted to allow mixed content. I can do that by allowing unsafe scripts by clicking the shield icon present in the address bar. The problem is it still generates a lot of warnings in the developer console which spams the console and doesn't let me see the actual debug messages.<br>
  Is there a way to remove the Mixed Content Warnings from the console, just for the development purpose? </p>
  
  <p>The warning text example is as follows - </p>
  
  <blockquote>
    <p>Mixed Content: The page at '<a href="https://www.example.com/" rel="nofollow noreferrer">https://www.example.com/</a>' was loaded over
    HTTPS, but requested an insecure stylesheet
    '<a href="http://localhost:8080/test.css" rel="nofollow noreferrer">http://localhost:8080/test.css</a>'. This content should also be served
    over HTTPS.</p>
  </blockquote>