中華民國外交部全球資訊網-黃子菡

網站

中華民國外交部全球資訊網

姓名

黃子菡

檢測日期

2018-04-02

檢測裝置

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. (左欄導覽列)首頁 > 關於本部 > 獎助學金 > 外交部臺灣獎學金(外國學生):"電子信箱” 跑版 (圖一)

(圖一)

43 PM

  1. (左欄導覽列)首頁 > 關於本部 > 獎助學金 > 外交部臺灣獎學金(外國學人):"內文” 跑版 (圖二)
    解法回文連結

(圖二)

36 PM


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

  1. “分享本站” 重複點擊無法取消選取 (圖一)
    解法回文連結

(圖一)

34 PM

出現亂碼

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

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

閱讀模式

不可以用

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

(一)語言錯亂

解法回文連結

  1. (左欄導覽列)首頁 > 聯絡我們:中文版應跳到中文的而非原本英文的(圖一)
  2. 跳轉網頁同 1., 左欄導覽列 > 部長信箱:中文版應跳到中文的而非原本英文的
  3. (左欄導覽列)首頁 > 英文版 > Advanced Search:是中文介面 (圖二)

(圖一)

22 PM

(圖二)

10 PM

(二)響應式

  1. 手機版左欄導覽列有時無法拉到底(圖三:正常)(圖四:異常,怎樣都拉不到末兩欄 “無障礙” 與 “聯絡我們”,手指滑到磨皮)

(圖三:正常)

35 PM

(圖四:異常)

IMG_0465

(三)中文編碼

  1. (左欄導覽列)首頁 > 為民服務 > 雙語詞彙對照表 :(圖五) Excel 匯出後中文呈現亂碼(圖六)

(圖五)

IMG_0469

(圖六)

IMG_0468

(四)多餘符號

  1. (左欄導覽列)首頁 > 新聞中心 :內容結尾都有神秘的 “(E)” 符號 (圖七)
    解法回文連結

(圖七)

13 PM

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

  1. . (左欄導覽列)首頁 > 為民服務 > 雙語詞彙對照表 :檢索設計可以更友善,例如使用中/英詞彙檢索後,再使用開頭字母檢索時,能清除前個輸入欄位的歷史紀錄

問題:

可能原因:

字數太長關係(信箱位置)導致被強置換行,又因為css因素被強制拉長間距

原始程式:

(範例)
位置: https://www.mofa.gov.tw/css/global.css:4233

.data_midlle_cp table tr td p {
    line-height: 1.6em;
    text-align: justify;
    margin: 0
}

建議修改:

(範例)
刪除 4235行

.data_midlle_cp table tr td p {
    line-height: 1.6em
    margin: 0
}

補充

效果如下
IMG_3187

不過整體間距會稍微縮小,此解法僅供參考

結尾(選填,可增加網站建議)

問題:

可能原因:

html的p標籤造成此問題,推斷因為編輯者在瀏覽器編輯工具中自行輸入換行符號

原始程式:

建議修改:

補充

不需解決此問題

結尾(選填,可增加網站建議)

問題:

可能原因:

彈出的選項匡css選取器規則有問題

原始程式:

位置: https://www.mofa.gov.tw/css/global.css:6103

.base-header .list-text.share:focus .ct, .base-header .list-text.share:hover .ct,
.base-header .list-text.share.is-active .ct, .base-mobile .list-text.share:focus .ct,
.base-mobile .list-text.share:hover .ct, .base-mobile .list-text.share.is-active .ct {
    display: block
}

建議修改:

修改第6105行

.base-header .list-text.share:focus .ct, .base-header .list-text.share:hover .ct,
.base-header .list-text.share.is-active .ct, .base-mobile .list-text.share:focus .ct,
.base-mobile .list-text.share:hover .ct, .base-mobile .list-text.share is-active .ct {
    display: block
}

補充

測試,叫出選單後可以再按空白處取消選單,如圖
IMG_3196

結尾(選填,可增加網站建議)

問題:

可能原因:

非程式問題,原文已經這樣寫,無法由我們處理

原始程式:

建議修改:

補充

不處理

結尾(選填,可增加網站建議)

問題:

可能原因:

測試無此問題,不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)