小技巧 | Get 到一个 Web 自动化方案，绝了！

# mainifest.json

{
    "manifest_version": 2, //配置文件版本
    "name": "auto_login", //插件名称
    "version": "0.0.1", //插件版本

    //下面都是选填
    "description": "自动登录", //描述信息
    "author": "xag", //作者
    // 插件icon
    "icons": {
        "84": "./image/icon.png"
    }
...

# mainifest.json

// 浏览器右上角的图标和内容
"browser_action": {
    "default_icon": "./image/icon.png",
    "default_title": "自动登录",
    "default_popup": "./html/popup.html" //点击插件图标，弹出来的界面
},
//后台页面，JS/HTML只能选择一种
"background": {
    "scripts": ["./js/background.js"],
    "persistent": true
},
...

# mainifest.json

//content-scripts脚本设置
"content_scripts": [
    {
        // "<all_urls>" 表示匹配所有地址
        "matches": ["<all_urls>"],
        // 执行JS
        "js": ["./js/content.js"],
        "run_at": "document_end" //配置运行时间点
    },
    {
        "matches": ["https://****/"],
        "js": ["./js/content_vx.js"],
        "run_at": "document_end"
    }
],

...

# manifest.json

...
//权限配置
    "permissions": [
        "contextMenus", // 右键菜单
        "storage", // 本地存储
        "webRequest", // 网络请求
        "webRequestBlocking", // 阻塞式的网络请求
        "<all_urls>", // 匹配的URL
        "tabs", // 标签
        "notifications" // 通知
    ]
}

# content_vx.js

//输入
function input(inputElement, content) {
    let evt = document.createEvent('HTMLEvents');
    evt.initEvent('input', true, true);
    inputElement.value = content;
    inputElement.dispatchEvent(evt)
}

//模拟输入和提交表单
//用户名
const username_element = document.getElementById("ContentHtml_txtUserName");
//密码
const password_element = document.getElementById("txtPassword");

//按钮
const btn_element = document.getElementById("ContentHtml_btnLogin");

//输入后，点击确认
input(username_element, "**");
input(password_element, "**");

//登录
btn_element.click();