[项目] 试水开发了一个简单的 Chrome 拓展

Open Collected Site

项目地址: Github

概述

这是一个 Chrome拓展程序 项目. 这个拓展类似于一个收藏夹, 可以使你很方便地收藏以及打开网址.

特性

  1. 主要功能
  2. 设置
    [项目] 试水开发了一个简单的 Chrome 拓展_第1张图片

相关技术

本项目使用到的相关技术:

  • HTML
  • CSS
  • JavaScript
  • Chrome extension

开发前置需求

  • 环境:

    • 安装内核为 Chromium 的浏览器, 如 Chrome, Microsoft Edge 等.
    • 安装代码编辑器, 如 Visual Studio Code 等.
  • 知识:

    • 基础 HTML, CSSJavaScript 知识.
    • 基础 Chrome extension api 知识.

尝试

  1. 克隆本项目

    git clone https://github.com/sherlinz0/open-collected-site

  2. 安装内核为 Chromium 的浏览器, 如 Chrome, Microsoft Edge 等.
  3. 安装本拓展.

    1. 打开拓展管理页面.
    2. 开启 开发者模式.
    3. 点击 加载已解压的拓展程序
    4. 选择本项目的 src 文件夹.

后续计划

接下来的开发方向:

  • 搜索
  • 拖拽排序
  • 分类
  • 升级 UI 界面, 如支持 更换主题, 自定义背景
  • 丰富设置选项
  • ......

许可证

该项目获得GPL-3.0的许可. 有关更多详细信息, 请查看 LICENSE 文件.

你可能感兴趣的:(前端chrome)