網頁端客服視窗不顯示,通常由代碼未生效、資源被攔截或樣式衝突導致。按下面的順序檢查,絕大多數情況可以在幾分鐘內解決。
先確認代碼是否生效
在瀏覽器中查看頁面原始碼,確認元件代碼確實出現在最終渲染的頁面裡,而不是只在某個未發布的模板中。
- 查看網頁原始碼是否含元件代碼
- 確認代碼添加在公用底部模板
- 清除快取後重新驗證
檢查資源載入
打開瀏覽器開發者工具的控制台與網路面板,查看是否有腳本請求失敗或被攔截。
- 查看控制台報錯
- 檢查腳本請求狀態碼
- 確認未被廣告攔截插件封鎖
檢查樣式與層級
視窗被其他元素遮擋或 z-index 衝突時看起來像"沒載入",可臨時提高層級驗證。
- 檢查是否被浮層遮擋
- 確認容器未被隱藏
- 在移動端檢查響應式樣式
常見問題
只在部分頁面不顯示怎麼辦?
通常是代碼只加在了部分模板,把元件代碼放到站點級公用模板中即可。
本機正常、線上不顯示?
多為線上快取或 HTTPS 混合內容問題,清快取並確認頁面為 HTTPS。