自制Chrome拓展_html/css_WEB-ITnose-html教程-PHP中文网

自制Chrome拓展_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:33:58

原创

1229人浏览过

淘宝试用自动点击:

谷歌其实就是一些html+css+js+静态资源.但是里面有一个特别的配置文件manifest.json.该文件和Android的那个androidmanifest.xml类似,记录了该APP的基础信息.

比如我这个,就是在特定页面用content script加载,所以配置页是这样

{	"name": "淘宝试用点击",	"description": "淘宝试用点击,仅在特定页面有效",	"version": "1.0",  // "background": { "scripts": ["Main.js"] },  "browser_action": {  	"name": "啦啦啦啦啦啦啦啦啦啦"  	},  	"icons": {   	 "16": "icon16.png",                 "48": "icon48.png",                "128": "icon128.png"  },  	"content_scripts": [  	{  		"matches": ["https://*.taobao.com/tryshop.htm*","https://*.tmall.com/tryshop.htm*"],      // "css": ["mystyles.css"],      "run_at":"document_idle",        "js": ["Main.js"]  }  ],  "manifest_version": 2}

登录后复制

主体部分呢,本来我是想在onload完了之后再自动点击,但是考虑到页面加载的资源比较多,所以就以setTimeout为主,点击完之后再点击确认,确认之后自动关闭页面.

立即学习“前端免费学习笔记（深入）”；

PS:我设置一开始1s后点击可能比较快.所以会有失效的情况.所以这个设计怎么说呢,只是过把瘾罢了吧.

function Main(){	console.log("启动啦");	 	 	setTimeout(function(){	 		var button1=document.getElementsByClassName("J_TryApply");				var isNotFound= button1!=undefined&&button1.length>0;				console.log(isNotFound);		if (isNotFound) {			button1[0].click();			setTimeout(function(){				document.getElementsByClassName('apply-try-address-submit')[0].click();					setTimeout(function(){					// console.log("close");				   window.close();				},300);							},500);					}		else{			alert("已经试用过啦");			 window.close();		}				 	},1000);		}Main();

登录后复制

后记:

chrome应用其实脑洞大的话,还可以做很多很多事情.

项目地址:

使用方法:

git clone https://git.oschina.net/Zeusro/TaobaoTrial.git

登录后复制

在设置-拓展程序里面,选择加载已解压的拓展程序,选择我这些资源所在的目录.就可以了.刷新页面即可看到效果

参考链接:

http://www.zhihu.com/question/20179805

http://open.chrome.360.cn/extension_dev/overview.html