概述
Link Peeker 是一款強大的 Chromium 擴充套件,旨在提升您的瀏覽效率。它允許您在不離開當前頁面的情況下,以優雅、居中的非侵入式彈出視窗預覽任何超連結的完整互動內容。
功能
- 完整網頁預覽:Link Peeker 不僅載入元資料,還會在一個沙箱的 <iframe> 內載入完整、互動的網頁。
- 沉浸式使用者介面: 預覽視窗會居中顯示在螢幕上,並覆蓋半透明的霧面玻璃效果。
- 進階主題系統:
- 內建主題: 附帶經過打磨的硬編碼亮色與暗色主題。
- 視覺主題編輯器: 設定頁面中的強大編輯器,讓你可以建立、編輯及刪除自訂主題。
- 詳細自訂: 調整從背景/按鈕顏色到主要/次要文字顏色、錯誤訊息顏色,甚至啟用/停用高斯模糊效果並控制其強度的所有設定。
- 匯入與匯出: 輕鬆透過將主題匯出為 JSON 檔案來分享您的創作,或匯入他人創建的主題。
- 智能 YouTube 處理:
- 在 YouTube 內導航時,預覽完整的互動式 YouTube 頁面(包括留言)。
- 當從其他網站預覽 YouTube 連結時,會自動切換到可嵌入的播放器,以確保最大兼容性。
- 流暢動畫: 由 GSAP 提供動力,實現平滑且高效能的動畫效果,用於視窗、覆蓋層和載入指示器。
- 全面的安全設定: 專用的選項頁面,讓你可以配置:
- 觸發鍵:Alt、Ctrl 或 Shift。
- 沙盒權限: 使用超過 10 個標準旗標來微調 <iframe> 的核心安全限制。
- 功能政策(允許清單): 授予特定的高階 API 存取權(如 fullscreen 或 payment)給預覽的頁面。
- Referrer 政策: 從 8 種不同的政策中選擇,以控制傳送的 referrer 資訊量。
- 現代且安全: 採用 Manifest V3 建構,並使用 declarativeNetRequest 在特定且必要的域名(如 YouTube)上進行精確繞過 X-Frame-Options,不影響整體安全性。
安裝指南
此專案不需要任何建置步驟或依賴項。您可以直接在瀏覽器中載入它。
步驟:
- 克隆或下載: 取得此專案資料夾的本地副本。
- 在您的瀏覽器中載入擴充功能:
- 打開您的 Chromium 基礎瀏覽器(例如 Google Chrome、Microsoft Edge、Brave)。
- 前往擴充功能管理頁面(通常是 chrome://extensions)。
- 啟用 "開發者模式"。
- 點擊 "Load unpacked" 按鈕。
- 選擇整個專案資料夾(包含 manifest.json 的資料夾)。
- 完成! Link Peeker 擴充功能現在應該已安裝並啟用。
使用說明
- 觸發預覽: 按住您選擇的觸發鍵(預設為 Alt),然後左鍵點擊網頁上的任何超連結(<a> 標籤)。
- 與預覽互動: 您可以在預覽視窗內滾動並與網頁內容互動。
- 使用控制: 點擊左側的浮動按鈕,在新標籤中打開連結或關閉預覽。
- 關閉預覽: 您也可以點擊深色遮罩來關閉預覽。
- 存取設定: 右鍵點擊擴充功能圖示,選擇「選項」,或透過瀏覽器的擴充功能頁面管理擴充功能以存取設定。
主題自訂
Link Peeker 擁有強大的主題系統。
- 選擇主題: 可從內建主題或在設定中的「主題」下拉選單中選擇您的自訂主題。
- 建立新主題:
i. 點擊「新增主題」按鈕。
ii. 一個視覺編輯器將會出現,讓你可以配置主題的所有方面。
iii. 為你的主題命名,然後點擊「儲存主題」。它現在將會在下拉選單中可用。
- 匯入/匯出:
- 匯入: 點擊「從 JSON 匯入」以從您的電腦載入主題檔案。
- 匯出: 從下拉選單中選擇您的自訂主題,然後點擊「匯出為 JSON」以將其儲存為檔案。
- themes.json 檔案: 此檔案位於專案根目錄,可用來打包額外的、可分享的主題與擴充功能一同使用。