經濟部標準檢驗局商品安全資訊網-黃子菡

ray 經濟部
, ,
#1

網站

經濟部標準檢驗局商品安全資訊網

姓名

黃子菡

檢測日期

2018-5-15

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度（手機螢幕）

375 x 812 pixels

是否會自動跳入行動版欄位？

是

壞掉的連結 (解法回文連結)

  1. 首頁 > 相關網站連結 > 歐盟RAPEX
    IMG_3010

跑版（影響閱讀）問題

  1. 首頁 > 商品預警區 > Lenovo 筆記型電腦之電池商品回收/召回訊息
    多處文字、圖片跑版、超出範圍 (解法回文連結)
    IMG_3002 IMG_3003
  1. 首頁 > 商品預警區 > hp筆記型電腦之交流電源線回收/召回訊息
    圖片跑版 (解法回文連結)
    IMG_3004
  1. 首頁
    首頁標題被搜尋放大鏡擋到 (解法回文連結)
    IMG_3005
  1. 首頁 > 國外商品瑕疵訊息 > 歐盟 2018 年第 15週通報公布，商品名稱：指尖陀螺
    基本上整個 “國外商品瑕疵訊息” 的訊息皆跑版 (解法回文連結)
    IMG_3009
  1. 首頁 > 不合格進口產品 > 中國大陸進口網路視頻錄影主機 檢驗不合格資訊
    跑版 (解法回文連結)

無法操作的網頁元素（如按鈕不能按、選單不能選等）

無

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

  1. 首頁 > 最新消息
    每則最新消息點擊進去也很緩慢
    IMG_3001

閱讀模式

部分可以用

其他（無法判斷屬於以上那個分類的都放在這邊）

  1. 整個網站普遍載入緩慢

對此網站建議（非程式問題皆放置這裡）

  1. 很難從 Google 引擎找到這網站耶，以下都不是此手機版網站
    IMG_2998 IMG_2999
  2. 國外商品瑕疵訊息的資料來源連結大多為 XML 格式？
  3. 學到原來國中學的 SI 基本單位在2019年都要改掉了 e.g., 公斤（質量）、克耳文（溫度）、安培（電流）、莫耳（物質量）分別改成普朗克常數、波茲曼常數、基本電荷、雅佛加厥常數了
1個讚
#2

問題：

可能原因：

連結錯誤

原始程式：

位置：經濟部標準檢驗局 Bureau of Standards, Metrology and Inspection, M.O.E.A. :62

<a href="http://ec.europa.eu/consumers/dyna/rapex/rapex_archives_en.cfm">歐盟RAPEX</a>

建議修改：

正確網址應為 Safety Gate for dangerous non-food products

<a href="https://ec.europa.eu/consumers/consumers_safety/safety_products/rapex/alerts/repository/content/pages/rapex/index_en.htm">歐盟RAPEX</a>

補充：

htm(iPhone 6_7_8)

#3

問題：

可能原因：

表格內容、長英文不換行，圖片長寬被寫死

原始程式：

位置：Lenovo筆記型電腦之電池商品回收/召回訊息

建議修改：

在css中加上word-break及max-width屬性

span{word-break:break-word;}
img{max-width:100%;}

補充：

tw_wSite_ct_xItem=56696&ctNode=3600&mp=94(iPhone 6_7_8) tw_wSite_ct_xItem=56696&ctNode=3600&mp=94(iPhone 6_7_8) (1)

#4

問題：

建議修改：

已測試，找不到網頁，問題無法修復

#5

問題：

可能原因：

logo圖過大

原始程式：

位置：https://safety.bsmi.gov.tw/wSite/xslgip/PSI_PAD/css/common.css :44

.m-top h1 img {
	width: 100%;
}

建議修改：

縮小圖片寬度

.m-top h1 img {
	width: 85%;
}

補充：

tw_wSite_mp(iPhone 6_7_8)

#6

問題：

可能原因：

長英文不會自動換行

原始程式：

位置：【20180413 14:01】 歐盟 2018 年第 15 週通報公布，商品名稱： 指尖陀螺。

建議修改：

在css中加上word-break屬性

a{word-break:break-all;}

補充：

tw_wSite_ct_xItem=75757&ctNode=3582&mp=94(iPhone 6_7_8)

#7

問題：

可能原因：

表格寬度被寫死

原始程式：

位置：不合格進口產品 :58

<table cellspacing="0" cellpadding="0" width="628" border="0" x:str="" style="width: 473pt;border-collapse: collapse;">...</table>

建議修改：

刪除寬度限制

<table cellspacing="0" cellpadding="0" border="0" x:str="" style="border-collapse: collapse;">...</table>

補充：

tw_wSite_ct_xItem=75941&ctNode=3586&mp=94(iPhone 6_7_8)