Skip to content

Smart Preview 是一个强大的浏览器扩展,旨在提升您的网页浏览体验。它允许用户快速预览链接内容,而无需打开新的标签页,同时提供智能的窗口管理和自定义设置选项。

License

Notifications You must be signed in to change notification settings

drizzl4/SmartPreview

 
 

Repository files navigation

Smart Preview

Smart Preview 是一个强大的浏览器扩展,旨在提升您的网页浏览体验。它允许用户快速预览链接内容,而无需打开新的标签页,同时提供智能的窗口管理和自定义设置选项。

image

主要特性

  • 快速预览:通过Shift+点击链接,在弹出窗口中预览内容。
  • 智能窗口管理
    • 居中模式:将预览窗口居中显示。
    • 智能模式:记忆并恢复上次的窗口位置和大小。
  • 自定义设置
    • 调整预览窗口的宽度和高度。
    • 支持多语言设置。
  • 便捷操作
    • 复制链接
    • 在新标签页中打开
    • 在当前标签页中打开
    • 使用Esc键快速关闭预览窗口
  • 跨浏览器兼容:使用WXT框架开发,支持多种主流浏览器。

安装

  1. 发布页面下载最新版本的扩展文件(.zip)。
  2. 解压下载的文件。
  3. 在浏览器中打开扩展管理页面。
  4. 启用"开发者模式"。
  5. 点击"加载已解压的扩展程序",然后选择解压后的文件夹。

使用方法

  1. 安装扩展后,在任何网页上按住Shift键并点击链接。
  2. 预览窗口将会打开,显示链接内容。
  3. 使用窗口顶部的按钮进行复制链接、新标签页打开等操作。
  4. 按Esc键或点击窗口外部区域关闭预览。

开发

本项目使用Vue 3和TypeScript开发,并使用WXT作为构建工具。

# 安装依赖
pnpm i

# 开发模式
pnpm run dev

# 构建项目
pnpm run build

# 打包扩展
pnpm run zip

星标

Star History Chart

About

Smart Preview 是一个强大的浏览器扩展,旨在提升您的网页浏览体验。它允许用户快速预览链接内容,而无需打开新的标签页,同时提供智能的窗口管理和自定义设置选项。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 48.8%
  • Vue 47.8%
  • HTML 1.8%
  • CSS 1.2%
  • JavaScript 0.4%