好的,首先我应该定义extension.js
和content_script.js
的含义:
extension.js
- 扩展程序弹出窗口中使用的脚本...例如:如果我单击扩展程序弹出窗口中的按钮,我可以使用extension.js
来执行某些操作那。 extension.js`不影响您正在查看的页面,它只影响弹出框。
content_script.js
- 这个“content script”是当前网页的效果,在这种情况下是JavaScript。但是这个脚本不会影响弹出窗口,它只会影响你告诉它的网页。
好的,问题基本上就是标题。您如何使用extension.js
中content_script.js
的数据...让我举个例子:
假设我在弹出窗口中有一个表单,它有一些文本字段...假设其中一个ID为exmp
,现在,我们可以使用extension.js
获取此字段,但是如何我们将其提供给content_script.js
,以便修改网页。
extension.js
var exmp = document.getElementById("exmp"); // from popup.html
content_script.js
// How would I fetch the "exmp" variable from extension.js?
if (exmp.value == "test text") {
// Do stuff that modifies the web page.
}
关于答案:
jQuery是可以接受的。但是使用纯JavaScript的答案是首选。使用两者的答案甚至更好。
Chrome扩展程序的来源将在问题末尾列出(如下)。
来源: