網站

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

姓名

黃子菡

檢測日期

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

（圖一）

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

（圖二）

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

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

（圖一）

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

（一）語言錯亂

解法回文連結

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

（圖一）

（圖二）

（二）響應式

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

（圖三：正常）

（圖四：異常）

（三）中文編碼

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

（圖五）

（圖六）

（四）多餘符號

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

（圖七）

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

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
}

補充

效果如下

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

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

問題：

可能原因：

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
}

補充

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

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

問題：

可能原因：

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

原始程式：

無

建議修改：

無

補充

不處理

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

問題：

可能原因：

測試無此問題，不處理

原始程式：

無

建議修改：

無

補充

無

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