水權資訊網─俞雋

網站

水權資訊網


姓名

俞雋


檢測日期

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.附加影片檔連結失效又或者下載後無法正常開啟,見圖(二)

圖(一)

image

圖(二)

image

2.連結過時

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

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

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

圖(三)

image


跑版(影響閱讀)問題

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

首頁

首頁>最新公告

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

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

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

解法回文連結

圖(四)

image

圖(五)

image


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

1.按鍵點擊後無反應

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

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

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

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

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

說明:按鍵點擊後無效果,見圖(六)

圖(六)

image


出現亂碼


不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)


網站載入緩慢(相對一般網站)


閱讀模式

Android測試生


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

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

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

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

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

圖(七)

image

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

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

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

圖(八)

image


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

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

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

圖(九)

image

問題:

可能原因:

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>

補充:

(修正後之截圖)
48