/HighlightShare

一个简单优雅的 Chrome 扩展,用于将网页中选中的文字和图片生成精美的分享卡片。

Primary LanguageJavaScript

HighlightShare Chrome Extension

一个简单优雅的 Chrome 扩展,用于将网页中选中的文字和图片生成精美的分享卡片。 Demo

功能特点

  • 🎯 一键选择:支持选中网页中的文字和图片
  • 🎨 主题切换:提供明暗两种主题风格
  • 📱 二维码分享:自动生成当前页面二维码
  • 💾 便捷保存:支持复制到剪贴板或下载为图片
  • 🎭 优雅界面:简洁美观的卡片设计

使用方法

  1. 选择内容

    • 选中网页中的文字
    • 右键点击网页中的图片
  2. 生成卡片

    • 点击右键菜单中的"生成分享卡片"
  3. 自定义卡片

    • 点击"切换"按钮更换主题风格
    • 点击"二维码"按钮显示/隐藏页面二维码
  4. 分享卡片

    • 点击"复制"按钮复制到剪贴板
    • 点击"下载"按钮保存为图片

安装方法

  1. 下载扩展

    • 克隆或下载本仓库到本地
  2. 安装扩展

    • 打开 Chrome 浏览器
    • 访问 chrome://extensions/
    • 开启"开发者模式"
    • 点击"加载已解压的扩展程序"
    • 选择项目目录

技术实现

  • 使用原生 JavaScript 开发,无需额外框架
  • 基于 Chrome Extension Manifest V3
  • 使用 html2canvas 实现卡片导出
  • 使用 QRCode.js 生成二维码

更新记录

  • V0.2 增加二维码显示控制

    • 新增二维码生成功能
    • 支持二维码显示/隐藏
  • V0.1 预览版

    • 基础卡片生成功能
    • 支持文字和图片选择
    • 明暗两种主题切换
    • 复制和下载功能

贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进这个项目!

注意事项

  • 确保允许扩展程序访问网页内容
  • 下载功能需要允许浏览器下载权限
  • 部分网站可能会限制内容选择或图片下载