再生能源網─俞雋

ray 經濟部
,
#1

網站

再生能源網

姓名

俞雋

檢測日期

2018-05-13

檢測裝置

ASUS ZENFONE 3；型號：ASUS_Z017DA

作業系統 與 瀏覽器版本

作業系統：Android 8.0.0

瀏覽器版本：Chrome 65.0.3325.109

解析度（手機螢幕）

360*640 pixels, 24 bit

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

是

壞掉的連結

1.連結失效

首頁>綜合訊息>再生能源統計資料

說明：連結失效以致無法順利跳轉，如圖(一)。

圖(一)

image

跑版（影響閱讀）問題

1.跑版且影響閱覽

首頁>知識中心>法規資訊「見說明(1)」

首頁>新聞資訊>應用新聞>再生能源＋工業4.0 台德雙邊合作成長雙箭頭「見說明(2)」

首頁>新聞資訊>應用新聞>綠能融資能力建構 APEC會員體齊獻策

說明：(1)此子條目除首二項外，其餘分頁其頁面內容均超出螢幕，且無法藉由縮放或者移動來解決，以致影響閱覽。如圖(二)。(2)子條目內容超出螢幕，且無法藉由螢幕的縮放或移動來解決。如圖(三)。

圖(二)

image

圖(三)

image

2.跑版但不致影響閱覽

首頁>新聞資訊>應用新聞

首頁>知識中心>焦點專欄

首頁>推廣宣導>活動訊息

說明：該子條目部分頁面內容雖有跑版，但不致影響使用。如圖(四)

圖(四)

image

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

首頁>兒童專區

說明：按鍵點擊後無反應，如圖(五)

圖(五)

image

出現亂碼

無

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

無

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

無

閱讀模式

Android測試生

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

1.部分圖片無法正常顯示

首頁

說明：部分圖片無法正常呈現，如圖(六)之紅框部分。

圖(六)

image

2.部分網頁麵包穴系統無法正確反映路徑

說明：網站內或有路徑系統反應不明確之現象，如圖(七)、(八)所示，圖(二)的內容被標記是出於「知識中心」的「法規資訊」，然而實際上「知識中心」卻沒有這個項目。

圖(七)、(八)

image
image

3.部分影片區不知為何會一次放上兩段相同的影片，且其中一個還跑版。如圖(九)

圖(九)

image

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

1.此網站意在幫助民眾認識再生能源，實屬立意良善，然其仍有諸多操作不便之處(如前述各項缺失)，當中最主要的是跑板問題，而這通常也是直接影響到使用者體驗的缺點。十分可惜！

#2

問題

可能原因

div寬度寫死

原始程式

位置:

<div id="ctl00_div_Content" class="div-content" style="box-sizing:border-box;margin:5px 0px 20px;padding:10px 0px;border-width:3px 0px;border-top-style:solid;border-right-style:initial;border-bottom-style:solid;border-left-style:initial;border-top-color:#325326;border-right-color:initial;border-bottom-color:#325326;border-left-color:initial;border-image:initial;outline:0px;font-size:17.6px;vertical-align:baseline;background:#FFFFFF;width:700px;color:#000000;font-family:微軟正黑體, Arial;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.666667px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-style:initial;text-decoration-color:initial;">

建議修改

將寬度改成100%

<div id="ctl00_div_Content" class="div-content" style="box-sizing:border-box;margin:5px 0px 20px;padding:10px 0px;border-width:3px 0px;border-top-style:solid;border-right-style:initial;border-bottom-style:solid;border-left-style:initial;border-top-color:#325326;border-right-color:initial;border-bottom-color:#325326;border-left-color:initial;border-image:initial;outline:0px;font-size:17.6px;vertical-align:baseline;background:#FFFFFF;width:100%;color:#000000;font-family:微軟正黑體, Arial;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:0.666667px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-style:initial;text-decoration-color:initial;">

補充

16

#3

問題

可能原因

圖片寬高寫死

建議修改

width: 100%; height:auto;

補充

33

#4

問題

可能原因

觸發事件是hover，但手機上無法有hover事件

建議修改

重新設計一個click事件的板本

#5

問題

建議修改

圖片麻煩後端補上，麵包屑問題前端無法解決

#6

問題

建議修改

youtube跑板只要改iframe的寬度至100%就好，其兩個重複內容得麻煩原單位更改