/google-extension-dev

谷歌插件结合vue开发

Primary LanguageJavaScript

图片采集功能

相关阶段

stage1 初始化

  1. 基础配置、项目结构
  2. LOGO、popup page、backgound page、option page

stage2 引入模块,技术选型

  1. JavaScript ES6
  2. Sass 预编译
  3. yarn 依赖管理
  4. Webpack 压缩打包
  5. babel 转换编译
  6. Jest 单元测试

stage3 常用实现

  1. 跨域请求
  2. background.js、popup.js、content-script.js 三者间的通信
  3. 页面注入代码、修改页面
  4. 运用stroge 存取数据

stage4 功能相关

  1. 登陆、注册功能
  2. 开启插件后,当前页面图片出现一个采集按钮
  3. 点击按钮后,图片保存至服务器、并且在popup中显示项目列表

联系信息