一个单纯客观的稀土掘金浏览器插件测评 (上)

简介: 其实我最早接触掘金社区,就是先从浏览器插件开始的。没记错的话,是大圣老师给我安利的浏览器插件,当时已经决定了成为一名技术内容的创作者,而掘金浏览器插件,在我每次打算在网上冲浪的时候,都可以让我先看看技术社群最新的文章,最新的开源项目...非常方便技术内容创作者获取一手技术资讯。

安装和深挖


安装


点击下载 离线安装包,然后打开Chrome浏览器


image.png


进入扩展程序管理面板,在右上角打开开发者模式


image.png


接着把下载好的.crx文件拖到扩展程序管理面板中,安装就完成了。


image.png


深挖


由于大帅之前也捣鼓过浏览器插件,所以再教大家一个妙招,可以将插件包解压缩出“源代码”和静态资源


  • 第一步:重命名为RAR


image.png


  • 第二步:解压缩这个RAR压缩包


image.png


恭喜你已经获得了掘金浏览器插件的全部本地资源,从manifest文件也能看出来,这个插件做了什么。


  1. 标签页


"chrome_url_overrides": {
  "newtab": "main.html"
},


  1. 向所有网页注入功能


"content_scripts": [
    {
        "matches": ["<all_urls>"],
        "js": ["static/content-script.js"]
    }
]


  1. 常驻后台的模块


"background": {
    "persistent": true,
    "scripts": ["static/background.js"]
}


由于chrome浏览器插件的UI层的生命周期依赖页面,所以background.js大概率主要用于配合1、2两点做一些数据存储。所有的代码都被压缩混淆了,所以前面我说解压缩出“源代码”其实是打了引号。继续深挖就比较难了,留给各位小伙伴们自己去研究,本文还是着重在使用者角度的测评上。


它提供什么功能


通过上文所述,我们知道了掘金浏览器插件主服务就两大块


  1. 以浏览器的默认标签页作为主要入口,是用户开启网络冲浪的第一眼。


  1. 向所访问的网页注入功能,例如超级搜索笔记




相关文章
|
7月前
|
开发者
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
561 1
|
7月前
|
文字识别 安全 JavaScript
6款超实用的Edge浏览器插件,让你的浏览器瞬间开挂!
Microsoft Edge是由微软开发的一款网页浏览器,致力于提供一个现代化、高效率、安全可靠的网络浏览器,以满足用户对于网络浏览的各种需求。
341 1
|
7月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
188 0
|
3月前
|
数据可视化 Java Windows
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
本文介绍了如何在Windows环境下安装Elasticsearch(ES)、Elasticsearch Head可视化插件和Kibana,以及如何配置ES的跨域问题,确保Kibana能够连接到ES集群,并提供了安装过程中可能遇到的问题及其解决方案。
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
|
3月前
|
安全 Oracle Java
edge浏览器加载java插件
edge浏览器加载java插件
235 1
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
137 1
|
4月前
|
Web App开发 JavaScript 前端开发
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
这篇文章介绍了如何在浏览器中安装和使用Vue开发者工具,提供了两种下载方式,包括直接下载编译好的插件和从GitHub上下载源代码后进行打包。文章还详细说明了在Chrome浏览器中加载插件的步骤,以及插件在Vue项目和非Vue项目中的不同表现。
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
|
4月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
361 8
|
4月前
|
数据采集 JSON JavaScript
|
5月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗
Chrome插件实现问题之最新的 Chrome 浏览器架构有什么新的改变吗