網站

水權資訊網

姓名

俞雋

檢測日期

2018-05-11

檢測裝置

ASUS ZENFONE 3；型號：ASUS_Z017DA

作業系統 與 瀏覽器版本

作業系統：Android 8.0.0

瀏覽器版本：Chrome 65.0.3325.109

解析度（手機螢幕）

360*640 pixels, 24 bit

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

是

壞掉的連結

1.連結失效

首頁>申請水權>水利法規>審計部審計法令

首頁>申請水權>申請流程>地面水申請流程

首頁>申請水權>申請流程>地下水申請流程

首頁>用水範圍管理系統>線上教學「見說明(2)」

說明：1.網頁連結失效，見圖(一)；2.附加影片檔連結失效又或者下載後無法正常開啟，見圖(二)

圖(一)

圖(二)

2.連結過時

首頁>申請水權>水利法規>行政院(法規服務)

首頁>申請水權>水利法規>行政院(訴願服務)

說明：連結過時，以致無法連結至最新網站，見圖(三)。

圖(三)

跑版（影響閱讀）問題

1.頁面跑版但不致影響使用

首頁

首頁>最新公告

首頁>申請水權>申辦受理機關

首頁>教育訓練>研討會與教育訓練

說明：頁面跑版，但仍可藉由螢幕的縮放或者移動來加以解決。如圖(四)、(五)。

解法回文連結

圖(四)

圖(五)

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

1.按鍵點擊後無反應

首頁>申請水權>線上申請繳費說明>線上繳費說明>我的e政府網址

首頁>申請水權>線上申請繳費說明>線上繳費說明>會員申請流程步驟

首頁>申請水權>線上申請繳費說明>線上繳費說明>案件查詢

首頁>用水範圍管理系統>快速查詢

首頁>用水範圍管理系統>相關系統

說明：按鍵點擊後無效果，見圖(六)

圖(六)

出現亂碼

無

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

無

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

無

閱讀模式

Android測試生

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

1.外部連結截圖無法正常顯示

首頁>申請水權>水利法規>立法院

首頁>申請水權>水利法規>行政院農業委員會水土保持局全球資訊網

說明：目標網站截圖無法正常呈現，如圖(七)

圖(七)

2.附加檔案無法於手機開啟

首頁>申請水權>申請書表

說明：頁面所附加之odt檔案無法開啟，見圖(八)

圖(八)

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

1.此網站的跑版問題略嫌嚴重，建議重新設計排版或者表格。

2.各頁面所跳出來的子視窗幾乎都需要使用者以橫向螢幕閱覽，建議重新設計。如圖(九)。

圖(九)

問題：

可能原因：

navbar寬度設為固定數值，導致跑版。

原始程式：

<div _ngcontent-c0="" style="width: 1170px;margin-right: auto;margin-left: auto;">
          
          <div _ngcontent-c0="" class="brand" title="Home">
            <a _ngcontent-c0="" routerlink="/" ng-reflect-router-link="/" href="#/">
              <img _ngcontent-c0="" alt="logo" src="assets/WRT/img/logo.png">
            </a>
          </div>

建議修改：

將寬度改為百分比。

<div _ngcontent-c0="" style="width: 100%;margin-right: auto;margin-left: auto;">
          
          <div _ngcontent-c0="" class="brand" title="Home">
            <a _ngcontent-c0="" routerlink="/" ng-reflect-router-link="/" href="#/">
              <img _ngcontent-c0="" alt="logo" src="assets/WRT/img/logo.png">
            </a>
          </div>

補充：

(修正後之截圖)