公平交易委員會全球資訊網站-談宇綺

網站

公平交易委員會全球資訊網站

姓名

談宇綺

日期

2017-11-09

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

iPad Air2

作業系統版本

iOS 10.2

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 61.0.3163.73
Safari:iOS 10.2

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

有跑版(影響閱讀)問題

有出現亂碼

有壞掉的連結

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

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

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

對此網站建議(給個建議吧)

  1. 網頁介面設計得很好,不管是使用或是閱讀都非常的方便無阻礙。
  2. 建議將一些子頁面(如公文下載的系統)的網頁介面也一併改善,整個網站會更完整。

#問題

#可能原因
一開始就偵測瀏覽器是不是IE
如果是IE才會顯示出查詢按鈕
不是就會跳出警告視窗並隱藏查詢按鈕

IE的顯示狀況如下(我使用chrome擴充套件 IE tab模擬)

#問題程式

<input id="elmQuery" style="display:none" type="button" value="查詢" onclick="DoSearch();" class="btn">
<script>
function OnInitial()
{
	try
	{
		if (window.navigator.appName != "Microsoft Internet Explorer")
		{
			alert("請使用瀏覽器Internet Explorer查詢附件中心的檔案。");
			return;
		}
		elmQuery.style.display = "";
		var xmlRequest = new ActiveXObject("Microsoft.XMLDOM");
		xmlRequest.async = false;
		xmlRequest.loadXML("<REQUEST/>");

		var xnRoot = xmlRequest.documentElement;
		xnRoot.setAttribute("QueryStr", window.location.search.substr(1));
		var xnResponse = HttpRequest("asp/default.aspx", xmlRequest);
		if (!xnResponse)
			return;
		g_strCode = xnResponse.getAttribute("GDLocal");
		g_bNeedSlipCode = xnResponse.getAttribute("SLIPCODE") == "TRUE";
		try
		{
			g_coGDLocal = new ActiveXObject("GDLocal.GDFile");
			g_coGDLocal.init(window, g_strCode);
			var oTR = elmTable.previousSibling.firstChild;
			oTR.lastChild.style.display = "";
			oTR.lastChild.previousSibling.style.display = "";
			elmTable.previousSibling.lastChild.lastChild.style.display = "";
		}
		catch (e)
		{
			g_coGDLocal = null;
		}
	
		if (g_bNeedSlipCode)
			elmSlipCodeTR.style.display = "";
		var strQuery = xnResponse.getAttribute("QueryStr");
		if (strQuery && strQuery.indexOf("=") == -1)
		{
			var saQuery = strQuery.split("&");
			elmDocCode.value = saQuery[0].substr(0, 20);
			if (!g_bNeedSlipCode)
				DoSearch();
			else if (saQuery[1])
			{
				elmSlipCode.value = saQuery[1].substr(0, 20);
				DoSearch();
			}
		}
	}
	catch(e)
	{
		_Alert(e);
	}
}


</script>

#建議修改
捨棄只有IE相容的方法
以正式規範html5方法開發此系統