Shopline Helper

SHOPLINE 開發與支援團隊的排障側邊欄：店舖偵測、主題預覽、腳本封鎖、CSS 快修、資源統計、28 項安全掃描與 Shopify CSV 匯出。

Shopline Helper 是給 SHOPLINE 佈景開發者、技術支援與代營運團隊的排障側邊欄。把 DevTools、佈景設定、樣式檔與手機之間的來回切換，收在同一個面板；工具列一點即開，切換分頁自動更新。 可以做什麼 • 自動判斷是否為 SHOPLINE 店舖，顯示 handle、佈景與版本、資源載入量（JS／CSS／圖片／字型）。 • 一鍵切換佈景主題預覽（V1/V2），測試完可清除 theme_preview 參數。 • 個別封鎖第三方干擾腳本：GTM、Hotjar、Zotabox、Awoo。 • 注入臨時 CSS 驗證版型；儲存後立即套用，並可設定重新載入後自動注入。 • 產生 QR Code，手機掃碼就能復測。 最新亮點 • Security：切到頁籤即自動執行 28 項前端安全檢查，涵蓋 mainConfig 敏感欄位、訂單／購物車／結帳資料、URL Token 與 CSRF、追蹤像素 PII、安全標頭、Storage 與框架注入面；依嚴重度分級，附證據與修復建議，掃描只在本機。 • Export：SHOPLINE 1.0 港台店舖前台可匯出 57 欄 Shopify 相容 CSV：目前商品、全部商品、依分類 ZIP；變體商品每個變體一列（Option1~3、價格、庫存、SKU、條碼、圖片）。後台商品頁也有一鍵匯出。 • LeakCheck：在 Helper 頁籤手動執行前端資料外露自檢，完成後開啟 HTML 報告。 • 庫存預警：後台商品頁每 60 秒分析庫存與訂單，依可售天數標出緊急（≤3.5 天）／警告（≤7 天）並給建議補貨量。 為什麼你會喜歡 • 少切工具：偵測、定位、修復、復測都在同一個側邊欄。 • 好重現：快速比較主題、腳本與資源載入，溝通更有效率。 • 快驗證：CSS 改完立刻看結果，降低來回修正成本。 Shopline Helper 為獨立第三方工具，與 SHOPLINE 無隸屬關係。 --- Shopline Helper is a Chrome extension that puts the everyday SHOPLINE debugging workflow in a side panel for theme developers, support engineers, and e-commerce operations teams. It keeps the workflow — spot the issue, isolate the cause, verify the fix — in one place instead of bouncing between DevTools, theme settings, stylesheets, and your phone. Open it from the toolbar; the panel stays with you and refreshes as you switch tabs. WHAT IT DOES • Detects SHOPLINE stores automatically and shows the shop handle, current theme and version, plus JS/CSS/image/font resource counts so heavy pages are easy to spot. • Previews V1/V2 themes with one click and clears the theme_preview parameter when you're done. • Blocks common third-party scripts individually: GTM, Hotjar, Zotabox, and Awoo. • Injects temporary CSS for fast layout checks; saving applies it immediately, and auto-injection after reloads is configurable. • Generates a QR code for the current page for quick mobile retests. LATEST HIGHLIGHTS • Security: opening the Security tab runs 28 client-side checks covering sensitive mainConfig fields, order/cart/checkout data, URL tokens and CSRF, tracking-pixel PII, security headers (CSP, X-Frame-Options, HSTS), storage keywords, and framework injection surfaces. Findings are grouped by severity with evidence and remediation guidance. The scan runs in your browser and is not uploaded. • Export: for SHOPLINE 1.0 storefronts in Taiwan and Hong Kong, export a 57-column Shopify-compatible CSV. Download the current product, all products, or a per-category ZIP. Products with variants expand to one row per variant, with Option1–3, variant price, inventory, SKU, barcode, and image. The admin product page also has a one-click export. • LeakCheck: run a front-end data exposure self-check from the Helper tab and open an HTML report. • Inventory alerts: on the admin product page, stock and orders are analyzed every 60 seconds, flagging critical (≤3.5 days) and warning (≤7 days) items with suggested replenishment quantities. WHY YOU'LL LIKE IT • Fewer context switches: detect, isolate, fix, and retest in one side panel. • Easier to reproduce: compare themes, scripts, and resource loads, then share findings clearly. • Faster verification: see the result of a CSS change immediately. Shopline Helper is an independent third-party tool. It is not affiliated with SHOPLINE.