行政院人事行政總處公務人力發展中心--談宇綺

ray 人事行政總處
#1

網站

行政院人事行政總處公務人力發展中心

姓名

談宇綺

日期

2017-10-18

瀏覽器解析度（iOS的Safari填裝置名稱）

iPad Air 2

作業系統版本

macOS iOS 10.2

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：61.0.3163.73
Safari：iOS 10.2

有跑版（影響閱讀）問題

[訓練資訊][圖書資訊服務][館藏查詢]：限制條件的按鈕位置偏移

有出現亂碼

無

有壞掉的連結

無

有不能用的外掛程式

[場地設施][720度虛擬實境導覽]：需安裝flash

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

[場地設施]：周邊景點此按鈕無法點選

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

[學院介紹][交通位置]：圖片顯示異常

對此網站建議（給個建議吧）

1.有些頁面會出現類似草稿未修正的情形，如以下圖片的「這裡有一段公務人力發展中心樓層介紹」，建議網頁建構完成後再多加檢查內容。

#2

問題 ：

[訓練資訊][圖書資訊服務][館藏查詢]：限制條件的按鈕位置偏移

以桌面版safari模擬ipad air2 位置是沒有偏移的 要再看看實際在ipad air2上顯示的狀況

#3

問題

[場地設施][720度虛擬實境導覽]：需安裝flash

可能原因

使用flash

建議修改

可以考慮使用webGL做這部分的3D導覽
有找到一間公司bubble3d是使用webGL技術做3D導覽
http://www.bubble3d.com/index.html
也許可以參考

#4

問題

[場地設施]：周邊景點此按鈕無法點選

以mac os版safari模擬ipad air2
周邊景點是可以點選的

#5

問題

[學院介紹][交通位置]：圖片顯示異常

#可能原因
iOS版safari不支援flash

#建議修改
改以html處理
或是偵測到以行動裝置瀏覽此網頁時
改以靜態圖片說明

此部分是到達機關的交通說明
以靜態圖片或google地圖說明
應該就能清楚表達
（不過原本的flash很可愛！）