构建可以打开网页的Chrome扩展程序

时间:2017-03-04 05:20:02

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

我正在构建我的第一个Chrome扩展程序,我只是想让它加载一个简单的网页(理想情况下,这个网页会允许使用Cookie。所以,我认为iframe是最好的方法)

为简单起见,我们假设我要加载YouTube。 现在,我有一个简单的 manifest.json 来调用我的 popup.html 文件。 清单的代码列在这里:

{
  "manifest_version": 2,

  "name": "Getting started example",
  "description": "This extension shows a Google Image search result for the current page",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
}

以下是我的popup.html文件的内容:

<!doctype html>
<!--
 This page is shown when the extension button is clicked, because the
 "browser_action" field in manifest.json contains the "default_popup" key with
 value "popup.html".
 -->
<html><head>
    <title>YouTube</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body id="body" style="height: 526px;">
    <div id="toolbar" style="display: block;"><span id="options" class="icon"></span><span id="popup" class="icon"></span></div>
    <iframe id="youtube" partition="persist:messenger4" height="500px" width="400px" frameborder="0" src="http://www.youtube.com"></iframe>
</body></html>

问题是这只会打开一个白页(适合我指定的宽度和高度,但实际上并没有加载网页。

有人可以给我一些关于我做错了什么的意见吗?

0 个答案:

没有答案