行政院農業委員會-黃子菡

網站

行政院農業委員會

姓名

黃子菡

檢測日期

2018-04-03

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

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

壞掉的連結


跑版(影響閱讀)問題

畫面切結 解法回文連結

  1. 首頁 > 便民服務 > 交流園地 (圖一)
  2. 首頁 > 便民服務 > 農委會全球資訊網使用者滿意度調查

(圖一)
42 AM

內容重複

  1. 首頁 > 關於農委會 > 副主任委員簡歷 > 黃副主任委員金城:委員雙胞胎(圖二)解法回文連結

(圖二)
08 AM


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

  1. 首頁 > 線上申辦 > 水土保持戶外教室參觀申請 (圖三)
  2. 首頁 > 線上申辦 > 水土保持戶外教室申請:且項目與 1. 重複?
  3. 首頁 > 農業法令 > 解釋令 > 農田水利目 (圖四)
  4. 首頁 > 全站搜尋 :無法搜尋(圖五)vs. 正常電腦版(圖六)
    解法回文連結
    (圖三)
    10 AM

(圖四)
50 AM

(圖五)
IMG_0502

(圖六)
IMG_0503

出現亂碼

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

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

閱讀模式

不可以用

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

  1. 首頁:日期會被辨識成電話連結 (圖七)
    解法回文連結

(圖七)
IMG_0507

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

電腦版介面的很可愛

問題:

可能原因:

RWD 設定錯誤

原始程式:

<table width="100%" summary="此為網頁內容表格" border="0" cellspacing="0" cellpadding="3" class="table table-bordered table-striped">
   ...     
</table>

建議修改:

在這個table面加上一個div,並且設定其CSS為

overflow-x:auto;

修改後為:

<div style="overflow-x:auto;">
<table width="98%" border="0" cellpadding="0" cellspacing="0" summary="此為網頁內容表格">
 ...  
</table>
</div>

補充

05

問題:

可能原因:

未把電腦版的程式碼拿掉

原始程式:

<img border="0" hspace="0" alt="行政院農業委員會副主任委員-黃金城" title="行政院農業委員會副主任委員-黃金城" src="/upload/images/web_structure/coa/21939/pic004.jpg" width="774" align="baseline" height="265">

建議修改:

刪除上述程式碼

補充

58

問題:

可能原因:

CSS 設定錯誤

原始程式:

<div id="top-search">
</div>
@media only screen and (max-width: 479px) {
    #top-search {
        display: none;
    }
}

建議修改:

把display 從none改成block

@media only screen and (max-width: 479px) {
    #top-search {
        display: block;
    }
}

補充

59

問題:

可能原因:

ios手機原始設定

補充

ios手機會將長按的數字自動跳出通話視窗