Question

我正在为大学项目编写JavaScript扩展程序。它是特定网站的自动结账系统。我有一个background.js，它使用嵌套的chrome.tabs.executeScript函数在序列中执行三个本地存储的.js脚本。第三个脚本是＆＃39;自动填充＆＃39;填写用户信息的脚本（在.js文件本身中定义）。我想创建一个选项页面，用户可以在其中输入他们的送货地址，保存，然后运行扩展，后者输入的值被分配到网页上的地址字段。但是，我不知道从哪里开始这个想法，因为到目前为止，我的脚本代码中已经设置了名称和地址等自动填充值！我试图理解我在这个问题上发现的一些小信息，但我对如何将它应用到我的情况感到很遗憾。这是我的脚本文件：

Background.html

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(null, { file: "part 1.js" }, function() {
chrome.tabs.executeScript(null, { file: "part 2.js" }, function() {
chrome.tabs.executeScript(null, { file: "part 3.js" }, function() {
})
})
})
});

第3.js部分

document.getElementById('order_billing_name').value="foo";
document.getElementById('order_email').value="foo";
document.getElementById('order_tel').value="foo";
document.getElementById('order_billing_address').value="foo";
document.getElementById('order_billing_address_2').value="foo";
document.getElementById('order_billing_city').value="foo";
document.getElementById('order_billing_zip').value="foo";
document.getElementById('order_billing_country').value="GB";

这纯粹是一个完全基于功能的综合项目。只要它运行并执行它应该做的事情，就不能专注于代码的整洁，良好的实践或功能或脚本的实用性。（还没有！）。任何指针将不胜感激！请尽量使用尽可能基本的术语，因为我非常缺乏经验。谢谢！

Answer 1

如果您使用的是Chrome，则可以安装TamperMonkey扩展程序。这将允许您为特定页面制作本地脚本。

Tamper Monkey

有了它，您可以更改页面上的元素并插入按钮以在页面上运行脚本。

我还建议使用jQuery，因为它在更改网站时更强大，用户友好。您还可以使用Chrome开发人员工具动态测试和更改。

Chrome扩展程序中的localStorage / options页面？

1 个答案: