國家中醫藥研究所-許家瑀

ray 衛生福利部
#1

網站

國家中醫藥研究所

姓名

許家瑀

日期

2017-11-03

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

iPad Pro
1366 * 768

作業系統版本

iOS 11.1 (15B93)
window 10（1703）

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

Chrome：版本 62.0.3202.75 (正式版本) (64 位元)
Safari：版本 11.1

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

[首頁][中醫藥雜誌]：safari 要橫看才可以
[首頁][標本館]：safari 要橫看才可以
[首頁][教學藥園]：safari 要橫看才可以

中醫藥雜誌
1.google

2.safari

標本館

教學藥園

首頁>本所出版品>食療養生：整個版面排列是不是有問題???

有出現亂碼

首頁>本所出版品>台灣本草行
1.google
2.safari

有壞掉的連結

首頁>所內人員：連結壞損

有不能用的外掛程式（ActiveX、Applet、Flash、Silverlight、…）

首頁 ：google 有問題

  1. google
  2. safari

首頁>關於本所>簡介影片：safari 無影片顯示

首頁>本所出版品>台灣本草行：safari 有問題
1.google
2.safari

首頁>本所出版品>認識中草藥：safari 有問題
1.google
2.safari

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

無

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

網站似乎沒有把邊框定好?? safari 有些頁面會縮版 (以下舉例)

若無需卷軸滑動的頁面，google似乎無法滿版? (以下舉例)

首頁>本所出版品>健康資訊網：網頁大小似乎沒有設定好?

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

1.文字/表格緊鄰邊框，視覺享受很不佳!!!

2.「認識中草藥」及「健康資訊網」都有以影片互動呈現中草藥教學，效果不錯~又印象深刻! 唯獨有些無法跑外掛的設備要留心注意~~~
3.有一些子網頁的網頁設計似乎還未完全，建議內部詳細檢查或是加強設計 ><

#2

問題描述

[首頁][中醫藥雜誌]：safari 要橫看才可以
[首頁][標本館]：safari 要橫看才可以
[首頁][教學藥園]：safari 要橫看才可以

可能原因

沒有 RWD 設計…畫面寬高都是直接圖片切版寫死的。

#3

問題描述

可能原因

應該原本就長這樣 _(:з」∠)_
美感問題我救不了(｡ ́︿ ̀｡)

#4

問題描述

可能原因

原始碼中文字就是亂碼了…QQ
應該是 big5 => UTF8 時沒有注意到。

#5

問題描述

首頁>所內人員：連結壞損

可能原因

Domain 過期

#6

問題描述

首頁1 ：google 有問題

可能原因

Dom 物件符合擋廣告 pattern，被擋廣告的附加元件擋掉了

<div class="module module-ads md_style1" gwguwr5="" hidden="">




<div class="md_top show_title "><div class="mt_03"><div class="mt_02"><div class="mt_01">
	<div class="h3">banner</div>
</div></div></div></div>


<div class="md_middle">
<div class="mm_03">
<div class="mm_02">
<div class="mm_01">
<noscript>&lt;div id="A95a01d8c8f0798" style="display:none"&gt;&lt;/div&gt; 
&lt;a href="#" style='cursor:default' onkeypress="" onclick="divOs.openUrl('A95a01d8c8f0798','/bin/adsclick.php?Nbr=bn10',1);return false;" target="_self"&gt;&lt;img src="/ezfiles/0/1000/randimg/ad_15_4282380_94700.png" width="1000" height="244" border=0 alt="暑期實習之&amp;quot;中草藥達人小時珍&amp;quot;閉幕時合影"&gt;&lt;/a&gt;</noscript>



<div class="newsflash">

	<div id="slide_U__321" class="picFocus picslide dotted" style="width: 1000px; height: 244px;">
		<div class="slide_cont">
			<div class="tempWrap" style="overflow:hidden; position:relative; width:0px"><ul style="width: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px;"><li style="float: left; width: 0px;" class="clone">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_6_7167747_66552.jpg" width="1000" height="244" title="" alt="所史室"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_15_4282380_94700.png" width="1000" height="244" title="" alt="暑期實習之&quot;中草藥達人小時珍&quot;閉幕時合影"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_14_6804531_70856.jpg" width="1000" height="244" title="" alt="藥園內部設施"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_12_8246233_66909.jpg" width="1000" height="244" title="" alt="正門藝術"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_11_8948864_66899.jpg" width="1000" height="244" title="" alt="大樓美觀景台"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_10_1122498_66888.jpg" width="1000" height="244" title="" alt="大樓的設施"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_9_1355034_66871.jpg" width="1000" height="244" title="" alt="本所藥櫃"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_8_3551038_66863.jpg" width="1000" height="244" title="" alt="插畫窗戶"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_7_7952851_66560.jpg" width="1000" height="244" title="" alt="大樓正門擺設"></a></div>
					
				</li>
			
				<li style="float: left; width: 0px;">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_6_7167747_66552.jpg" width="1000" height="244" title="" alt="所史室"></a></div>
					
				</li>
			
			<li style="float: left; width: 0px;" class="clone">
					<div class="pic"><a target="" href="http://www.nricm.edu.tw"><img src="http://www.nricm.edu.tw/ezfiles/0/1000/randimg/ad_15_4282380_94700.png" width="1000" height="244" title="" alt="暑期實習之&quot;中草藥達人小時珍&quot;閉幕時合影"></a></div>
					
				</li></ul></div>
		</div>
		<div class="hd"><ul><li class="">1</li><li class="">2</li><li class="">3</li><li class="">4</li><li class="">5</li><li class="">6</li><li class="on">7</li><li class="">8</li><li class="">9</li></ul></div>
		<a class="prev" href="javascript:void(0)"></a><a class="next" href="javascript:void(0)"></a>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			var orien_type = (1 == 1) ? 'dotted' : 'number';
			$("#slide_U__321").slide({
				mainCell:".slide_cont ul", autoPlay:true, interTime:10000,
				hvValue: {type:orien_type, max_width:1000, max_height:244} 
			});
			$('#slide_U__321 .slide_cont ul li').show();
		});
	</script>




</div>

</div>
</div>
</div>
</div>
<div class="md_bottom"><div class="mb_03"><div class="mb_02"><div class="mb_01"><img src="/images/clear.gif" alt=""></div></div></div></div>

</div>
#7

問題描述

  • 首頁>關於本所>簡介影片：safari 無影片顯示
  • 首頁>本所出版品>台灣本草行：safari 有問題
  • 首頁>本所出版品>認識中草藥：safari 有問題

#可能原因
iPad 不支援 Flash

#8

問題描述

網站似乎沒有把邊框定好?? safari 有些頁面會縮版 (以下舉例)

可能原因

div.outer.layout_type 將寬度寫死 1000px 造成跑版。