自制Chrome拓展

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

 

淘宝试用自动点击:

谷歌其实就是一些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

 

目录
相关文章
|
6月前
|
Web App开发 存储 JavaScript
走进Chrome拓展开发,定制自己的图床扩展
走进Chrome拓展开发,定制自己的图床扩展
|
Web App开发 开发者
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
433 0
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
|
Web App开发 开发者
Web开发者最想要的20款Chrome拓展
译文链接:http://www.oschina.net/news/16299/20-most-wanted-chrome-extensions
732 0
|
Web App开发 JavaScript 前端开发
|
2月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
443 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
11天前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
|
13天前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
|
19天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
129 9
|
1月前
|
Web App开发 开发者
|
1月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】