chrome 插件开发 demo

其他技术

2018-05-04

82

0

技术:js + chrome 插件

运行环境:windows 7 + chrome 版本 65.0.3325.181(正式版本) (64 位)

demo功能:提供一个chrome插件编写demo,在www.baidu.com 域名中弹出一个弹窗

代码清单-manifest.json(app信息+依赖js库或者资源+自己的逻辑js)

{
  "manifest_version": 2,
  "name": "francis",
  "description": "chrome 插件demo",
  "version": "1.0.0",
  "permissions": ["https://www.baidu.com/"], 
	"content_scripts":
	[{
			"matches":["https://www.baidu.com/*"],
			"js":["./script/jquery-2.0.0.min.js", "./script/content_script.js"]			
	}]
}

 

对应的信息展示

代码逻辑-content_script.js

$(document).ready(function(){	
	alert('欢迎使用');
	$('#kw').val('java');
	$('#s_btn_wr').click();
});

验证

使用chrome导入插件(选择到manifest.json所在目录即可)

欢迎添加微信,互相学习↑↑↑ -_-

发表评论

全部评论:0条

白老虎

programming is not only to solve problems, ways to think