經濟部水利署─俞雋

網站

經濟部水利署全球資訊網


姓名

俞雋


檢測日期

2018-4-28


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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


壞掉的連結

1.連結錯誤

首頁>重大政策>行政院重大政策

首頁>業務專區>前瞻基礎建設計畫-水環境建設行政透明專區>水與發展>已核定計畫>環境監測計畫與執行成果

首頁>業務專區>前瞻基礎建設計畫-水環境建設行政透明專區>水與發展>已核定計畫>環境影響評估書件

首頁>資訊服務>水利櫥窗>農田水利>農田水利會之任務>農田水利入口網

首頁>資訊服務>水利櫥窗>農田水利>農田水利會分布圖

首頁>資訊服務>水利櫥窗>農田水利>土地資源開發與改良>農田水利入口網

首頁>資訊服務>廉政窗口>公職人員財產申報>政風機構辦理公職人員財產申報資料審核作業要點

首頁>資訊服務>廉政窗口>公職人員財產申報>法務部公職人員財產申報案件處罰鍰額度基準

首頁>資訊服務>網路資源>氣象相關資訊網站>Singapore Meteorological Service

首頁>資訊服務>網路資源>氣象相關資訊網站>Malaysian Meteorological Service

首頁>資訊服務>網路資源>國內水利相關機關資訊站>行政院農委會水土保持局整體性治山防災

首頁>資訊服務>網路資源>國內水利相關機關資訊站>水利共享地理資訊系統

首頁>資訊服務>網路資源>國內學術研究機關資訊站>屏東科技大學環境工程與科學系

首頁>資訊服務>網路資源>國內學術研究機關資訊站>國土研究中心

首頁>資訊服務>網路資源>國內學術研究機關資訊站>逢甲大學水利工程與資源保育學系

首頁>資訊服務>網路資源>組織與企業>台灣區土石採取業同業工會

首頁>資訊服務>網路資源>組織與企業>國泰建設公司

首頁>資訊服務>網路資源>河川生態>長江水利委員會

首頁>資訊服務>網路資源>防洪防災>Benfield Greig災害研究中心(Benfield Greig Hazard Research Centre, University College London)

首頁>資訊服務>網路資源>防洪防災>LLNL防災中心

首頁>資訊服務>網路資源>國外水利工程相關大學>ZAG Ljubljana

首頁>資訊服務>網路資源>國外資訊服務>World Wide Water

說明:連結已無法正常跳轉,詳情可見圖(一)、(二)。

圖(一)

image

圖(二)

image


跑版(影響閱讀)問題

1.跑版但不致影響閱覽

首頁>供水情勢

首頁>水庫蓄水情形圖

首頁>業務專區>抗旱專區>水情燈號

說明:內容雖有跑版(圖片或者表格過大等),但大致不影響使用者閱覽(比如可由螢幕縮放及移動解決問題),詳見圖(二)~(四)。

圖(二)(經濟部水利署─俞雋 - #3 lemotw1024)

image

圖(三)(經濟部水利署─俞雋 - #3 lemotw1024)

image

圖(四)(經濟部水利署─俞雋 - #2 lemotw1024)

image

2.跑版且影響閱覽

(經濟部水利署─俞雋 - #4 lemotw1024)

首頁>業務專區>抗旱專區>節約用水報你知

首頁>業務專區>工程資訊>愛台12建設總體計畫-建設11.防洪治水>整體成果>建設亮點

首頁>業務專區>工程資訊>愛台12建設總體計畫-建設11.防洪治水>整體成果>建設效益

首頁>業務專區>全國水論壇>眾開講

首頁>資訊服務>水利櫥窗>基本水利資訊>莫拉克風災

首頁>資訊服務>水利櫥窗>水庫風情

首頁>資訊服務>水利櫥窗>河川報導>治理計畫

首頁>公告訊息>出版品

說明:內容跑版(所附圖片或表格超出螢幕等),且無法藉由諸如縮放、移動等手段解決之,當中最嚴重者為,各河川的治理計畫,其內部附圖多超出螢幕。詳情可見下圖(五)~(七)。

圖(五)

image

圖(六)

image

圖(七)

image


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

1.附檔無法下載

首頁>資訊服務>水利櫥窗>基本水利資訊>臺灣水資源運用之相關資料>水資源相關資料

說明:部分附加檔案無法下載,詳情見下圖(八)

圖(八)

image


出現亂碼

1.部分字元顯示錯誤

首頁>資訊服務>水利櫥窗>您不能不知道>河川問答集>河川的三大機能為何?

說明:網頁內部分字元呈現錯誤,詳見圖(九)

圖(九)

image


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


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

1.首頁>資訊服務>水利櫥窗>節約用水

2.首頁>資訊服務>網路資源>員山子分洪管理中心

3.首頁>資訊服務>網路資源>各縣市政府水利單位>基隆市政府工務處


閱讀模式

Android 測試生


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

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

1.網頁的「返回頁首」按鍵被設置於底部[見圖(九)],以致我們一定要瀏覽到最底部時才能直接返回頁首,這在網頁內容不多時不致於造成不便,但在網頁內容多時便會影響使用者體驗,建議加以改進。

圖(九)

image

2.部分網頁元件會擠在一塊[見圖(十)],建議條列呈現以改善使用者體驗。

圖(十)

image

3.既然是不公凱或者不符合機關情況的內容,那就別另設網頁了。這避免網站結構冗餘。見下圖(十一)、(十二)。

圖(十一)

image

圖(十二)

image

4.本網站連結問題偏多,宜多加注意。

#問題

可能原因

使用相對定位法,以及table

原始程式

位置:
https://www.wra.gov.tw/6950/7169/7252/水情燈號/水情燈號/:1047

<div class="cpwarning">
    <h2>
        臺灣地區供水情勢(枯旱預警)通報
        <span class="data">日期:107年4月16日</span>
    </h2>
        <table summary="layout table" class="clear">
            <tbody><tr>
                <td clas.........
...........................
</div>

建議修改

在圖片外層的div加上overflow

<div class="cpwarning" style="overflow-x:auto;">
    <h2>
        臺灣地區供水情勢(枯旱預警)通報
        <span class="data">日期:107年4月16日</span>
    </h2>
        <table summary="layout table" class="clear">
            <tbody><tr>
                <td clas.........
...........................
</div>

補充

31

可能原因

背景圖片設死

原始程式

位置:
https://www.wra.gov.tw:1386

<div class="drought_map" style="width:475px;background:url('../media/DraughtMap/107年4月16日供水情勢(枯旱預警)通報111703.jpg');background-size: 475px;"></div>

建議修改

加上這個css,並在div加上class

html:
<div class="drought_map mpp"></div>

css:
.mpp {
	width: 475px;
	background: url('../media/DraughtMap/107年4月16日供水情勢(枯旱預警)通報111703.jpg') no-repeat;
	background-size: 475px;
}

@media only screen and (max-width: 600px){
	.mpp{
			width: 100%;
	background: url('../media/DraughtMap/107年4月16日供水情勢(枯旱預警)通報111703.jpg') no-repeat;  
	background-size: 100%;

	}
}

補充

50

問題

可能原因

寬度設死

建議修改

width: 100%;
//如果圖片是沒有資訊的話
overflow-x: auto;
//如我圖片有要傳達資訊,在圖片上層加overflow-x:auto

補充

01
12