你的位置:首页 > 网页设计

[网页设计]自制Chrome拓展


 

淘宝试用自动点击:

谷歌其实就是一些html+css+js+静态资源.但是里面有一个特别的配置文件manifest.json.该文件和Android的那个androidmanifest.

比如我这个,就是在特定页面用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应用其实脑洞大的话,还可以做很多很多事情.

 

项目地址:

http://git.oschina.net/Zeusro/TaobaoTrial

 

使用方法:

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

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

 

 

参考链接:

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

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