title: Bypassing `blocked: mixed-content` restrictions in browsers
body: <p>I have an internal WEB application I use, with a local printer attached.</p>
  
  <p>To control the local printer (it's a ticketing printer) I use locally a small program that manages it. In order for my WEB application to "use" the printer, I make it to POST AJAX request to the small local program.</p>
  
  <p>My WEB application is served with <strong>HTTPS</strong>, while the local program exposes a simple HTTP API through <strong>HTTP</strong> (non-secure).</p>
  
  <p>The problem is, I am facing <code>blocked: mixed-content</code> restrictions when accessing the application through <strong>HTTPS</strong> (in development mode I wasn't seen this, of course). </p>
  
  <p>I have several fixes (don't like any of them):</p>
  
  <ol>
  <li>Make the local program to expose its simple HTTP API through <strong>HTTPS</strong>.</li>
  </ol>
  
  <p>It's doable, but I will face problems with self signed certificates (will have to install them on the target machine), or will have to use <strong>DNS</strong> <em>tricks</em> to expose it under a "name".</p>
  
  <ol start="2">
  <li>Disallow browsers to block mixed-content</li>
  </ol>
  
  <p>Doable. But will have to configure each browser accessing my application, plus will make them less secure.</p>
  
  <p>====</p>
  
  <p>So my question is: is there another way of circumventing/bypassing the <code>blocked: mixed-content</code> restriction? Ideally supported on new Firefox and Chrome versions.</p>