最近有必要做一个小工具作为浏览器插件给老婆仔使用,所以先调研一下浏览器插件的快速上手步骤。

需求如下:

  • 可以抓取当前网页的内容,用户只需要浏览,然后触发一下抓取数据
  • 支持导出到文件,比如抓去一些图片然后要保存
  • 支持服务端api请求,可能会有一些内容需要跟服务器交互

搜到到一些有用到资料:

【干货】Chrome插件(扩展)开发全攻略 使用React快速开发Chrome扩展程序

使用react应该是很有必要的,但是UI框架这个还不确定,因为框架往往可能会对当前网页有不同程度的样式污染,所以小心检查样式冲突的原因。