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

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

安装和深挖


安装


点击下载 离线安装包,然后打开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. 向所访问的网页注入功能,例如超级搜索笔记




相关文章
|
开发者
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
2078 1
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
608 0
|
数据可视化 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
|
机器学习/深度学习 人工智能 文字识别
浏览器AI模型插件下载,支持chatgpt、claude、grok、gemini、DeepSeek等顶尖AI模型!
极客侧边栏是一款浏览器插件,集成ChatGPT、Claude、Grok、Gemini等全球顶尖AI模型,支持网页提问、文档分析、图片生成、智能截图、内容总结等功能。无需切换页面,办公写作效率倍增。内置书签云同步与智能整理功能,管理更高效。跨平台使用,安全便捷,是AI时代必备工具!
916 8
|
Web App开发 人工智能 JavaScript
一键三连不求人!用 CodeBuddy 写个浏览器插件自动点赞、评论、收藏
本文介绍了一款通过 CodeBuddy AI 工具开发的浏览器插件,可自动完成“点赞、评论、收藏”三连操作。作者从需求出发,分四步实现:搭建基础框架、指定目标网页、解析内容并模拟点击事件,最后加载验证插件。借助 CodeBuddy 自动生成代码,整个过程高效便捷,大幅提升用户体验。此工具不仅节省手动操作时间,还为自动化任务提供了新思路,适合热爱技术与效率提升的网页冲浪者尝试。
|
人工智能 程序员 测试技术
AI编程:Coze + Cursor实现一个思维导图的浏览器插件
本文是小卷关于AI编程工具学习的第3篇文章,通过开发一个思维导图生成工具,详细介绍了AI编程的完整流程。从需求分析、插件选择(如Coze的TreeMind),到创建测试工作流、发布API,再到整合API和开发浏览器插件,最终实现了用户选中文字后生成思维导图的功能。文章展示了如何利用现有工具高效开发,并总结了AI编程的优势与未来趋势。
1723 14
|
Web App开发 搜索推荐 开发者
浏览器插件上架指南:如何把你的产品搬上浏览器插件市场
在实践了 Chrone、Firefox、Edge、Opera 等 几个主要的插件平台的上架发布工作后,我觉得很有必要把这个过程和思考记录下来,分享给大家,希望能提供一些参考和避坑的经验。我想通过这篇文章,和大家聊聊「为什么我要做这件事」,以及「这个系列文章会包含哪些内容」。我想用一个系列的文章,记录我是如何把 EmojiClick 搬到浏览器插件市场的,也给大家提供一些借鉴经验。
575 19
|
安全 Oracle Java
edge浏览器加载java插件
edge浏览器加载java插件
1653 1
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
1637 8
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
1212 1