Chrome插件开发-网页中运行自己的JS

2023-12-26 约 463 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=86615046

Chrome插件开发-网页中运行自己的JS

近几日阿里程序员写脚本抢的事在上吵的，当时很好奇研究了一下怎么在浏览器中运行自己的JS。原来可以通过Chrome的扩展程序可以实现，废话就不多说了直接上代码。。。

新建一个manifest.json的文件（扩展程序的配置文件）该文件字符集格式必须为UTF-8

manifest.json代码

{
  "name": "Flutter",
  "manifest_version": 2,
  "version": "1.0",
  "description": "I Love Flutter ~~！",
  "browser_action": {
    "default_icon": "1.png"
  },
  "content_scripts": [
    {
      "matches": ["https://github.com/*","http://www.csdn.net/*"],
      "js": ["script.js"]
    }
  ]
}

default_icon ：插件图标
matches ： Content Script注入的Web页面
js : 注入到匹配的Web页面中的JS文件

script.js代码

alert("I Love Flutter");
document.getElementById("user[login]").value="xiaoma";
document.getElementById("user[email]").value="hacker_ma@163.com";
document.getElementById("user[password]").value="123456";