農科園區廠商產品展示平台 - 范玟瑄

WenHsuan · 2017年11月05日05:36

網站

農科園區廠商產品展示平台

姓名

范玟瑄

日期

2017-11-5

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

1024 * 768

作業系統版本

iOS 11.0 (15A372)

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

Chrome：61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0

有跑版（影響閱讀）問題

[首頁][天然物產業]：Chrome與Safari顯示網頁元素不同

圖1

圖2

[首頁][天然物產業]：底部Chrome有顯示"即時訊息"、“熱門議題”、“電子報”、“最新消息”、"產品廣告"等網頁元素，Safari則沒有

[首頁][水產養殖生計]：底部Chrome有顯示"即時訊息"、“熱門議題”、“電子報”、“最新消息”、"產品廣告"等網頁元素，Safari則沒有

圖1

圖2

[首頁][水產養殖生計]：底部"看此產業別的人也看了…"超出格子範圍

圖1

圖2

[首頁]：底部"電子報"Safari瀏覽器超出格子範圍

圖1

圖2

有出現亂碼

無

有壞掉的連結

[首頁][天然物產業][新世紀漢方生技股份有限公司]：連結壞掉了

[首頁][天然物產業][夜安茶]：連結壞掉了

圖

[首頁][天然物產業][夜安茶]：連結壞掉了

圖

[首頁][畜生科技][S1觀賞蝦飼料]：連結壞掉了

圖

有不能用的外掛程式

無

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

無

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

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

☆☆
網站很簡潔，但比如我在搜尋"旺全"，有顯示資料，但無法在網頁裡找到，是件很奇怪的事情

在檢測網站中，還有大約10分鐘時間網站無法點擊上方導覽列，要將網頁coockie清除後才回復正常。

yoyo930021 · 2017年11月08日03:42

可能的原因

瀏覽器預設樣式
無解

yoyo930021 · 2017年11月08日03:44

可能的原因

Server 可能有問題
不確定是故意的還是bug
有時會出現有時不會
不是瀏覽器的問題

yoyo930021 · 2017年11月08日03:53

可能的原因

CSS 樣式設定不當

原始程式：

<div class="panel-body" style="height:100px;">
                                    <table id="NewsRSSUserControl1_DataList1" class="NewsPanel1" cellspacing="0" style="width:100%;border-collapse:collapse;">
				<tbody><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_0">1.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_0" title="即時訊息-This RSS feed URL is deprecated" href="https://news.google.com/news" target="_blank">This RSS f...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_1">2.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_1" title="即時訊息-失蹤幻象機最後資訊：高度5200英呎 - 自由時報電子報" href="http://news.google.com/news/url?sa=t&amp;fd=R&amp;ct2=tw&amp;usg=AFQjCNEgELsoVQMjw3GLolU2a5mNiGYD0Q&amp;clid=c3a7d30bb8a4878e06b80cf16b898331&amp;cid=52780795123420&amp;ei=4X8CWqCBCtLF8gXjla2YDw&amp;url=http://news.ltn.com.tw/news/politics/breakingnews/2246883" target="_blank">失蹤幻象機最後資訊：...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_2">3.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_2" title="即時訊息-南投縣竹山鎮長涉貪瀆辦公室遭檢調搜索 - 自由時報電子報" href="http://news.google.com/news/url?sa=t&amp;fd=R&amp;ct2=tw&amp;usg=AFQjCNGPHZ--v7Zqfo7H1KTWBXVROeqjQQ&amp;clid=c3a7d30bb8a4878e06b80cf16b898331&amp;cid=52780795972579&amp;ei=4X8CWqCBCtLF8gXjla2YDw&amp;url=http://news.ltn.com.tw/news/society/breakingnews/2246765" target="_blank">南投縣竹山鎮長涉貪瀆...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr>
			</tbody></table>

                                </div>

建議程式：

<div class="panel-body" style="height:100px;overflow: hidden;text-overflow : ellipsis;white-space : nowrap;padding: 15px 0;">
                                    <table id="NewsRSSUserControl1_DataList1" class="NewsPanel1" cellspacing="0" style="width:100%;border-collapse:collapse;">
				<tbody><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_0">1.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_0" title="即時訊息-This RSS feed URL is deprecated" href="https://news.google.com/news" target="_blank">This RSS f...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_1">2.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_1" title="即時訊息-失蹤幻象機最後資訊：高度5200英呎 - 自由時報電子報" href="http://news.google.com/news/url?sa=t&amp;fd=R&amp;ct2=tw&amp;usg=AFQjCNEgELsoVQMjw3GLolU2a5mNiGYD0Q&amp;clid=c3a7d30bb8a4878e06b80cf16b898331&amp;cid=52780795123420&amp;ei=4X8CWqCBCtLF8gXjla2YDw&amp;url=http://news.ltn.com.tw/news/politics/breakingnews/2246883" target="_blank">失蹤幻象機最後資訊：...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr><tr>
					<td align="left">
        <span id="NewsRSSUserControl1_DataList1_Label1_2">3.</span><a id="NewsRSSUserControl1_DataList1_HyperLink1_2" title="即時訊息-南投縣竹山鎮長涉貪瀆辦公室遭檢調搜索 - 自由時報電子報" href="http://news.google.com/news/url?sa=t&amp;fd=R&amp;ct2=tw&amp;usg=AFQjCNGPHZ--v7Zqfo7H1KTWBXVROeqjQQ&amp;clid=c3a7d30bb8a4878e06b80cf16b898331&amp;cid=52780795972579&amp;ei=4X8CWqCBCtLF8gXjla2YDw&amp;url=http://news.ltn.com.tw/news/society/breakingnews/2246765" target="_blank">南投縣竹山鎮長涉貪瀆...</a>
        <div style="border:dotted 1px #C9C9C9;"></div>
    </td>
				</tr>
			</tbody></table>

                                </div>

yoyo930021 · 2017年11月08日03:55

可能的原因

CSS 樣式設定不當高度寫死

原始程式：

<div class="panel-body" style="
height: 50px;">
                                    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('NewsMailControl$ScriptManager1', 'form1', [], [], [], 90, '');
			//]]>
</script>

<div class="form-inline" style="margin:auto;text-align:center;margin-top:-5px;">
    <div class="form-group">
        <input name="NewsMailControl$txt02" id="NewsMailControl_txt02" class="form-control" placeholder="Enter the full Email" type="email" style="font-size:15px;height:30px;width:184px;">
    </div>
    <div class="form-group">
        <input type="submit" name="NewsMailControl$btn01" value="訂閱" id="NewsMailControl_btn01" style="height:30px;">
        <input id="btn02" type="button" value="重寫" style="height:30px;">
        <input type="submit" name="NewsMailControl$btn03" value="取消訂閱" id="NewsMailControl_btn03" style="height:30px;">
    </div>
</div>

                                    <input type="hidden" name="HiMailERR" id="HiMailERR" value="電子郵件信箱格式不正確">
                                    <input type="hidden" name="HiLNG" id="HiLNG" value="Ch">
                                </div>

建議程式：

<div class="panel-body">
                                    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('NewsMailControl$ScriptManager1', 'form1', [], [], [], 90, '');
			//]]>
</script>

<div class="form-inline" style="margin:auto;text-align:center;margin-top:-5px;">
    <div class="form-group">
        <input name="NewsMailControl$txt02" id="NewsMailControl_txt02" class="form-control" placeholder="Enter the full Email" type="email" style="font-size:15px;height:30px;width:184px;">
    </div>
    <div class="form-group">
        <input type="submit" name="NewsMailControl$btn01" value="訂閱" id="NewsMailControl_btn01" style="height:30px;">
        <input id="btn02" type="button" value="重寫" style="height:30px;">
        <input type="submit" name="NewsMailControl$btn03" value="取消訂閱" id="NewsMailControl_btn03" style="height:30px;">
    </div>
</div>

                                    <input type="hidden" name="HiMailERR" id="HiMailERR" value="電子郵件信箱格式不正確">
                                    <input type="hidden" name="HiLNG" id="HiLNG" value="Ch">
                                </div>