Popup Preview
MV3 · v1.0.0
連線 shell 的 Popup API，拉與 L1 相同的
preview/popup.js，注入目前分頁。
- Server：
http://pbm.n1k.tw/popup - L1 對應：Editor 預覽 ·
site-proxy - 來源：
packages/popup/chrome-extension/
L2 · 真實站複核
日常請先用 L1 後台模擬預覽 （Popup editor + site-proxy；Banner scan + proxy picker）。 Extension 是上線前在真實商家站 + 真實 Chrome 再看一次， 補同源 iframe／截圖與實站的落差——不是「後台沒有預覽」。
兩層怎麼分
| 層 | 用途 | 入口 |
|---|---|---|
| L1 後台模擬 | 編輯主路徑：調設定、選 slot、快速迭代 | /popup/ · /banner/ |
| Extension | 真實分頁注入；SPA / CSS / CLS 複核 | 本頁下載 ZIP |
Banner Preview
MV3 · v1.3.1
匯入後台匯出的 preview-config.json
（或手動貼 config），在真實站注入 banner。
- L1 對應：scan picker ·
preview-config.jsonAPI - SPA observer、selector 狀態回報
- 來源：
packages/banner/extension/
安裝步驟（Chrome）
- 下載上方 ZIP 並解壓。
chrome://extensions→ 開發人員模式 → 載入未封裝項目。- 建議先在 Popup / Banner 後台用 L1 調好設定。
- 開目標商家站 → Extension 做 L2 複核。
- Popup Server URL：
http://pbm.n1k.tw/popup
L1 / L2 都是預覽：不改客戶 GTM、不等於正式上架。 正式投放仍走 publish / auto-loader + 客戶 publish。