title: Chrome extension: "Unsafe attempt to load URL" when accessing external .svg file
body: <p>I put together a Chrome extension that injects a <code>filter</code> property and value into the page's CSS (upon selecting the particular filter in a popup). Rather than iterating through each element separately, I just filtered the entire page (<code>document.getElementsByTagName('html')[0];</code>)</p>
  
  <p>It worked just fine when the filter is something "standard" like <code>blur(5px)</code> or <code>grayscale(100%)</code>. But when I try to use a <code>url()</code> pointing to an external .svg file, the console says:</p>
  
  <p><strong>Unsafe attempt to load URL <a href="http://www.EXAMPLEURL.com/assets/filters.svg" rel="nofollow noreferrer">http://www.EXAMPLEURL.com/assets/filters.svg</a> from frame with URL <a href="http://www.ANOTHEREXAMPLEURL.com" rel="nofollow noreferrer">http://www.ANOTHEREXAMPLEURL.com</a>. Domains, protocols and ports must match.</strong></p>
  
  <p>Is there a workaround to something like this? I'm sure it's a security feature/bug from Chrome, but it's pretty irritating. I just want to add a color filter to the page I'm on. Thanks guys!</p>