法務部調查局-謝茵安

網站

法務部調查局

姓名

謝茵安

檢測日期

2018-04-12

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結

1.無法顯示網頁
首頁>外國人在台灣



跑版(影響閱讀)問題

1.表格跑掉(多個介面皆有此問題)解法回文連結
首頁>本局簡介>調查局所屬單位地圖
首頁>調查人員特考>特考資訊>備註
首頁>為民服務>檢舉專用電話地址一覽表
首頁>資訊公開>法務部調查局資訊公開一覽表


2.標題跑掉(多個介面皆有此問題)解法回文連結
首頁>新聞活動>新聞快報
首頁>新聞活動>最新消息
首頁>新聞活動>澄清專區

3.頁面有些部分被切掉(多個介面皆有此問題)解法回文連結
Youtube連結顯示不全:
首頁>工作重點>犯罪調查>毒品防制>工作概況>毒品保管及處理
首頁>工作重點>犯罪調查>防制電腦犯罪及資安鑑識實驗室

4.文字跑掉 解法回文連結
首頁>工作重點>科技鑑識與研訓>兩岸情勢研究
首頁>為民服務>退休人員專區>退休人員
首頁>為民服務>追緝外逃
首頁>新聞活動>新聞快報>調查局掃蕩蔡OO等人口販運集團

5.排版怪(電子書區多個網頁都有此問題)
首頁>電子書櫃及宣導>工作年報>經濟犯罪防制

6.圖片被切掉:(多個介面皆有此問題)解法回文連結
首頁>為民服務>火焚及污(破)損鈔券鑑定
首頁>鑑識科技>化學鑑識科
首頁>鑑識科技>文書鑑識科>筆跡鑑定

7.按鈕名稱太長被切掉:(多個介面皆有此問題)解法回文連結
首頁>調查人員特考>特考資訊


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

電子書櫃區,書的按鈕按了會刷新網頁,但不會跳到新介面。電子年報區都有這個問題。
首頁>電子書櫃及宣導>電子出版品>清流雙月刊>漫談國家關鍵基礎
首頁>電子書櫃及宣導>宣導資料>非法吸金型態>違法吸金案厲10611
首頁>電子書櫃及宣導>工作年報>洗錢防制工作年報>105年洗錢防制工作

出現亂碼

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

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

閱讀模式

Android系統

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

1.圖片顯示一半
首頁>工作重點>維護國家安全及利益>國家安全維護工作

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

1.很多地方看起來都很老舊,感覺是上個年代設計出來的網頁。
2.排版方面有很多問題,都讓人難以閱讀。像是插入圖片後整體的排版跑掉。
首頁>工作重點>機關保防>辦理特殊查核


3.內文字體不統一,有的大有的小。小字的版面還有點跑掉。新聞快報區的頁面都有此問題。
首頁>新聞活動>新聞快報>調查局掃蕩蔡OO等人口販運集團

問題:

可能原因:

  1. 表格已修改。
    首頁>本局簡介>調查局所屬單位地圖
    首頁>資訊公開>法務部調查局資訊公開一覽表

小建議

將全部內容置左,程式修改如下:
位置:https://www.mjib.gov.tw/EditPage/?PageID=32f804bb-271b-47b3-b4b3-577ac75ec097:342

.GMapTable td.T_Right {
   /* text-align: right; */
}

  1. 表格已修改。
    首頁>資訊公開>法務部調查局資訊公開一覽表

小建議

<th>取消隱藏,程式修改如下:

<th bgcolor="#CBD5F9" class="col-md-2">保管場所及注意事項</th>

  1. 表格寬度設為固定數值,且內容未自動換行。
    首頁>調查人員特考>特考資訊>備註

原始程式:

位置:view-source:https://www.mjib.gov.tw/EditPage/?PageID=2a1dbbbc-4827-437c-983f-4918462de514
345行

<table align="center" border="1" cellpadding="10" cellspacing="0" style="width: 90%;" width="1104">
    <colgroup>
        <col span="3">
    </colgroup>
    <tbody>
        <tr>
            <td colspan="3" style="border-color: rgb(102, 102, 102); width: 368px; text-align: center; background-color: rgb(204, 204, 204);"><span style="line-height: 2;"><span style="font-size: 22px;"><strong>備註及洽詢</strong></span></span></td>
        </tr>
        <tr>
            <td colspan="2" rowspan="1" style="width: 368px;">
            <ul>
                <li><span style="line-height: 2;"><span style="font-size: 18px;">以上資料僅供參考,如有變更,悉依考選部公告內容為準。</span></span></li>
                <li><span style="font-size: 20px;">應考人對本考試各項業務如有疑義,請依下列聯絡電話與相關單位聯繫:</span></li>
                <li>
                <table align="center" border="1" cellpadding="0" cellspacing="0" style="width: 827px; height: 526px;" width="827">
                    <thead>
                        <tr>
                            <th style="width: 109px; height: 24px;">
                            <p align="center"><span style="font-size: 18px;">詢問事項</span></p>
                            </th>
                            <th style="width: 128px; height: 24px;">
                            <p align="center"><span style="font-size: 18px;">主管機關、單位</span></p>
                            </th>
                            <th style="width: 346px; height: 24px;">
                            <p align="center"><span style="font-size: 18px;">聯絡地址及方式</span></p>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="width: 109px; height: 87px;">
                            <p><span style="font-size: 18px;">報名、證件補驗、考試、體格檢查等有關事項</span></p>
                            </td>
                            <td style="width: 128px; height: 87px;">
                            <p align="center"><span style="font-size: 18px;">考選部特種考試司</span></p>

                            <p align="center"><span style="font-size: 18px;">第二科</span></p>
                            </td>
                            <td style="width: 346px; height: 87px;">
                            <p><span style="font-size: 18px;">地址:11602臺北市文山區試院路1-1號</span></p>

                            <p><span style="font-size: 18px;">電話:(02)2236-9188轉3741、3742、3743</span></p>

                            <p><span style="font-size: 18px;">傳真:(02)2236-6317</span></p>

                            <p><span style="font-size: 18px;">網址:<a href="http://www.moex.gov.tw/"><u>http://www.moex.gov.tw/</u></a></span></p>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 109px; height: 81px;">
                            <p><span style="font-size: 18px;">錄取人員分發、任用等事項</span></p>
                            </td>
                            <td style="width: 128px; height: 81px;">
                            <p align="center"><span style="font-size: 18px;">法務部調查局</span></p>
                            </td>
                            <td style="width: 346px; height: 81px;">
                            <p align="left"><span style="font-size: 18px;">地址:23149新北市新店區中華路74號</span></p>

                            <p align="left"><span style="font-size: 18px;">電話:(02)2911-2241轉2416</span></p>

                            <p align="left"><span style="font-size: 18px;">網址:<a href="http://www.mjib.gov.tw/"><u>http://www.mjib.gov.tw</u></a></span></p>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 109px; height: 85px;">
                            <p><span style="font-size: 18px;">訓練及保留正額錄取資格事項</span></p>
                            </td>
                            <td style="width: 128px; height: 85px;">
                            <p align="center"><span style="font-size: 18px;">公務人員保障</span></p>

                            <p align="center"><span style="font-size: 18px;">暨培訓委員會</span></p>
                            </td>
                            <td style="width: 346px; height: 85px;">
                            <p style="margin-left: 39pt;">&nbsp;</p>

                            <p><span style="font-size: 18px;">地址:11601臺北市文山區試院路1-3號</span></p>

                            <p><span style="font-size: 18px;">電話:(02)8236-7117</span></p>

                            <p><span style="font-size: 18px;">網址:<a href="http://www.csptc.gov.tw/"><u>http://www.csptc.gov.tw</u></a></span></p>
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div style="clear: both;">&nbsp;</div>
                </li>
            </ul>
            </td>
        </tr>
    </tbody>
</table>

建議修改:

  1. 在位置:https://www.mjib.gov.tw/Content/less/normalize.less:9 ,加入 word-break: break-all;

  2. 將表格寬度改百分比。
    位置:view-source:https://www.mjib.gov.tw/EditPage/?PageID=2a1dbbbc-4827-437c-983f-4918462de514
    345行

<table align="center" border="1" cellpadding="10" cellspacing="0" style="width: 95%;">
	<colgroup>
		<col span="3">
	</colgroup>
	<tbody>
		<tr>
			<td colspan="3" style="border-color: rgb(102, 102, 102); width: 95%; text-align: center; background-color: rgb(204, 204, 204);"><span style="line-height: 2;"><span style="font-size: 22px;"><strong>備註及洽詢</strong></span></span></td>
		</tr>
		<tr>
			<td colspan="2" rowspan="1" style="width:95%;">
			<ul>
				<li><span style="line-height: 2;"><span style="font-size: 18px;">以上資料僅供參考,如有變更,悉依考選部公告內容為準。</span></span></li>
				<li><span style="font-size: 20px;">應考人對本考試各項業務如有疑義,請依下列聯絡電話與相關單位聯繫:</span></li>
				<li>
				<table align="center" border="1" cellpadding="0" cellspacing="0" style="width: 90%;">
					<thead>
						<tr>
							<th style="width:20%;">
							<p align="center"><span style="font-size: 18px;">詢問事項</span></p>
							</th>
							<th style="width: 20%;">
							<p align="center"><span style="font-size: 18px;">主管機關、單位</span></p>
							</th>
							<th style="width: 60;">
							<p align="center"><span style="font-size: 18px;">聯絡地址及方式</span></p>
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
							<p><span style="font-size: 18px;">報名、證件補驗、考試、體格檢查等有關事項</span></p>
							</td>
							<td>
							<p align="center"><span style="font-size: 18px;">考選部特種考試司</span></p>

							<p align="center"><span style="font-size: 18px;">第二科</span></p>
							</td>
							<td>
							<p><span style="font-size: 18px;">地址:11602臺北市文山區試院路1-1號</span></p>

							<p><span style="font-size: 18px;">電話:(02)2236-9188轉3741、3742、3743</span></p>

							<p><span style="font-size: 18px;">傳真:(02)2236-6317</span></p>

							<p><span style="font-size: 18px;">網址:<a href="http://www.moex.gov.tw/"><u>http://www.moex.gov.tw/</u></a></span></p>
							</td>
						</tr>
						<tr>
							<td>
							<p><span style="font-size: 18px;">錄取人員分發、任用等事項</span></p>
							</td>
							<td>
							<p align="center"><span style="font-size: 18px;">法務部調查局</span></p>
							</td>
							<td>
							<p align="left"><span style="font-size: 18px;">地址:23149新北市新店區中華路74號</span></p>

							<p align="left"><span style="font-size: 18px;">電話:(02)2911-2241轉2416</span></p>

							<p align="left"><span style="font-size: 18px;">網址:<a href="http://www.mjib.gov.tw/"><u>http://www.mjib.gov.tw</u></a></span></p>
							</td>
						</tr>
						<tr>
							<td>
							<p><span style="font-size: 18px;">訓練及保留正額錄取資格事項</span></p>
							</td>
							<td>
							<p align="center"><span style="font-size: 18px;">公務人員保障</span></p>

							<p align="center"><span style="font-size: 18px;">暨培訓委員會</span></p>
							</td>
							<td>
							<p style="margin-left: 39pt;">&nbsp;</p>

							<p><span style="font-size: 18px;">地址:11601臺北市文山區試院路1-3號</span></p>

							<p><span style="font-size: 18px;">電話:(02)8236-7117</span></p>

							<p><span style="font-size: 18px;">網址:<a href="http://www.csptc.gov.tw/"><u>http://www.csptc.gov.tw</u></a></span></p>
							</td>
						</tr>
					</tbody>
				</table>

				<div style="clear: both;">&nbsp;</div>
				</li>
			</ul>
			</td>
		</tr>
	</tbody>
</table>

補充:

(修正後之截圖)

問題:

可能原因:

標題未自動換行。

原始程式:

位置:https://www.mjib.gov.tw/css/fornews.css:263

h4.comment-author {
    font-size: 1.6em;
}

建議修改:

加入display: inline-block;,使標題因應版面自動換行。

h4.comment-author {
    font-size: 1.6em;
    display: inline-block;
}

補充:

(修正後之截圖)

問題:

可能原因:

youtube供嵌入用的iframe原始碼是固定尺寸,因此無法隨著螢幕縮放。

原始程式:

位置:view-source:https://www.mjib.gov.tw/EditPage/?PageID=079b3d80-6055-47c0-a5c6-d40bde5efe51
342行

<p style="text-align: center;">
    <iframe allowfullscreen="" frameborder="0" height="360" scrolling="no" src="https://www.youtube.com/embed/VNhovTA9KKY?feature=player_detailpage" title="106年獲案毒品銷燬影片" width="640"></iframe>
</p>


建議修改:

  1. <head></head>中新增以下CSS。
.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;
}

  1. 在youtube提供的iframe原始碼外層加入<div class="video-container"></div>
<p style="text-align: center;">
    <div class="video-container">
        <iframe allowfullscreen="" frameborder="0" scrolling="no" src="https://www.youtube.com/embed/VNhovTA9KKY?feature=player_detailpage" title="106年獲案毒品銷燬影片"></iframe>
    </div>
</p>

補充:

(修正後之截圖)

問題:

可能原因:

表格寬度因應螢幕縮放,導致內容跑版。

原始程式:

位置: view-source:https://www.mjib.gov.tw/EditPage/?PageID=85631920-f741-4f90-b196-f645d909e9a2
338行

<table border="0" cellpadding="2" cellspacing="2" width="100%">
	<tbody>
		<tr>
			<td><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px" />&nbsp;<a href="#1">出版訊息</a></span></span></strong></td>
			<td nowrap="nowrap"><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px" />&nbsp;<a href="#2">資料簡介</a></span></span></strong></td>
			<td><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px" />&nbsp;<a href="#3">服務</a></span></span></strong></td>
			<td><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px" />&nbsp;<a href="#4">研究</a></span></span></strong></td>
		</tr>
	</tbody>
</table>


建議修改:

<td></td>中加入width="25%" nowrap="nowrap

<table border="0" cellpadding="2" cellspacing="2" width="100%">
	<tbody>
		<tr>
			<td width="25%" nowrap="nowrap"><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px">&nbsp;<a href="#1">出版訊息</a></span></span></strong></td>
			<td width="25%" nowrap="nowrap"><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px">&nbsp;<a href="#2">資料簡介</a></span></span></strong></td>
			<td width="25%" nowrap="nowrap"><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px">&nbsp;<a href="#3">服務</a></span></span></strong></td>
			<td width="25%" nowrap="nowrap"><strong><span style="font-size: 18px"><span style="line-height: 2"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px">&nbsp;<a href="#4">研究</a></span></span></strong></td>
		</tr>
	</tbody>
</table>

補充:

(修正後之截圖)

問題:

可能原因:

圖片寬度設為固定數值,導致跑版。

原始程式:

位置: view-source:https://www.mjib.gov.tw/EditPage/?PageID=8a6b46f0-cd32-41ad-8e07-731c29572809
350行

<img alt="鑑定工作流程說明" src="/userfiles/images/23-%E9%91%91%E8%AD%98%E7%A7%91%E5%AD%B8%E8%99%95/dollars.jpg" style="width: 600px; height: 321px;">

建議修改:

將圖片寬度設為百分比。

<img alt="鑑定工作流程說明" src="/userfiles/images/23-%E9%91%91%E8%AD%98%E7%A7%91%E5%AD%B8%E8%99%95/dollars.jpg" style="width: 100%;">

補充:

(修正後之截圖)

問題:

可能原因:

按鈕語法設置問題,導致跑版。

原始程式:

位置: https://www.mjib.gov.tw/Content/less/button-groups.less:144

.btn {
    display: inline-block;
    padding: 0.375rem 0.750rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0.063rem solid transparent;
    border-radius: 0.250rem;
}

建議修改:

white-space: nowrap;語法註解掉。

.btn {
    display: inline-block;
    padding: 0.375rem 0.750rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    /* white-space: nowrap; */
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0.063rem solid transparent;
    border-radius: 0.250rem;
}

補充:

(修正後之截圖)