教育部體育署全國運動場館資訊網-黃子菡

網站

教育部體育署全國運動場館資訊網

姓名

黃子菡

檢測日期

2018-5-15

檢測裝置

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. 首頁 > 相關連結 > 教育部體育署:連結失效(圖1)(圖2)
  2. 首頁 > 自行車道 > 自行車道經典路線 > 臺中東豐自行車綠廊-后豐鐵馬道 > 臺中觀光旅遊網:404(圖3)(圖4)
  3. 首頁 > 自行車道 > 自行車道經典路線 > 臺中東豐自行車綠廊-后豐鐵馬道 > 臺灣觀巴、教育部體育署鐵馬逍遙遊官方網站:都打不開(圖5)
  4. 首頁 > 自行車道 > 自行車道經典路線 > 澎湖市郊環海線自行車道 > 澎湖國家風景管理處網站:404 (圖6)(圖7)

(圖1)

IMG_2987

(圖2)

IMG_2986

(圖3)

IMG_2990

(圖4)

IMG_2989

(圖5)

IMG_2991

(圖6)

IMG_2993

(圖7)

IMG_2992

跑版(影響閱讀)問題


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

出現亂碼

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

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

閱讀模式

部分可以用

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

  1. 首頁 > 近期賽事與活動:評分時看不到其他人的留言紀錄(圖8)
    解法回文連結
  2. 首頁 > 公開資訊下載 > 危險水域各縣市公告資訊:建議改成橫向表格(圖9)
    解法回文連結

(圖8)

IMG_2985

(圖9)

IMG_2988

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

  1. 發現很多場館如:山豬窟游泳池館

問題:

可能原因:

似乎功能壞掉,程式碼中找不到顯示留言的資訊,請該單位檢查錯誤,無法處理

原始程式:

建議修改:

補充

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

問題:

可能原因:

這邊提出一個版本參考,但還是建議重新設計

原始程式:

位置:https://iplay.sa.gov.tw/Content/Frontstage/v5/page.css:659

section .table td, section .table th, section .table th.api{
	width: 100%; 
	float: left; 
	border-top: 0 !important; 
	border-bottom: 0; 
	text-align: center; 
}

位置:https://iplay.sa.gov.tw/Content/Frontstage/v5/page.css:29

section .ctn{
	width: 100%;
	float: left;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    padding: 0;
    margin: 25px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

建議修改:

移除全部設定

另外新增overflow

section .ctn{
	width: 100%;
	float: left;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    padding: 0;
    margin: 25px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:auto;
}

補充

19

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