{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

加入LINE@好友 領首購$200優惠券

Shopline 自訂 HTML / CSS 顯示測試

請逐項檢查 T01 至 T17。若某一格完全不見、樣式沒有變化、或功能無法操作,該項目就是 Shopline 可能不支援或被過濾。

T01 基本文字標籤

應看到 H1 / H2 / H3、段落、粗體、斜體、分隔線。

H1 標題測試

H2 標題測試

H3 標題測試

段落文字測試 Paragraph

Span 行內元素 粗體 Strong 斜體 Em

T02 連結與圖片

應看到兩個連結與一張 300x200 圖片。圖片不見代表圖片來源或標籤可能被擋。

T03 列表

應看到項目符號列表與數字列表。

  • 無序列表項目 1
  • 無序列表項目 2
  1. 有序列表項目 1
  2. 有序列表項目 2

T04 表格

應看到 3 欄 2 列表格。

欄位A欄位B欄位C
資料1資料2資料3
資料4資料5資料6

T05 Inline Style

下方文字應為紅色、20px,且有淺灰背景與圓角。若只剩普通黑字,代表 inline style 被清掉。

Inline Style 測試

T06 Flexbox

三個項目應橫向排列,手機可自動換行。

Flex Item 1
Flex Item 2
Flex Item 3

T07 Grid

Desktop 應三欄並排,Mobile 應變單欄。

Grid Item 1
Grid Item 2
Grid Item 3

T08 Data Attribute

下方文字若變成棕色,代表 data attribute selector 有效。

Data Attribute 測試

T09 style 標籤

下方文字若變成洋紅色且較大,代表 HTML 內 style 標籤有效。若沒有,代表被過濾或不建議使用。

HTML 內 style 標籤測試

T10 Script

若下方顯示「JS 已執行」,代表 script 可執行。若維持「JS 未執行」,代表 script 被擋或失效。

JS 未執行

T11 iframe

應看到一個 iframe 方框。若整塊不見或空白,代表 iframe 可能被擋。

T12 Form

應看到輸入框與按鈕。若不見,代表 form 或 input 可能被擋。

T13 SVG

應看到橘色圓形 SVG。

SVG

T14 Animation / Hover

第一行應有淡入位移動畫;第二行滑鼠移過應變紅。

動畫效果測試
Hover 過渡效果測試

T15 RWD

手機版字體應變小,且排版不超出畫面。

響應式測試:請用手機或縮小視窗查看。

T16 巢狀 DIV

應看到「巢狀 5 層 DIV」文字。

巢狀 5 層 DIV

T17 特殊字元

應正確顯示尖括號、& 符號、引號、版權符號、愛心。

<尖括號> & &符號 "引號" © 版權符號 ♥ 愛心