在哪里放置我的主要代码用于我的chrome扩展?

时间:2014-03-17 08:29:40

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

我在哪里放置我的主要代码,在background.html,popup.html或eventPage.js或其他?

我的扩展程序的一些信息: 我的扩展程序用于计算我们大学学期成绩的分数百分比。 我们有我们的大学成绩网站,它没有显示获得的总分数的百分比。我想为此建立一个扩展。

1)我使用了' Page Action'在我的manifest.json文件中,由于它只在特定网站上,我的扩展程序可以工作。 2)popup.html具有显示百分比的UI。

但是background.html,eventPage.js和其他页面呢。 我想我也需要contentScript.js,因为我正在访问结果页面的HTML。

我在哪里放置我的JavaScript代码(我编写了JS代码来从表中获取值并计算%)?

关于我需要哪些页面以及我应该将哪些代码放入其中的任何简短的想法或概述对我来说非常有用。我对这项工作嗤之以鼻,无法找到出路。

寻求一些帮助和指导。 提前谢谢!

2 个答案:

答案 0 :(得分:1)

您的Chrome扩展程序文件夹通常包含以下内容,可能还包含以下内容:

1)manifest.json(Chrome初始化您的扩展程序所需的文件)

2)popup.html(或任何其他名称。这是您点击扩展程序时打开的页面。请注意,您不能拥有任何evalinline-event-handler根据Chrome CSP(Content Security Policy

的陈述

3)icon.png(这是您在右上角扩展区域中看到的扩展程序的图标)

4)script.js(这是您放置计算逻辑的地方。然后您必须将其包含在popup.html文件中,如下所示:<script src="script.js"></script>

5)其他脚本(如果需要。所有这些都需要包含在popup.html中,如上所述)

您应该阅读以下内容:https://developer.chrome.com/extensions/getstarted

答案 1 :(得分:-1)

您必须将内容脚本添加到manifest.json

"content_scripts": [ { "matches": ["http://*/*","https://*/*"],
"js": ["mycalculator.js"] } ]

(在此mycalculator.js文件中必须包含读取值并计算百分比的java脚本。) 也将文件放在您的扩展文件夹中。

js文件将自动包含在您加载的页面中 有关详细信息:content scripts