國防部空軍司令部-楊喻文

網站

國防部空軍司令部

姓名

楊喻文

檢測日期

2018-04-07

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

320x640 pixels

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

壞掉的連結


Screenshot_2018-04-07-22-02-27-40[1] Screenshot_2018-04-07-22-03-14-58[1]


Screenshot_2018-04-07-22-07-45-65[1]Screenshot_2018-04-07-22-07-51-10[1]


Screenshot_2018-04-07-22-10-51-13[1]Screenshot_2018-04-07-22-10-48-25[1]


Screenshot_2018-04-07-22-13-00-44[1]Screenshot_2018-04-07-22-12-58-38[1]


跑版(影響閱讀)問題

  • 首頁
    問題一:整個網站整個網站都可以左右拖曳(下圖一、二),但是正常來說應該不行解法回文連結
    Screenshot_2018-04-07-17-12-58-61[1]Screenshot_2018-04-07-17-13-04-57[1]
    問題二:Welcome的e被吃掉一半了
    Screenshot_2018-04-07-17-07-49-61[1]
    問題三:FB頁面把上面的資訊吃掉了
    Screenshot_2018-04-07-17-08-04-02[1]
    問題四:選單拉開來長這樣解法回文連結
    Screenshot_2018-04-07-17-13-17-44[1]






  1. 影片太大
  2. 手機版影片點開後會自動變成全螢幕,但是全螢幕明顯不是360度的播放
  3. 手機版縮小後看起來更不是360度撥放,而是一群神奇影片的合成
  4. 電腦版變成一般影片了,也無法藉由拖曳來改變視角
    Screenshot_2018-04-07-21-47-48-68[1]
    Screenshot_2018-04-07-21-42-09-54[1]
    Screenshot_2018-04-07-21-42-39-22[1]
    image




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


出現亂碼


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


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

解法回文連結


閱讀模式

我使用安卓


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

  • 首頁->影音專區
    每個影片點出來後面都會有「(彈出式窗並撥放影片)」的字樣,覺得是多的。英文版也有多的字。
    Screenshot_2018-04-07-18-58-23-48[1]



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





  • 首頁->關於空軍->本軍沿革->歷任(總)司令
    以 “第1任總司令 周至柔一級上將” 為例
    數字和英文在電腦版的看起來明明都是標楷體,手機的怎麼便成這種瘦瘦看不清楚的字體
    另外文字的顏色標的地方很奇怪,有些人任期括號中的字都是藍的(21、22任),有些只有一些是藍的
    還有人人的格式跟別人的不一樣(17任)

Screenshot_2018-04-07-19-34-48-03[1]Screenshot_2018-04-07-19-35-11-88[1]




  • [首頁->空軍救援隊->救護隊歷年使用各機型之照片(首頁 - 中華民國空軍)
    可以直接在文字部分說明是哪一張圖就好,不用特別再用表格框起來又說明是哪一張圖,看起來很恐怖

Screenshot_2018-04-07-22-18-41-72[1]Screenshot_2018-04-07-22-18-45-88[1]


優點



  • 點過的項目會變顏色,大大提升我們檢測的方便性!
    Screenshot_2018-04-07-21-34-31-73[1]

  • 網站裡面也有放一些小故事或歷史故事,我也覺得很有趣

問題

可能原因 & 建議修改

位置:首頁 - 中華民國空軍

.nav-mwt a {
    text-decoration: none;
    line-height: 2em;
    font-size: 1.2em;
    color: white;
    min-height: 2.813em;
    min-width: 2.813em;
    text-align: center;
}

把min-height砍掉

.nav-mwt a {
    text-decoration: none;
    line-height: 2em;
    font-size: 1.2em;
    color: white;
    /* min-height: 2.813em; */
    min-width: 2.813em;
    text-align: center;
}

補充

圖片

雖然他說沒問題

但是我測到

圖片
光是load這個檔案跑了16.92秒…
而且電腦異常的燙,我有用水降溫

問題

可能原因 & 建議修改

位置:首頁 - 中華民國空軍 : 478

<iframe title="國防部106年寒假戰鬥營紀實" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FMilitarySpokesman%2Fvideos%2F1356118027784845%2F&amp;show_text=0&amp;width=560" ...
...

全部只要看到width跟height全部改成100%(反正不要pixel,除非要從css去@media做RWD)

補充

圖片
不想要影片這麼小的話就當初Grid切好一點