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

網站

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

姓名

黃子菡

檢測日期

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個讚

問題:

可能原因:

連結錯誤

原始程式:

位置:經濟部標準檢驗局 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)

問題:

可能原因:

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

原始程式:

位置: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)

問題:

建議修改:

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

問題:

可能原因:

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)

問題:

可能原因:

長英文不會自動換行

原始程式:

位置:【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)

問題:

可能原因:

表格寬度被寫死

原始程式:

位置:不合格進口產品 :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)