chrome小插件魔改知乎网页-摸鱼小试验

1,855 阅读2分钟

广告词:
你是否还在为假期将至手上无活,却又无处摸鱼而苦恼?
你是否早早完成需求却又无心提前开发新需求而痛苦?
你是否想要苦码代码之余一览某乎却怕领导闪现身后而忧愁?

勿需担心。

自写一个小插件轻松帮你伪装网页成编辑器风格,领导站在你身后也有充足时间切走。(滑稽

其实是之前看到一个博主@Mondo 写的帖子《我是如何开发第一个 chrome 插件的》,发现做一个插件确实很容易。于是打算拿常逛的知乎来开刀练练手。

先看效果

如何实现

根据上方大神的教程,首先到谷歌网站下载一个demo。目录结构如下(要是你下载的没这么多东西也没事,新建文件就行):

具体的配置只需要看./manifest.json即可,需要我们修改的只有下方这一项:

分别指代正则匹配的网址、生效的css及js文件。

在css/mystyles.css中敲入会影响页面显示的代码来测试一下:

然后,打开谷歌浏览器的设置-扩展程序,选择“加载已解压的扩展程序”,选择刚下载的代码根目录即可。

在插件栏中就会出现你新增的小图标

然后打开某乎,小图标变成彩色。

成功!(不成功你找我。

测试代码

根据这个方法,可将看不顺眼的广告、图片等统统隐藏掉。以及实现一些js的功能。附上我用来测试的项目,如果有好的魔改建议,可以评论留言~ 

👉小插件

最后祝大家新年大牛吧。(放假咯