前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >谷歌浏览器扩展程序开发

谷歌浏览器扩展程序开发

作者头像
苦咖啡
发布2018-05-08 18:22:00
1K0
发布2018-05-08 18:22:00
举报
文章被收录于专栏:我的博客我的博客

先说为何要学这个,我们公司部署项目的时候有一个选择按钮,每次都得选中才能提交!于是就。。。

直接上代码! 配置文件:manifest.json

代码语言:javascript
复制
{  
    "name": "选中页面复选框",  
    "version": "1.0.0",  
    "manifest_version": 2,  
    "description": "选中页面当中的复选框", 
    "permissions" : ["tabs","http://*/"],
    "icons": {  
        "48": "icon.png"  
    }, 
    "content_scripts":[{
		"matches":["http://*/*"],
		"js":["jquery.min.js", "content_script.js"]
	}],
    "browser_action": {  
      "default_icon": "icon.png",  
      "default_popup": "popup.html"  
    }
}  

name就是程序名称 version是版本 manifest_version是2(如果是1会提示版本低) description是扩展描述 permissions是权限,后面是匹配的网址。 icons是图标 content_scripts是加载的js browser_action这是显示在浏览器插件栏的icon以及点击icon弹出的页面

content_script.js代码如下

代码语言:javascript
复制
$(":input[type='checkbox']").attr('checked', true);

额。。就这么简单! 引入的jquery就不说了~很喜欢jquery,因为它提倡写的少!做的多! 最后带上例子和说明文档! 备注:免费使用哦~另外,你会js的话,想怎么玩就怎么玩咯!!

example

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年11月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档