網站

行政院農業委員會林務局

姓名

劉佳慧

檢測日期

2018-05-01

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

螢幕解析度 360x640 pixels

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

是

壞掉的連結

• 首頁> 相關連結 > 站外連結
  全民資安素養自我評量-無法連上這個網站
• 首頁> 關於本局 > 組室業務介紹 > 森林企劃組業務介紹 : 最底下業務相關資訊的「生態通」-隱私權設定發生錯誤

跑版（影響閱讀）問題

• 首頁> 旅遊資訊 > 自然步道
  步道路線現況有問題的頁面皆有表格被吃掉的問題，如八仙山國家森林遊樂區步道群解法回文連結
  

• 首頁> 旅遊資訊 > 林業文化園區 > 東勢林業文化園區 : 文字被吃掉解法回文連爺
  

• 首頁> 訊息專區 > 林產處分 > 花蓮林區管理處106花疏2-4號決標公告 :表格被吃掉解法同上
  

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

無

出現亂碼

無

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

無

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

無

閱讀模式

使用Android無閱讀模式

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

• 首頁> 旅遊資訊 > 自然步道 : 按扭擺放有點奇怪(圖一)，點開後不易閱讀(圖二)解法回文連結
  圖一 圖二

• 首頁> 政府資訊公開 > 漂流木專區 > 懶人包專區 : 一開始以為無內容，過了一段時間內容才跑出來，崁入尺寸似乎沒設定好
  

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

• 行動版網站介面設計很棒，功能完整，圖像化設計，使用起來很流暢
• 部分資訊有語音功能，超友善
• 交通資訊如果能說明的更完整一些就更棒了，例如捷運板南線善導寺站下車後，幾號出口怎麼走之類的
• 林業大事紀網頁長到沒有盡頭，建議可用年分類分開頁面

問題

可能原因

table沒做響應式

建議修改

用bootstrap 的 table-responsive

問題

可能原因

要解決文字被切掉只要加上css word-break: break-all就好不難
麻煩的就在於整個排版根本是假響應式
左邊的icon用li去排版，然後還固定大小，搞的右邊真正有意義的文字欄剩超小
同時也讓文字被擠的超長

原始程式

位置：旅遊資訊 - 林業文化園區 - 東勢林業文化園區 :1657

<span>路線1：搭乘豐原客運90.153.153副班車，於[新盛里站]下車，即可到達本園區。<br>
	路線2：搭乘豐原客206.207.208.209班車，於[新盛里站]下車，即可到達本園區。<br>
	路線3：搭乘豐原客運90.153.206.207至[東勢南站]班車，至[東勢南站]下車，往谷關方向步行約10-15分鐘，即可到達本園區。</span>

建議修改

<span style="word-break: break-all;">路線1：搭乘豐原客運90.153.153副班車，於[新盛里站]下車，即可到達本園區。<br>
	路線2：搭乘豐原客206.207.208.209班車，於[新盛里站]下車，即可到達本園區。<br>
	路線3：搭乘豐原客運90.153.206.207至[東勢南站]班車，至[東勢南站]下車，往谷關方向步行約10-15分鐘，即可到達本園區。</span>

補充

問題

可能原因

排版本身就對手機不友善

建議修改

最快的方法就是把字數減少，其次就是可以在手機板上直接用swipe.js或bootstrap內建的左右選單
不然這樣書籤類型的硬要壓到同一行沒有意義，字要不是太小，不然就是很難點擊