國際貿易局新南向政策專網-高偉庭

網站

國際貿易局新南向政策專網

姓名

高偉庭

檢測日期

2018-04-03

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  1. 首頁>服務窗口資訊>教育部「臺灣獎學金」計畫
    顯示連線不是私人連線

  1. 首頁>服務窗口資訊>印度「臺灣商品行銷中心」
    首頁>服務資源> 產業服務>印度「臺灣商品行銷中心」
    顯示此頁面不存在

  1. 首頁>服務窗口資訊>海外商務中心
    首頁>服務資源> 產業服務>海外商務中心
    找不到這個頁面

  1. 首頁>服務窗口資訊>管理顧問服務科技發展計畫
    首頁>服務資源> 產業服務>管理顧問服務科技發展計畫
    無法連上這個網站

  1. 首頁 >服務資源> 人才服務>外國人士來臺短期研究計畫
    首頁 >人才培訓與媒合>獎學金>外國人士來臺短期研究計畫
    系統發生非預期錯誤,請稍後再試或洽系統管理員。

跑版(影響閱讀)問題

  1. 首頁>網站導覽
    右側欄寬太小,文字難閱讀解法回文連結
    2018-05-13_155728

  1. 首頁>服務窗口資訊
    首頁 >服務資源> 人才服務
    首頁>服務資源>產業服務
    首頁>人才培訓與媒合>獎學金
    首頁 印尼 國家檔,每國的國家檔頁面都有此問題
    文字網址無法顯示完全但可滑動解法回文連結
    2018-05-13_155950

  1. 首頁>新南向政策>五大旗艦計畫及三大潛力領域
    首頁>服務資源>ICRT【Looking South】節目
    標題與下方分隔線重疊解法回文連結
    2018-05-13_155950

  1. 首頁>新南向政策>五大旗艦計畫及三大潛力領域
    首頁 服務資源 文宣資料
    首頁>認識東協及南亞>醫材市場
    首頁>認識東協及南亞>法規資訊
    排版完全跑掉解法回文連結
    2018-05-13_161303

  1. 首頁>新南向政策>五大旗艦計畫及三大潛力領域,新南向政策、服務資源、認識東協與南亞、商情與活動資訊、人才培訓與媒合下方任何一項點入都有一樣問題
    以這種方式表示同一階的其他項目,很難看懂,建議一項一行就好解法回文連結
    2018-05-13_161448

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

  1. 首頁
    輪播的內容,點more會沒有反應,點其他地方也都點不進去解法回文連結
    2018-05-13_155322

  1. 漢堡選單中的搜尋,就算有打文字搜尋但還是會顯示請輸入關鍵字。點按熱門關鍵字時也沒有反應解法回文連結
    Screenshot_20180513-160852

  1. 首頁>服務資源>金融服務>海外投資貸款
    首頁>服務資源>金融服務>輸出融資-出口貸款
    網址無法點按

出現亂碼

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

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

  1. 首頁>最新消息及其中點入的每一項
  2. 首頁>商情與活動資訊>商情資訊

閱讀模式

可以用/不可以用

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

  1. 首頁
    上方其實有三個項目在輪播但卻只有兩個點
    2018-05-13_155107

  1. 首頁
    下方國家資訊似乎可以置中比較好
    2018-05-13_155619

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

  1. 東協各國資訊不應該只放在首頁,在漢堡選單中建議也要放進去
  2. 漢堡選單中建議一項一行,比較分的清楚
    2018-05-13_171901

問題

可能原因

固定大小table

原始程式

位置:https://www.newsouthboundpolicy.tw/SiteMap.aspx?AspxAutoDetectCookieSupport=1 : 444

<th style="width:200px;"><a href="#" class="mouse-none" title="01. 東協及南亞各國資訊">01. 東協及南亞各國資訊</a></th>

建議修改

<th style="width:20%;"><a href="#" class="mouse-none" title="01. 東協及南亞各國資訊">01. 東協及南亞各國資訊</a></th>

補充

圖片
還是建議是用grid

問題

可能原因

CSS設定

原始程式

位置:https://www.newsouthboundpolicy.tw/ServiceInfo.aspx : 416

<font color="#333333" face="Verdana, sans-serif"
">https://www.moea.gov.tw/MNS/otn/home/Home.aspx</font>

建議修改

<font color="#333333" face="Verdana, sans-serif" style="
    word-wrap:  break-word;
">https://www.moea.gov.tw/MNS/otn/home/Home.aspx</font>

By the way, 416行程式不看不知道,真的是醜到很誇張,猜測應該是工具生出來的code

補充

問題

可能原因

自適應沒做好

原始程式

位置:https://www.newsouthboundpolicy.tw/common/css/core.css : 12

h2, .h2 {
     font-size: 30px; 
}

建議修改

最快的方式是把字體大小調小(基本上就是跟內文一樣)
(上述具體操作就是把font-size砍掉就好)
但是最好還是根據螢幕解析度大小用js append一個
,畢竟內容有點多且標題要大這也沒辦法

問題

可能原因

這個寫網站的人本身可能就是一個問題
我相信您看完code也會這樣覺得的

原始程式

位置:https://www.newsouthboundpolicy.tw/PageDetail.aspx?id=a4cd7bde-0b5c-47e0-aa8b-dbf634ba4642&pageType=SouthPolicy :424

<span style="font-size: 20px;"><strong><a href="Content/upload/editor/otherfiles/區域農業(1).pdf"><span style="color: rgb(153, 204, 0);">區域農業</span></a></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><a href="http://youtu.be/Zq8A2aNvbxA"><span style="color: rgb(153, 204, 0);">區域農業2D動畫</span></a></strong></span>

建議修改

我一開始看的時候,因為字灰灰的我以為是註解就沒有多理
結果後來發現兩個文字之間明明沒有任何margin跟padding也沒有放grid
中間竟然會隔開
然後竟然發現這一堆空格
不管這個人在寫網頁的時候喀了什麼都不要給我來一份
這邊還是建議用bootstrap 的 grid

問題

可能原因

HTML沒設定

原始程式

位置:https://www.newsouthboundpolicy.tw/PageDetail.aspx?id=a4cd7bde-0b5c-47e0-aa8b-dbf634ba4642&pageType=SouthPolicy&AspxAutoDetectCookieSupport=1 : 83

<div class="ss_nav green">
                    <a href="/PageDetail.aspx?id=a4cd7bde-0b5c-47e0-aa8b-dbf634ba4642&amp;pageType=SouthPolicy" title="五大旗艦計畫及三大潛力領域">五大旗艦計畫及三大潛力領域</a>
                    <a href="/PageDetail.aspx?id=ea9f618e-037a-4aad-bbad-0cfee0ae7ca4&amp;pageType=SouthPolicy" title="新南向政策概略">新南向政策概略</a>

建議修改

最快但絕對不是最好的解法是直接在a tag外面加一層div

<div class="ss_nav green">
                    <div><a href="/PageDetail.aspx?id=a4cd7bde-0b5c-47e0-aa8b-dbf634ba4642&amp;pageType=SouthPolicy" title="五大旗艦計畫及三大潛力領域">五大旗艦計畫及三大潛力領域</a></div>
                    <div><a href="/PageDetail.aspx?id=ea9f618e-037a-4aad-bbad-0cfee0ae7ca4&amp;pageType=SouthPolicy" title="新南向政策概略">新南向政策概略</a></div>

補充

圖片
上面兩個是改過的,下面是沒有改過前

問題

可能原因

按鈕沒綁id跟除了按鈕共用的btn class以外的class,href也沒東西,js也抓不到東西,很好奇這是什麼操作

問題

可能原因

我網頁檢測這邊看不到它前端判斷處理的檔案,同時也沒有像是summit的按鈕(input旁按鈕是假連結),input資料也不知道就這樣送到哪去
(jQuery selector $(".search input[name=keyword]")[0]$(".search input[name=keyword]")[1] 分別取到: body > div.header_desktop.hidden-xs.hidden-sm > div > div > div > input#mobile_nav > div > div > div.modal-body.mobile_nav > div:nth-child(2) > div > input ; 原始程式只判斷電腦版的輸入欄位就彈警告了)

原始程式

<div class="search">
                        <input name="keyword" maxlength="20" placeholder="全站搜尋" title="全站搜尋"><a href="#" style="cursor: pointer;"><i class="fa fa-search"></i></a>
                    </div>

search: function() {
                var i = "請輸入搜尋關鍵字", r = "搜尋關鍵字最少2個字以上", n;
                if (t && (i = "please input keyword",
                r = "search keywords too short"),
                n = $.trim($(".search input[name=keyword]").val()),
                n = n.replace(/</g, ""),
                n = n.replace(/>/g, ""),
                n = n.replace(/'/g, ""),
                n = n.replace(/"/g, ""),
                n = n.replace(/-/g, ""),
                n == "")
                    return alert(i),
                    !1;
                if (n.length < 2)
                    return alert(r),
                    !1;
                location.href = "Search.aspx?keyword=" + encodeURIComponent(n)
            }