可以将外部iframe包含在Google Chrome扩展程序中

时间:2014-10-17 11:19:27

标签: javascript google-chrome iframe google-chrome-extension

我参考这篇文章:

http://julip.co/2010/01/how-to-build-a-chrome-extension-part-3-loading-any-web-page-in-a-popup/

<html>
<head>
    <style type="text/css">
    body {width:200; height:300;}
    </style>
</head>
<body>
    <iframe src="http://m.bing.com" width="100%" height="100%" frameborder="0">
    </iframe>
</body>
</html>

此扩展程序的源代码为:http://mfi.re/?imwxngtdkhg

如果它没有显示任何东西。

我的问题是:可以将外部iframe包含在Google Chrome扩展程序中吗?

1 个答案:

答案 0 :(得分:2)

是的,您可以在弹出式窗口中显示iframe 。它有点沉重,我不建议这样做,但你可以。

您链接的扩展程序的问题是manifest.json文件格式错误:

  • "manifest_version"参数不存在,应设置为2
  • 使用"default_popup"定义浏览器操作的默认弹出窗口,而您使用的是"popup",这是错误的。

以下是正确的manifest.json文件:

{
    "manifest_version": 2,

    "name": "Mini Bing Search",
    "description": "Search Bing right from your browser without leaving your current page.",
    "version": "0.1",
    "browser_action": {
        "default_icon": "icon19.png",
        "default_popup": "popup.html"
    },
    "icons": { 
        "48": "icon48.png",
        "128": "icon128.png" 
    }
}

下载工作示例HERE