新竹科學工業園區管理局--楊珣

網站

新竹科學工業園區管理局

姓名

楊珣

檢測日期

2018-04-24

檢測裝置

Sony xperia ultra xa1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.117

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

首頁 > 認識園區 > 竹科交通 > 桃園市公車
(龍潭科學園區線時刻表、站址表)
擷取3
(範例一)


跑版(影響閱讀)問題








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

出現亂碼

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

網站載入緩慢(相對一般網站)![擷取16|303x500]

閱讀模式

使用andriod系統

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




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

  • 需要改進的地方
    1.網頁導覽的製作方式可以參考文化部文化資產局的設計。
    2.點閱率排行榜的設置有點意義不明。

問題:

可能原因:

RWD 沒設定好

原始程式:

第 493 763 行
<div id="content_top">
<div class="content_rg">

建議修改:

第84行 新增@media
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        #content_top{
            margin:  0 !important;
            }
        .content_rg{
            width: 100vw !important;
            margin-right: -20px !important;
            }
    }
    
</style>

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

RWD 沒設定好

原始程式:

第 635-671 行
<select id="qclass" name="qclass">
    <option value="">---全部---</option>
    <option value="201002260003" >研發人培</option>
    <option value="201002260002" >投資保稅</option>
    <option value="201001260001" >勞安環保</option>
    <option value="201001260002" >工商服務</option>
    <option value="201001260003" >設施與水電</option>
    <option value="201002260004" >租賃建管</option>
    <option value="201002260005" >資訊服務</option>
    <option value="201006290001" >政風資訊</option>
    <option value="201004290001" >職安統計</option>
    <option value="201006300001" >採購資訊</option>
    <option value="201003310001" >其它</option>
    <option value="201208150001" >廠商動態</option>
    <option value="201301300001" >創新資訊產業訊息</option>
    <option value="201403240001" >園區簡訊</option>
    <option value="201710110001" >抗旱相關訊息</option>
</select>
<img src="img/pageimg/iecool_arrow_087.gif" alt="*" width="9" height="9">

建議修改:

第 635-671 行 新增 br tag
<select id="qclass" name="qclass">
    <option value="">---全部---</option>
    <option value="201002260003" >研發人培</option>
    <option value="201002260002" >投資保稅</option>
    <option value="201001260001" >勞安環保</option>
    <option value="201001260002" >工商服務</option>
    <option value="201001260003" >設施與水電</option>
    <option value="201002260004" >租賃建管</option>
    <option value="201002260005" >資訊服務</option>
    <option value="201006290001" >政風資訊</option>
    <option value="201004290001" >職安統計</option>
    <option value="201006300001" >採購資訊</option>
    <option value="201003310001" >其它</option>
    <option value="201208150001" >廠商動態</option>
    <option value="201301300001" >創新資訊產業訊息</option>
    <option value="201403240001" >園區簡訊</option>
    <option value="201710110001" >抗旱相關訊息</option>
</select>

<br class="rwd_br">

<img src="img/pageimg/iecool_arrow_087.gif" alt="*" width="9" height="9">
第96行 新增

<style type="text/css">
    .rwd_br{
            display: none;
            }
    @media (min-width: 300px) and (max-width: 991px){
        .rwd_br{
            display: block !important;
            }
    }
    
</style>

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

RWD 沒設定好

原始程式:

第 635 行
<table width="100%" border="1" cellpadding="3" cellspacing="1" bgcolor="#B1D5DC" class="table_line01">

建議修改:

第 635 行 新增 style=" width: 90vw;"
<table border="1" cellpadding="3" cellspacing="1" bgcolor="#B1D5DC" class="table_line01" style="
    width: 90vw;
">

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

文字編輯器問題

原始程式:

第 614-616 行
<p class="a41"> 竹科管理局設立企劃、投資、環安、工商、營建及建管6個組及秘書、人事、主計、政風4個室(<a class="a31" target="_self" href="/home.jsp?serno=201001210027&amp;mserno=201001210023&amp;menudata=ChineseMenu&amp;contlink=content/about_4.jsp&amp;level2=Y" data-ajax="false" >請參考組織架構</a>),為園區廠商建設優質基礎建設、提供單一窗口服務、創新研發機制及產學研合作機制。竹科成功的開發經驗更擴散至南部以及中部科學園區,型塑北、中、南各具特色的產業聚落,帶動了區域經濟均衡發展與地方繁榮,同時也驅動國內主要產業上、中、下游緊密完整的群聚(cluster)效應,躍升我國成為全球矚目的ICT高科技產業重鎮,璀璨的績效與成功經驗深獲國內外各界一致的肯定與學習,更被譽為「台灣的矽谷」。<br />
                          面對高度變動而競爭激烈的全球產業環境,竹科管理局除維持原有的優質基礎建設及單一窗口服務外,也將積極構建產學訓交流平台,就區域產業政策鏈結方面深耕布局,善用竹科既有的競爭優勢推動創業育成,也強化中央與地方府際合作,期以結合新竹縣/市科技生活城概念,成為科技應用試驗場域,誘發產業成長潛力。
                          配合政府五大產業創新政策,竹科管理局將積極在各園區建立產業聚落,除加強銅鑼、宜蘭等新興園區招商外,針對生技產業在初創時期急迫的廠房需求,竹科管理局將加速規劃興建生物醫學園區第二生技大樓,供生醫廠商充足進駐空間,強化新竹生醫產業聚落之成效,期望園區產業能作為驅動台灣下世代產業成長的核心,期達成數位國家、智慧島嶼、服務業高值化、非核家園及節能減碳願景。</p>   

建議修改:

第 614-616 行 新增br tag
<p class="a41"> 竹科管理局設立企劃、投資、環安、工商、營建及建管6個組及秘書、人事、主計、政風4個室(<a class="a31" target="_self" href="/home.jsp?serno=201001210027&amp;mserno=201001210023&amp;menudata=ChineseMenu&amp;contlink=content/about_4.jsp&amp;level2=Y" data-ajax="false" >請參考組織架構</a>),為園區廠商建設優質基礎建設、提供單一窗口服務、創新研發機制及產學研合作機制。竹科成功的開發經驗更擴散至南部以及中部科學園區,型塑北、中、南各具特色的產業聚落,帶動了區域經濟均衡發展與地方繁榮,同時也驅動國內主要產業上、中、下游緊密完整的群聚(cluster)效應,躍升我國成為全球矚目的ICT高科技產業重鎮,璀璨的績效與成功經驗深獲國內外各界一致的肯定與學習,更被譽為「台灣的矽谷」。<br />
                          <br>面對高度變動而競爭激烈的全球產業環境,竹科管理局除維持原有的優質基礎建設及單一窗口服務外,也將積極構建產學訓交流平台,就區域產業政策鏈結方面深耕布局,善用竹科既有的競爭優勢推動創業育成,也強化中央與地方府際合作,期以結合新竹縣/市科技生活城概念,成為科技應用試驗場域,誘發產業成長潛力。
                          <br>配合政府五大產業創新政策,竹科管理局將積極在各園區建立產業聚落,除加強銅鑼、宜蘭等新興園區招商外,針對生技產業在初創時期急迫的廠房需求,竹科管理局將加速規劃興建生物醫學園區第二生技大樓,供生醫廠商充足進駐空間,強化新竹生醫產業聚落之成效,期望園區產業能作為驅動台灣下世代產業成長的核心,期達成數位國家、智慧島嶼、服務業高值化、非核家園及節能減碳願景。</p>   

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

RWD 沒設定好

原始程式:

第 590 行
<p> 
    <img border="0" hspace="20" alt="竹科介紹圖片" width="300" align="right" height="223" src="/UserFiles/pic3.jpg" /> 
    新竹科學工業園區轄屬六個衛星園區,分別是新竹、竹南、銅鑼、龍潭、宜蘭與新竹生物醫學園區等科學園區,總開發面積1,342公頃,目前所有衛星學園區已有廠商進駐並開始營運。截至目前,核准廠商數已經超過520家,員工超過15萬人,實收資本額超過1兆元;近三年平均營業額均突破兆元。
</p>

建議修改:

第 590 行 刪除 width="300 height=“223” 新增class=“rwd_img” & br tag
<p>
    <img class="rwd_img" border="0" hspace="20" alt="竹科介紹圖片"" align="right"  src="/UserFiles/pic3.jpg" />
    <br class="rwd_br"> 
    新竹科學工業園區轄屬六個衛星園區,分別是新竹、竹南、銅鑼、龍潭、宜蘭與新竹生物醫學園區等科學園區,總開發面積1,342公頃,目前所有衛星學園區已有廠商進駐並開始營運。截至目前,核准廠商數已經超過520家,員工超過15萬人,實收資本額超過1兆元;近三年平均營業額均突破兆元。
</p>
第9行 新增
<style type="text/css">
    .rwd_br {
        display: none;
    }

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_br {
            display: block;
            }
        .rwd_img{
            width: 100% !important;
            height: auto !important;
            }
    }
    
</style>

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

RWD 沒設定好

原始程式:

第 727 行
<table cellspacing="0" cellpadding="3" width="100%" border="0">

建議修改:

第 727 行 新增style=“width: 95vw;”
<table style="width: 95vw;" cellspacing="0" cellpadding="3" width="100%" border="0">

補充

image

結尾(選填,可增加網站建議) (edited)

問題:

可能原因:

整個網頁都使用table排版,請勿使用table排版

建議修改:

補充

結尾(選填,可增加網站建議) (edited)