title: Loading iframe in google-chrome extension (Error: Protocols must match)
body: <p>Code in manifest.json:</p>
  
  <pre><code>{
    "name": "Test",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Test",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "notifications",
        "https://www.roblox.com"
    ],
    "background": { "scripts": ["background.js"] },
    "content_security_policy": "script-src https://www.roblox.com 'self' ; object-src 'self'",
    "web_accessible_resources": [
      "icon.png"
    ]
  }
  </code></pre>
  
  <p>Code in background.js:</p>
  
  <pre><code>var iframe = document.createElement("iframe")
  iframe.src = "http://www.roblox.com/User.aspx?ID=1"
  
  document.body.appendChild(iframe)
  </code></pre>
  
  <p>I keep getting  this error:</p>
  
  <pre><code>Unsafe JavaScript attempt to access frame with URL chrome-extension://dbekkpdpdheclekbpajgigjdlpleolgd/_generated_background_page.html from frame with URL http://www.roblox.com/User.aspx?ID=1. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'chrome-extension'. Protocols must match.
  </code></pre>
  
  <p>Is there anyway to fix this?</p>