开发一款chrome插件

参考:https://cloud.tencent.com/developer/article/2025446(启蒙)
https://blog.csdn.net/weixin_43898997/article/details/133021462

@

需求

之前一直想要找到一款可以直接框选关键字然后就出来这个关键字电影的豆瓣评分,省得我一个个复制去豆瓣找了。

行动

这两天有时间研究了下如何开发一款chrome插件,看了别人的笔记和官方文档自己渐渐摸索到了个大概,简单记录一下。

理解

关于chrome插件之前我的理解就是一个能修改页面js和html相关元素的插件,但是怎么搞定却不了解,现在回忆一下其实就是,google官方给你一个框架,里面有各种条条框框,在这些限制里面对你想要操作的页面写js去控制页面显示。

开发流程

入门

第一步很简单,照着官网走一通,能实现了基本就代表你的框架成功了

核心

接下来就是你要花时间研读一下manifest.json,这个是主要配置文件,其他文件都是以这个文件展开工作的。
各个文件解释如下图:

然后当你简单的demo写好后去“扩展程序”那加载下你的文件夹

接下来你写好的demo就可以测试了。

小结

接触新的东西觉得最好还是按照官网最简单的来一通,然后看看别人的经验感想,就比如人家说的manifest.json是重中之重,然后我就细细的一点一点看。

posted @ 2025-08-20 13:34  蜗牛使劲冲  阅读(6)  评论(0)    收藏  举报