小攻城師的戰場筆記

用一個之前建置的頁面來套版改寫，其中有用到 Bootstrap 3 的內置視窗 (modal) 功能，在舊網站裡連續開兩個也能正常顯示，但是在改寫後的另一個子網站裡使用，不知道被頁面上什麼內容干擾了，原本在 modal 跳出後底部遮蔽內容用的灰色遮罩，會在某一層 modal 出現後，就蓋在整個畫面上，連 modal 都被蓋住了。
這個情況是 body 裡的 class "modal-open" 不知道在什麼狀況下被移除了，補回去就好了。

第一次用 CSS 的 flex 排版時，覺得超級驚豔！可以輕鬆的將一系列物件調整至等高、置中對齊、基線對齊等，要把東西拉成一列或排成一欄也只要透過 "flex-direction" 一個 CSS 屬性，就能調整。就連分散對齊都是一秒設定！
所以收集一下覺得很不錯的教學文：

今天有同事問：可不可以只列印頁框的內容？
因為 IE (Internet Explorer) 可以在預覽列印中選擇列印範圍：

網路上有一篇嘉義大學在 106 年 8 月通過無障礙 A 等級的心得文，受益於該文章，而且覺得完整的「無障礙規範索引」超冗長，以下整理一些之前申請網站無障礙常遇到的問題。
（先寫想到的，有空再持續補充）

原本參考《透過Javascript觸發檔案下載》寫的下載檔案功能，會透過 JavaScript 在頁面內容塞 iframe，觸發瀏覽器的下載事件。
但在 IE 會出現錯誤訊息：

今天有 user 反映，在某個表單頁面，輸入資料後會出現以下訊息，每個瀏覽器反應都不同：
IE:「您必須輸入有效的值」
Firefox: 「請選擇有效的值。最接近的有效值為 1 與 2。」
Chrome: 「請輸入有效值。最接近的兩個有效值分別是 1 和 2。」

要申請無障礙網路空間的「網站無障礙規範」認證標章，需要先通過其檢測工具 freego 的機器檢測。
這天檢測時遇到一個問題：freego 程式出現錯誤訊息視窗，「瀏覽器開啟錯誤，請檢查ChromeDriver與本機Chrome瀏覽器的版本是否相應」。

今天的題目是有人問在 LINE 上面看到分享網站連結時，因為頁面沒有在 <meta> 裡設定 description、og:description 這些內容，所以預覽文字會從頁面最上方的內容爬下來。
修改 description 後可以怎麼辦呢？

因為需要讓手上編寫的網頁符合無障礙標準，所以要安裝 Freego，想說在 macOS 上裝來用看看。
結果到 NCC 的無障礙網路空間服務網的下載專區，下載「單機版檢測工具 Freego 2.0」的 Linux 版後，解壓縮之後打開終端機 (terminal) 視窗，切到目錄、執行主程式：

有個網站昨天從 HTTP 升級成 HTTPS，但今天有部分使用者反映無法連線到該網站。
首先遇到的問題是，該 HTTPS 網站用了特殊 port 8080，而防火牆預設只提供 80 與 443，所以要請網管搭配設定。