自制Chrome拓展

淘宝试用自动点击:

谷歌其实就是一些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应用其实脑洞大的话,还可以做很多很多事情.

项目地址:

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