Smart Preview

Smart Preview 是一個(gè)強(qiáng)大的瀏覽器擴(kuò)展，旨在提升您的網(wǎng)頁(yè)瀏覽體驗(yàn)。它允許用戶快速預(yù)覽鏈接內(nèi)容，而無(wú)需打開(kāi)新的標(biāo)簽頁(yè)，同時(shí)提供智能的窗口管理和自定義設(shè)置選項(xiàng)。

主要特性

• 快速預(yù)覽：通過(guò)Shift+點(diǎn)擊鏈接，在彈出窗口中預(yù)覽內(nèi)容。
• 智能窗口管理：
  • 居中模式：將預(yù)覽窗口居中顯示。
  • 智能模式：記憶并恢復(fù)上次的窗口位置和大小。
• 自定義設(shè)置：
  • 調(diào)整預(yù)覽窗口的寬度和高度。
  • 支持多語(yǔ)言設(shè)置。
• 便捷操作：
  • 復(fù)制鏈接
  • 在新標(biāo)簽頁(yè)中打開(kāi)
  • 在當(dāng)前標(biāo)簽頁(yè)中打開(kāi)
  • 使用Esc鍵快速關(guān)閉預(yù)覽窗口
• 跨瀏覽器兼容：使用WXT框架開(kāi)發(fā)，支持多種主流瀏覽器。

安裝

1. 從發(fā)布頁(yè)面下載最新版本的擴(kuò)展文件（.zip）。
2. 解壓下載的文件。
3. 在瀏覽器中打開(kāi)擴(kuò)展管理頁(yè)面。
4. 啟用"開(kāi)發(fā)者模式"。
5. 點(diǎn)擊"加載已解壓的擴(kuò)展程序"，然后選擇解壓后的文件夾。

使用方法

1. 安裝擴(kuò)展后，在任何網(wǎng)頁(yè)上按住Shift鍵并點(diǎn)擊鏈接。
2. 預(yù)覽窗口將會(huì)打開(kāi)，顯示鏈接內(nèi)容。
3. 使用窗口頂部的按鈕進(jìn)行復(fù)制鏈接、新標(biāo)簽頁(yè)打開(kāi)等操作。
4. 按Esc鍵或點(diǎn)擊窗口外部區(qū)域關(guān)閉預(yù)覽。

?? Feature

• 始終小窗模式
  • 白名單中的網(wǎng)站，點(diǎn)擊鏈接都始終小窗打開(kāi)。
• 記憶小窗功能
  • 不僅僅記憶小窗的大小位置，還記憶打開(kāi)的次數(shù)，當(dāng)以小窗打開(kāi)的次數(shù)達(dá)到多少次的時(shí)候，就都用小窗打開(kāi)。

開(kāi)發(fā)

使用 Vue + wxt + daisyui

# 安裝依賴
pnpm i

# 啟動(dòng)項(xiàng)目
pnpm run dev

# 構(gòu)建項(xiàng)目
pnpm run build

# 打包擴(kuò)展
pnpm run zip

星標(biāo)