新手如何开发Chrome扩展，任务是自动填充一个文本框

如果您想开发一个 Chrome 浏览器扩展来自动填充文本框，可以按照以下步骤进行：

1. 准备开发环境：您需要安装 Chrome 浏览器和一个文本编辑器，例如 Sublime Text、Atom 等。
2. 创建扩展项目文件夹：创建一个名为 “my_extension” 的文件夹，并在其中创建一个名为 “manifest.json” 的文件。
3. 编写 manifest.json：在 “manifest.json” 文件中，您需要定义扩展的基本信息，例如名称、版本、描述等。您还需要定义要使用的脚本文件和标识需要操作的文本框。
4. 编写脚本文件：创建一个名为 “fill_textbox.js” 的文件，并在其中编写自动填充文本框的代码。
5. 加载扩展：打开 Chrome 浏览器，转到 “chrome://extensions/” 页面，并启用 “开发者模式”。点击 “加载已解压的扩展程序” 按钮，并选择 “my_extension” 文件夹。
6. 测试扩展：在 Chrome 浏览器中打开包含文本框的网页，并检查文本框是否被正确填充。

以下是一个样例 manifest.json 文件：

{
“manifest_version”: 2,
“name”: “My Extension”,
“version”: “1.0.0”,
“description”: “A simple extension that fills a text box.”,
“permissions”: [
“activeTab”
],
“background”: {
“scripts”: [“background.js”],
“persistent”: false
},
“content_scripts”: [
{
“matches”: [“<all_urls>”],
“js”: [“fill_textbox.js”]
}
],
“browser_action”: {
“default_icon”: “icon.png”,
“default_title”: “Fill Text Box”
}
}

• manifest_version：清单版本，必须为 2(目前最新文档应该是3，其它语法结构也做了变化)。
• name：扩展名称。
• version：扩展版本。
• description：扩展描述。
• permissions：扩展所需的权限。在此示例中，它需要访问当前选项卡。
• background：定义后台脚本的选项。
• content_scripts：定义注入页面的脚本。在此示例中，它将匹配所有 URL 并注入 fill_textbox.js 脚本。
• browser_action：定义浏览器操作选项，例如默认图标和标题。

请注意，此样例仅提供了基本的清单文件结构，您可以根据需要添加其他选项和配置。请参阅 Chrome 扩展文档以了解更多信息。

自动读取硬盘上的a.txt，a.txt文件是用回车符换行的，每隔5分钟读取文件里面的一行文本，把读取到的内容输入到页面文本框，文本框的 class开头字母是”m-0 w-full”，然后自动按回车:

// background.js

// 读取 a.txt 文件的函数
function readTextFile(file) {
var rawFile = new XMLHttpRequest();
rawFile.open(“GET”, file, false);
rawFile.onreadystatechange = function () {
if (rawFile.readyState === 4) {
if (rawFile.status === 200 || rawFile.status == 0) {
var allText = rawFile.responseText;
// 将文件内容以换行符分割为数组
var lines = allText.split(“\n”);
return lines;
}
}
};
rawFile.send(null);
}

// 每隔 5 分钟读取一行文本并输入到页面文本框
setInterval(function () {
var lines = readTextFile(“a.txt”);
for (var i = 0; i < lines.length; i++) {
// 只有当文本框存在时才执行
if ($(“.m-0.w-full”).length) {
$(“.m-0.w-full”).val(lines[i]);
$(“.m-0.w-full”).trigger($.Event(“keydown”, { keyCode: 13 }));
}
}
}, 5 * 60 * 1000);