搞点好玩儿的，如何做一个你自己的ad-block插件
解释一下，是类似ad-block的插件，但是它的功能不是屏蔽广告，而是【屏蔽文章】【屏蔽作者】，在你不想看的文章或者帖子上面右键，你就能选择屏蔽作者还是屏蔽文章，下次就不会再看到他的文章了！是不是很好玩？一起来探索一下呀一、为什么要搞一个这个插件 前几天浏览到【掘金前站长 @阴阴】的一篇专栏 “老站长近期问题解答”，闲来无事浏览一下评论，发现好多掘友都有屏蔽文章或者作者的诉求，但是掘金目前并没有这个功能下面的截图来自老“站长近期问题解答”底部掘友的评论 我属于那种闲不住的，总喜欢找点事干陶冶一下情操。既然有那么多人希望有屏蔽功能，那我做一个肯定有人用吧？于是就搞了这个屏蔽插件插件能干什么 用过ad-block的都知道，它可以屏蔽浏览器中的广告，但是想屏蔽某些文章或作者，用它的话就不太灵通了。 所以我做的就是【屏蔽作者】+【屏蔽文章】的插件【content-block】，在你不想看的文章或者作者上面右键，就可以屏蔽掉对应的内容。不过它仅限于Chrome桌面浏览器二、content-block介绍安装 插件已经发布到chrome应用商店，点击这里即可安装。 如果安装不上的话，可以把源代码下载到本地，可以采取下面方式安装体验使用 （1）在首页列表页面，右键你不喜欢的文章，在右键菜单中选择【屏蔽作者】或着【屏蔽文章】即可 （2）在文章页面，任意地方右键，同样可以屏蔽这篇文章或者作者【查看我的屏蔽列表】 点击浏览器右上角，插件图标，可以查看你的屏蔽数据，你可以在这里把作者或者文章，从屏蔽列表中移除插件屏蔽范围目前仅支持首页专栏。沸点啥的不支持（以后会考虑）如何关闭插件如果你不想屏蔽或者暂时取消屏蔽，直接在这关闭 chrome://extensions/【注意】如果你选择删除插件，再次安装的时候，之前的屏蔽数据就没有了，操作须谨慎实现原理流程大概分3步1。右键选取不想看的文章，获取文章的信息，包括文章url，作者等2。添加文章信息到本地存储storage3。拦截请求，根据storage过滤数据返回，剔除被屏蔽的数据代码结构main.js负责过滤数据content.js负责消息通信，解析dombackground.js创建右键菜单bridge.js负责动态插入js（解决插件无法获取浏览器js变量）pop.js插件弹出窗口页面，屏蔽列表渲染核心点：如何拦截请求？拿掘金来说，页面的请求都是基于XML request发送，修改它，具体代码【main.js】不知道为啥，代码粘贴过来总是变成一行，只能截图了数据存储 【chrome.storage.sync】 它和普通的存储不一样的地方就是可以关联chrome账号，如果你换电脑，只要登陆账号，数据是同步的 如果你看代码的话会发现，插件还使用了localStorge，原因是chrome插件的安全策略限制，插件无法直接访问浏览器js变量，所以插件的数据要同步到页面localStorge中，在main.js中就可以直接获取屏蔽的数据
搞点好玩儿的，如何做一个你自己的ad-block插件相关推荐
- idea插件开发(01)---最简单的helloworld版,不需要知道原理,先跟我做一个最简单的弹框插件
前言 用了那么多idea插件,也想自己做一个插件,下面就是入门版本 你不需要先知道所有的概念,先跟着我的步骤做一个小;例子,后面再说原理 相关概念看后面一篇 本次以windos系统为例 开始 1.你得 ...
- atompython运行插件_做一个运行Python文件的Atom插件
最近在学习Python,自然也安装了Atom编辑器的一些Python插件.有一个插件名字叫做atom-python-run,作用很简单,就是按F5运行当前Python文件.不过这个插件有一个问题,就是 ...
- 搞个小项目吧，做一个ppt播放器
先来两个参考链接,接下来再进行实战 http://www.geek-workshop.com/forum.php?mod=viewthread&tid=1137 http://www.geek ...
- c语言做一个抽奖小程序,小程序插件使用- 抽奖助手
在使用抽奖助手插件前都得先去小程序开放平台添加插件到自己的小程序 设置 --- 第三方服务 --- 插件管理 ---添加插件 --- 抽奖助手 抽奖助手插件的AppID: wx01bb1ef166cd ...
- 不要做一个「永远没彻底搞懂」诸如递归等概念的程序员
Don't be the person who "never quite understood" something like recursion. https://teachyo ...
- 开关面板如何自己印字_如何自己动手做一个智能开关
现在的智能家居这么火,对于想自己动手的小伙伴们来说,都想自己去做一些家里使用 的智设备.现在的中国不缺卖唱卖惨的,缺的是能动手创造一些能实际使用的而不是哗众取宠的人,天天喊着要反击外国技术封锁.那么我 ...
- 张勇：做一个透明经济体的CEO
2007年的一天,马云和新进阿里巴巴的一批高管在西湖边的湖畔居喝茶,问大家为什么来阿里.时任淘宝CFO的张勇这样回答:"我已经干过一个30亿美金的CFO了,想干个300亿美金的." ...
- 用树莓派做一个alibaba-guest
听说你去过阿里巴巴,那你一定连过Alibaba-guest. 想不想把Alibaba-guest带回家?给家里来做客的客人也用一用,顺带炫一下技术实力?(zhuangbility) now,教你用树莓 ...
- 做一个项目，平时都用到哪些工具提高效率（上）
做一个项目,平时都用到哪些工具提高效率(上) 转载 做.NET 相关项目,Visual Studio 2008,SQL Server 2000/2005是标准的配置,但是,除此之外,还可以应用哪些工 ...
最新文章
- java怎么设有滚动的标签,html标签overflow属性和javascript实现div标签滚动
- asp 退出登录修改cookie能进入后台_深入浅出让你理解跨域与SSO单点登录原理与技术...
- 【渝粤题库】广东开放大学 形成性考核 - 副本 (17)
- [css] 如何让IE6支持min-width和max-width？
- ajax实现一个前台的进度条,前台ajax实现上传文件并且有进度条
- .NET简谈事务、分布式事务处理
- shell(希尔)排序
- MONGOOSE – 让NODE.JS高效操作MONGODB(转载)
- linux下关于密码复杂度设置
- Mean Shift算法（2）在OpenCV上的实现目标跟踪——直方图反向投影
- 服务容错保护断路器Hystrix之四：断路器监控(Hystrix Dashboard)-turbine集群监控
- Java开发笔记（一百二十八）Swing的图标
- 看完左耳朵耗子的116篇文章，我给自己定了个5年技术规划
- Vue验证座机号的同时验证手机号
- 开发一个APP要多少钱？
- 公司域名邮箱如何注册？163公司邮箱注册好用吗？
- ESP8266入门教程04：连接WIFI热点
- 几个不错的开源BPM系统
- php实现抠图,如何使用php代码实现印章的抠图（代码）
- RAM在单片机里究竟有什么用？