Borderless Window / 無邊框視窗

A lightweight Chrome extension (Manifest V3) that opens the current tab as a clean, borderless popup window — no toolbar, no address bar, no clutter.

一款輕量的 Chrome 擴充功能（Manifest V3），可將目前分頁以乾淨的無邊框視窗開啟 —— 沒有工具列、沒有網址列、沒有干擾。

🛒 Install from the Chrome Web Store / 從 Chrome 線上應用程式商店安裝

---

✨ Features / 功能

• Borderless popup — open any page in a chromeless window. 以無邊框視窗開啟任意網頁。
• Four open modes / 四種開啟模式
  • Clone tab 複製分頁 — keep the original, open a copy.
  • Move tab 搬移分頁 — move the current tab into the popup.
  • Reopen (no history) 另開（不帶歷史）— open a fresh window without tab history.
  • Picture-in-Picture (Beta) 子母畫面（Beta）— floating always-on-top view, with graceful fallback to a borderless window when unsupported.
• Element-level Picture-in-Picture / 指定元素子母畫面 — pick a video, article, panel, or other page element and pop out only that element. 選取影片、文章、面板或其他網頁元素，只將指定內容浮出。
• Picture-in-Picture toolbar / 子母畫面工具列 — hover the top grabber to open the current page in a new tab, switch to a borderless window, dim content, or toggle the backdrop. 將滑鼠移至頂端握把，可另開分頁、轉成無邊框視窗、調整內容透明度或切換背景色。
• Boss key / 老闆鍵 — press Alt+Q to cover the active Picture-in-Picture with a fake code editor, spreadsheet, inbox, or custom image; optionally mute media while covered. 按下 Alt+Q，立即以程式碼、試算表、收件匣或自訂圖片遮住目前的子母畫面，並可在遮罩時自動靜音。
• Open in incognito / 無痕視窗開啟 — send a page or link straight to an incognito window.
• Move back to main window / 搬回原視窗 — pull a popup tab back into a normal browser window in one click.
• Right-click anywhere / 右鍵隨處可用 — works from the toolbar button, the page context menu, and link context menus.
• Customizable / 可自訂 — default window size, window state (normal / maximized), default open mode, boss key behavior, and shortcut.
• Bilingual UI / 中英雙語介面 — zh_TW and en; the options page can follow Chrome automatically or switch languages manually. 設定頁可自動跟隨 Chrome 語言，或手動切換繁體中文與英文。

Supported protocols: http / https / file. 支援的協定：http / https / file。

---

🚀 Installation / 安裝

From the Chrome Web Store (recommended) / 從線上應用程式商店安裝（推薦）

Install in one click — no developer mode required. 一鍵安裝，免開啟開發者模式。

👉 https://chromewebstore.google.com/detail/oldkbmmdbndonbiogadbbbmgdkdpjoae

From source (developer mode) / 從原始碼載入（開發者模式）

1. Download or clone this repository. 下載或 clone 本儲存庫。
2. Open chrome://extensions in Chrome. 在 Chrome 開啟 chrome://extensions。
3. Enable Developer mode (top-right). 開啟右上角的開發者模式。
4. Click Load unpacked and select this project folder. 點擊載入未封裝項目，選擇本專案資料夾。

---

🖱️ Usage / 使用方式

• Toolbar button / 工具列按鈕：click the icon to open the current tab using your default mode. 點擊圖示，以預設模式開啟目前分頁。
• Right-click menu / 右鍵選單：choose a mode directly, open in incognito, or move a popup back to the main window. 直接選擇模式、開啟指定元素子母畫面、以無痕開啟，或把無邊框視窗搬回一般視窗。
• Pick an element for Picture-in-Picture / 指定元素子母畫面：right-click the page and choose Picture-in-Picture (pick element). Hover to highlight, use ↑ / ↓ to adjust the selection range, click to pop out, or press Esc to cancel. 在頁面按右鍵並選擇子母畫面（指定元素）；移動滑鼠高亮元素、用 ↑ / ↓ 調整框選範圍、點擊浮出，或按 Esc 取消。
• Picture-in-Picture toolbar / 子母畫面工具列：hover the grabber at the top of the PiP window to reveal its controls. 將滑鼠移至 PiP 視窗頂端握把，即可展開控制項。
• Boss key / 老闆鍵：while a Chrome window is focused, press Alt+Q to toggle the cover. Change the shortcut at chrome://extensions/shortcuts. Chrome 視窗有焦點時，按 Alt+Q 切換遮罩；可至 chrome://extensions/shortcuts 自訂快捷鍵。
• Options page / 設定頁：adjust language, window size, state, default open mode, and boss key settings. 調整語言、視窗大小、狀態、預設開啟模式與老闆鍵設定。

Picture-in-Picture note / 子母畫面注意事項：Document Picture-in-Picture is still marked Beta. The extension avoids a known SPA crash and falls back to a borderless window when PiP is unavailable, but complex SPA/CSP-protected pages may still render incompletely.

Document Picture-in-Picture 仍標示為 Beta。擴充功能已避開已知 SPA 崩潰問題，且在無法使用 PiP 時會改用無邊框視窗；但複雜 SPA 或受 CSP 保護的頁面仍可能顯示不完整。

---

🔐 Permissions / 權限說明

Permission	Why it's needed / 用途
activeTab	Read the current tab's URL to reopen it. 讀取目前分頁網址以重新開啟。
storage	Save your options. 儲存你的設定。
contextMenus	Provide right-click actions. 提供右鍵選單功能。
notifications	Show fallback / error notices. 顯示備援或錯誤提示。
scripting	Inject the Picture-in-Picture helper. 注入子母畫面所需的腳本。

This extension does not collect, transmit, or store any browsing data externally. 本擴充功能不會蒐集、傳送或對外儲存任何瀏覽資料。

---

📦 Tech / 技術

• Manifest V3, vanilla JavaScript (no build step, no dependencies).
• Manifest V3、純 JavaScript（無打包流程、無相依套件）。
• Pushing a *.*.* tag that matches manifest.json automatically creates a GitHub Release with a packaged extension zip.
• 推送與 manifest.json 版本一致的 *.*.* tag，會自動建立 GitHub Release 並附上擴充功能 zip。

---

📄 License / 授權

MIT © Yikai