SHOPLINE 除錯流程,
一個面板就走完

從站點偵測、主題預覽、腳本隔離、CSS 快修,到 Security Tab 安全掃描、LeakCheck 自檢、庫存預警與 CSV 匯出,所有排障步驟都收在同一支擴充功能。

Shopline Helper Chrome 商店使用者頭像 1Shopline Helper Chrome 商店使用者頭像 2Shopline Helper Chrome 商店使用者頭像 3Shopline Helper Chrome 商店使用者頭像 4
使用

來自開發、實施與營運團隊的日常排障回饋

Shopline Helper
🛍️
目前店家
MyAwesomeStore
佈景:Ultra
商店 ID:#83921
visibility預覽
css快修
qr_code復測
warning
偵測到可能有第三方腳本干擾,建議先開啟隔離模式再排查。
check_circle
復測節奏
更穩定

Shopline Helper 能幫你什麼?

把最常做的排障三步驟,直接收進同一個工作台。

view_quilt

站點偵測 + 商店快照

一開頁就先判斷是不是 SHOPLINE,並整理商店代號(handle)、主題與資源資訊,方便你先看全貌再下手。

shield

主題預覽、腳本隔離、CSS 快修

直接切換 theme_preview、屏蔽 GTM/Hotjar 等外部干擾,再即時套用 CSS 臨時修正,定位與驗證可以一口氣完成。

security

Security Tab 前端安全掃描

切換到 Security Tab 自動掃描 28 項前端安全問題:mainConfig 敏感欄位、Token 外洩、安全標頭缺失等,分級呈現證據與修復建議。

code

LeakCheck 前端資料外露自檢

在 Helper 分頁一鍵執行 LeakCheck,掃描前端可見資料並開啟完整報告,快速釐清是否有外露風險。

行動端復測

修完畫面後,還在電腦跟手機
之間來回切?

Shopline Helper 會幫你產生目前頁面的 QR Code,拿手機一掃就能立即復測。改完樣式後當下驗證結果,少掉很多來回確認的時間。

  • check_circle一鍵產生目前頁面的 QR Code
  • check_circle手機直接開同頁做復測
  • check_circle修復後可快速比對前後差異
查看常見問題arrow_forward
9:41

更多實戰工具

針對 SHOPLINE 後台排障與日常維運設計

travel_explore

智能庫存預警與補貨建議

在商品管理頁每 60 秒自動重算,先標出緊急/警告項目,再給建議補貨量。

block

Shopify 標準 CSV 匯出

在 Shopline 商品管理頁一鍵匯出標準 CSV,讓資料搬移流程更順手。

analytics

資源載入統計

用 webRequest 統計 JS、圖片、CSS、字型載入量,找出拖慢頁面的關鍵資源。

update

擴充功能自動更新提示

商店有新版本時自動偵測,工具列圖示顯示 NEW 徽章,popup 內可一鍵更新。

file_download

常用工具 Links 入口

Popup 內建 Links 分頁,常用工具與資源連結集中在同一處,查資料更快。

聽聽第一線團隊怎麼用

這些是開發、實施與營運角色在日常排障時最常提到的使用情境。

starstarstarstarstar

"以前手機復測最花時間,現在直接掃碼看結果,回歸測試快很多。"

柏
柏翰
前端工程師
starstarstarstarstar

"先把第三方腳本干擾關掉,再用 CSS 快修驗證,定位問題真的快不少。"

宥
宥廷
實施顧問
starstarstarstarstar

"商品頁匯出 Shopify CSV 加上庫存預警,資料整理跟補貨判斷都順很多。"

怡
怡蓁
營運分析

常見問題

關於 Shopline Helper 的常見疑問與解答

Shopline Helper 支援哪些瀏覽器?expand_more

目前支援 Chrome 與 Firefox。Chrome 版本可從 Chrome 線上應用程式商店安裝,Firefox 版本可從 Firefox Add-ons 商店取得。兩個版本功能一致,皆免費使用。

Shopline Helper 可以幫我排查哪些 SHOPLINE 問題?expand_more

可快速偵測是否為 SHOPLINE 站點、切換主題預覽模式、屏蔽 GTM/Hotjar 等第三方腳本干擾、即時注入 CSS 進行樣式修復驗證、掃描 28 項前端安全問題(Security Tab)、檢查資料外露風險(LeakCheck)、匯出 Shopify 標準 CSV,以及產生 QR Code 在手機上復測結果。

Shopline Helper 是否免費?expand_more

是的,Shopline Helper 完全免費,無需付費即可使用所有功能。沒有隱藏收費、訂閱方案或功能限制。

安裝後如何開始使用 Shopline Helper?expand_more

從 Chrome 商店安裝後,前往任一 SHOPLINE 商店頁面,點擊瀏覽器工具列的 Shopline Helper 圖示即可開啟功能面板。面板會自動偵測目前頁面是否為 SHOPLINE 站點,並顯示商店資訊與可用工具。