Chrome插件开发-网页中运行自己的JS
来源:互联网 发布:淘宝店铺掌柜签名范文 编辑:程序博客网 时间:2024/05/21 17:38
近几日阿里程序员写脚本抢月饼的事在知乎上吵的沸沸扬扬 ,当时很好奇研究了一下怎么在浏览器中运行自己的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";
OK现在Chrome扩展插件已经完成了
1、打开 Chrome菜单–>更多工具–>扩展程序
2、点击 加载已解压的扩展程序
3、可以看到程序已经安装成功
然后打开github的时候–>I Love Flutter
点击确定后
有没有发现用户名、邮箱、密码都填上了
OK现在已经完成了~~~
2 0
- Chrome插件开发-网页中运行自己的JS
- 开发Chrome插件实现在Chrome中截取网页
- 网页开发几个不错的Chrome插件
- chrome扩展程序开发之在目标页面运行自己的JS
- chrome扩展程序开发之在目标页面运行自己的JS
- 开发google浏览器chrome的JS插件
- 怎么在chrome的地址栏中运行js代码
- 记录一些自己的开发习惯,Chrome插件、studio插件及设置格式迁移
- 使用Backbone.js开发Chrome便签插件
- 使用Backbone.js开发Chrome便签插件
- 用js获取网页DOM(例:input标签的ID)的chrome插件
- 如何在网页中运行自己的代码
- 前端开发中一些好用的chrome插件总结
- 关于chrome插件的开发
- 安装自己编写的Chrome插件
- 做一个自己的chrome浏览器插件
- 网页中运行JS代码
- 【Chrome】Chrome插件开发(一)插件的简单实现
- 扎克伯格捐出99%股份的真相
- getActionBar为空的解决办法
- JAVA Socket 底层是怎样基于TCP/IP 实现的
- 9.16测试
- HTML是由浏览器来支持的,那么TCP/IP由什么软件或硬件来提供支持呢?
- Chrome插件开发-网页中运行自己的JS
- ubuntu mysql数据库操作
- Java 接口(interface)基本定义
- Windows中mysql使用命令行登录
- 文本输入框中的提示点击消失,点击出现
- CSS内外边距样式
- 第3周项目4-顺序表应用问题(1)
- Inf2Cat应用的参数使用详细介绍(inf2cat生成cat文件)
- 第三周 项目四 【顺序表应用 2】