法務部調查局－謝茵安

bella20523 · 2018年04月12日11:34

網站

法務部調查局

姓名

謝茵安

檢測日期

2018-04-12

檢測裝置

SAMSUNG-J700F

作業系統與瀏覽器版本

Android 5.1.1
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

螢幕解析度 360X640

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

是

壞掉的連結

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

跑版（影響閱讀）問題

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

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

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

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

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

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

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

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

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

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

Android系統

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

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

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

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

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

youyuchen.alice · 2018年04月30日02:42

問題：

可能原因：

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

小建議

將全部內容置左，程式修改如下：
位置：- 法務部調查局
.GMapTable td.T_Right {
   /* text-align: right; */
}

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

小建議

將<th>取消隱藏，程式修改如下：
<th bgcolor="#CBD5F9" class="col-md-2">保管場所及注意事項</th>

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

原始程式：

位置：view-source:洽詢電話 - 法務部調查局
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>

建議修改：

在位置：https://www.mjib.gov.tw/Content/less/normalize.less:9 ，加入 word-break: break-all;
將表格寬度改百分比。
位置：view-source:洽詢電話 - 法務部調查局
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>

補充：

(修正後之截圖)

youyuchen.alice · 2018年04月30日02:57

問題：

可能原因：

標題未自動換行。

原始程式：

位置：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;
}

補充：

(修正後之截圖)

youyuchen.alice · 2018年04月30日03:30

問題：

可能原因：

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

原始程式：

位置：view-source:毒品保管及處理 - 法務部調查局
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>

建議修改：

在<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%;
}

在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>

補充：

(修正後之截圖)

youyuchen.alice · 2018年04月30日03:40

問題：

可能原因：

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

原始程式：

位置： view-source:兩岸情勢研究 - 法務部調查局
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>

補充：

(修正後之截圖)

youyuchen.alice · 2018年04月30日03:55

問題：

可能原因：

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

原始程式：

位置： view-source:火焚及污(破)損鈔券鑑定 - 法務部調查局
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%;">

補充：

(修正後之截圖)

youyuchen.alice · 2018年04月30日04:02

問題：

可能原因：

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

原始程式：

位置： 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;
}

補充：

(修正後之截圖)

法務部調查局－謝茵安

網站

姓名

檢測日期

檢測裝置

作業系統 與 瀏覽器版本

解析度（手機螢幕）

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

壞掉的連結

跑版（影響閱讀）問題

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

出現亂碼

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

網站載入緩慢（相對一般網站）

閱讀模式

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

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

問題：

可能原因：

小建議

小建議

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

作業系統與瀏覽器版本