行政院農業委員會動物保護資訊網-邵嘉嶸

網站

動物保護資訊網

姓名

邵嘉嶸

檢測日期

2018-04-16

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度(手機螢幕)

375x667 pixels

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

壞掉的連結

跑版(影響閱讀)問題



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

出現亂碼

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

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

閱讀模式

可以用

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

沒有超連結(解法回文連結)



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

  • [color=“green”]基本需要的資料都能清楚呈現[/color]

  • [color=“green”]很特別的上下左三方操作介面方式,很棒[/color]

  • 選單項目少的好辦法!
  • [color=“blue”]或許可以多一些圖片的專區或設計[/color]

  • 畢竟動物相關的總是比較需要動物來吸引人
  • [color=“red”]可以有超連結的項目記得給超連結[/color]

  • 不然操作起來很不方便
1個讚

問題:

原始程式:

位置:https://animal.coa.gov.tw/mobile/nd.aspx?id=A20180300026

建議修改:

已測試,問題無法複現
手機點入連結會直接下載,電腦點入會需重整

問題:

可能原因:

直接以文字方式呈現,無排版

原始程式:

位置:動物保護資訊網-錯誤訊息 :38

<div data-role="content" class="ui-content" role="main">
	......
	場次<br><br>
	鄉鎮<br><br>
	日期<br><br>
	時間<br><br>
	地點<br><br>
	1<br><br>
	福興<br><br>
	4月02(一)<br><br>
	上午9時30分至11時30分<br><br>
	福興鄉公所門口<br><br>
	 (福興鄉橋頭村彰鹿路七段495號)<br><br>
	......
</div>

建議修改:

將每一行資訊前加上標題

<div data-role="content" class="ui-content" role="main">
	......
	場次:1<br><br>
	鄉鎮:福興<br><br>
	日期:4月02(一)<br><br>
	時間:上午9時30分至11時30分<br><br>
	地點:福興鄉公所門口<br><br>
	   (福興鄉橋頭村彰鹿路七段495號)<br><br>
	......
</div>

補充:

aspx_id=A20180300035(iPhone 6_7_8)

問題:

可能原因:

直接以文字方式呈現,無排版

原始程式:

位置:動物保護資訊網-錯誤訊息

<div data-role="content" class="ui-content" role="main">
	......
	注射日期         注 射 時 間                   注    射    地   點<br>
	107.4.27   上午9:00~11:00   宜蘭市公所(中山路二段432號)<br>
	......
</div>

建議修改:

  • 直接修改可參考 首頁>最新消息>2018-03-27 彰化縣4月份寵物登記費用減免及狂犬病預防注射巡迴活動開始囉
  • 以表格方式修改
<table style="white-space:  nowrap;border-collapse:  collapse;">
	<tbody>
		<tr>
			<td>注射日期</td>
			<td>注射時間</td>
			<td>注射地點</td>
		</tr>
		<tr>
			<td>107.4.27</td>
			<td>上午9:00~11:00</td>
			<td>宜蘭市公所(中山路二段432號)</td>
		</tr>
		......
	</tbody>
</table>

在css中加上下段

table td {
	border:  1px solid;
	padding: 0 3px;
}

補充:

僅以第一筆資料為例
aspx_id=A20180300036(iPhone 6_7_8)

問題:

可能原因:

表格不會自動換行

原始程式:

位置:動物保護資訊網-錯誤訊息 :3

.ui-table-reflow td,.ui-table-reflow th {
	text-align: left;
	display: block;
}

建議修改:

.ui-table-reflow td,.ui-table-reflow th {
	text-align: left;
	display: block;
	word-break: break-word;
}

補充:

aspx(iPhone 6_7_8)

問題:

可能原因:

沒做超連結

原始程式:

以 首頁>最新消息>2018-04-16 (臺中市)春天到,毛孩發情好困擾,絶育就能免煩惱! 為例
位置:動物保護資訊網-錯誤訊息 :38

<div data-role="content" class="ui-content" role="main">
	......
	2.台灣之心愛護動物協會<br>
	網路報名 http://www.hotac.org.tw<br>
	電話報名 04-26261478<br>
	......
</div>

建議修改:

<div data-role="content" class="ui-content" role="main">
	......
	2.台灣之心愛護動物協會<br>
	網路報名 <a href="https://www.hotac.org.tw/cnr_catlist.asp?action=future">http://www.hotac.org.tw</a><br>
	電話報名 04-26261478<br>
	......
</div>

補充:

推測連接到此網頁
asp_action=future(iPhone 6_7_8)

問題:

可能原因:

沒有放上網頁

原始程式:

位置:https://animal.coa.gov.tw/mobile/nd.aspx?id=A20180300032

建議修改:

已測試,問題無法修復,網頁版上亦無附件

問題:

原始程式:

位置:動物保護資訊網-錯誤訊息

建議修改:

已測試,問題無法複現

補充:

aspx(iPhone 6_7_8)

結尾:

手機版中最新消息無法翻頁