內政部役政署研發及產業訓儲替代役資訊管理系統-邵嘉嶸

網站

研發及產業訓儲替代役資訊管理系統


姓名

邵嘉嶸


檢測日期

2018-04-20


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結



跑版(影響閱讀)問題






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


出現亂碼


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


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


閱讀模式

可以用


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




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

  • 資訊清楚的網站

  • 基本上該有的功能都有,也都能從檔案下載中找到
  • 表格設計的內容有些太長

  • 雖然不會造成使用上的問題
  • 但是有些表格內的名稱可以簡化,全名會讓人覺得很長不想看
  • 麵包屑(顯示怎麼進到那個頁面的那一條)顯示的東西有些很冗

  • 有很多框框或是奇怪的不必要的名稱跟路徑無關的可以刪掉
  • 可以調看看字型

  • 看起來版面有點太滿的感覺
  • 所有頁面都可以左右滑

  • 這是很奇怪的狀況,正常是滿版但不能滑的,可以找一下哪個元件出問題

問題:

可能原因:

設計問題

原始程式:

位置: 原始碼:130

<a href="#L" id="AL" name="L" accesskey="L" title="上方導覽連結區" style="color: #eee;"> ::: </a>

建議修改:

改成可以看見的顏色

{
    color: #337ab7;
}

補充

問題:

可能原因:

CSS 設定錯誤

原始程式:

位置: style_rwd.css:463

@media (max-width: 768px)
.navbar-collapse.collapsed {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}

建議修改:

overflow改成scroll

@media (max-width: 768px)
.navbar-collapse.collapsed {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: scroll !important;
    visibility: visible !important;
}

補充

問題:

可能原因:

RWD 設定錯誤

原始程式:

位置:原始碼:716

<div class="panel-body">

建議修改:

加上style

{
  overflow: scroll;
}

補充

問題:

可能原因:

網站開發

建議修改:

建議將沒有超連結的補上,沒用的空格也可以刪掉,補上尚未擁有手機版的連結