網頁在手機會不會跑版？用 Chrome 裝置模式檢查版面與操作
活動頁在電腦看起來正常，手機上卻可能出現標題擠成一團、按鈕被固定橫幅遮住，或表單欄位超出畫面。發布前不一定能準備所有手機，但可以先用 Chrome 開發者工具的裝置模式，快速改變瀏覽視窗寬度，找出明顯問題。 裝置模式是在電腦上模擬行動裝置的部分體驗，不等於真的在手機執行。本文會先教你檢查版面、記錄問題，再用實機完成重要操作。 準備：選一個有代表性的頁面 先選即將發布的頁面，最好包括頁首、主要圖片、...
最新文章
用 Google Trends 比較選題：讀懂相對熱度，避開搜尋量誤解
想寫一篇教學，卻不知道讀者更常搜尋「電子報」還是「電子郵件行銷」？Google Trends 可以幫你觀察搜尋興趣隨時間與地區的變化，適合作為選題前的線索。它提供的是經處理的相對熱度，而非實際搜尋次數，也無法保證寫完就有流量。 下面以兩個候選詞為例，建立一個可重複使用的比較方法。你可以換成自己領域的詞；文中的例子不是實際查詢結果。 開始前先把問題縮小 先寫下你要服務的讀者和決策。例如「台灣的小店老...
Advertisements
圖片替代文字怎麼寫？用四種情境判斷 WordPress 的 alt 欄位
上傳圖片時，WordPress 媒體庫有一個「替代文字」欄位。它不是圖片的標題，也不只是讓搜尋引擎看到關鍵字：當讀者使用螢幕閱讀器，或圖片無法顯示時，適當的替代文字可以幫助理解圖片在頁面中的作用。 但每張圖片都填入「圖片」或「網站設計」並不會自動改善閱讀體驗。更有用的問題是：如果讀者看不到這張圖，會錯過什麼？ 本文用資訊圖片、裝飾圖片、功能圖片與圖表四種情境，帶你判斷怎麼寫。 先看圖片在這個位置的...
Nginx 上傳回傳 413？找出請求大小限制並只調整目標路徑
檔案上傳在瀏覽器收到 HTTP 413，代表某一層認為請求內容過大。流量可能先經 CDN、負載平衡器，再到 Nginx 和應用程式；不能只因畫面顯示 413 就假定限制一定在 PHP 或 Nginx。先使用沒有個資的測試檔，記下檔案大小、網址、時間與錯誤回應。 先辨認是哪一層拒絕 開啟瀏覽器開發者工具 Network，重送一次測試並選取上傳請求，查看狀態、Response Headers 和回應內...
Advertisements
Cloudflare 525 SSL handshake failed：檢查原站 TLS 與 SNI
網站顯示 Cloudflare 525 時，瀏覽器到 Cloudflare 的 TLS 可能正常，失敗的是 Cloudflare 到原站的 TLS 握手。官方文件指出，525 發生在使用 Full 或 Full (strict) 且原站握手失敗時；526 則是另一個與原站憑證驗證有關的錯誤。 先記錄錯誤與部署變更 記錄出錯主機名稱、時間與時區、Ray ID、是否間歇發生，以及最近是否更換原站憑證、...
Let’s Encrypt HTTP-01 驗證失敗？檢查 80 埠、挑戰路徑與重新導向
憑證自動續期出現 challenge failed，網站本身卻能用 HTTPS 開啟，兩者並不矛盾。HTTP-01 需要憑證機構從公開網路透過 80 埠讀取指定路徑的驗證內容；首頁可開不代表驗證路徑也正確。本文適用於已確認使用 HTTP-01，且你有權管理網域和網站伺服器的情況。 先確認失敗的網域與驗證方式 從 ACME 用戶端或主機控制台的續期日誌記下失敗網域、時間、HTTP 狀態和 chall...
Advertisements
Linux 日誌佔滿磁碟？用 journalctl 找出容量與安全保留方式
伺服器磁碟空間不足時，systemd journal 可能是需要檢查的一項，但不能看到大型日誌就直接刪除。日誌可能是故障調查或稽核所需的證據。先確認實際使用量、保存位置和保留需求，再決定是否清理。 先確認是哪個檔案系統滿了 df -hT df -i sudo journalctl --disk-usage sudo journalctl --list-boots df -hT 顯示檔案系統容量，d...
DNS-01 驗證如何委派？用 CNAME 縮小憑證自動續期的 DNS 權限
如果網站使用 DNS-01 自動續期憑證，ACME 客戶端通常必須寫入 DNS TXT 記錄。把整個正式網域的 DNS 修改權限交給伺服器並不理想。DNS-01 可以透過 CNAME 將驗證名稱委派到專用區域，讓憑證自動化只持有該區域必要的權限。 先理解委派會改變什麼 以 example.com 為例，CA 會查詢 _acme-challenge.example.com 的 TXT。該名稱若設為 ...
Advertisements
SSL 憑證續期失敗？用 CAA 記錄檢查允許簽發的憑證機構
網站的 DNS 看起來正常，但憑證申請或續期卻出現 CAA records block issuance？這可能是網域的 CAA 記錄限制了可簽發的憑證機構（CA）。先找出實際負責簽發的 CA，再檢查 DNS；不要急著刪除所有限制。 CAA 會影響什麼？ CAA 是一種 DNS 記錄，用來指定哪些 CA 可以為網域簽發憑證。issue 控制一般憑證；issuewild 控制萬用字元憑證。若沒有 i...
網站串接 API 出現 CORS 錯誤？用開發者工具找出失敗的預檢請求
網站 JavaScript 串接 API 時，瀏覽器顯示 CORS 錯誤，但直接開啟 API 網址卻有回應。直接導覽與網頁程式跨來源讀取受到不同限制。CORS 是瀏覽器依 API 回應標頭決定是否允許網頁程式讀取回應的機制，並非 API 身分驗證。 重現並找出預檢或實際請求 先在測試環境以測試帳號及無敏感資料的操作重現，記錄發起頁面的來源（協定、主機、埠）、API 網址、方法及時間。協定或埠不同就...