雖然我是相當資深的 Mac 使用者,但除了測試其實很少使用 Safari 瀏覽器,主要還是以 Google Chrome 和新版 Microsoft Edge 做為日常使用,操作上較為習慣,而且也有大部分我會用到的擴充功能。不過使用 Mac 的朋友一定知道內建 Safari 瀏覽器有許多優點,像是更好的速度、效能而且也更省電,因此每隔一段時間就想回到 Safari 繼續嘗試一段時間,看看有沒有可能讓自己習慣 Safari 瀏覽器。
除錯工具
httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形
自行架站會遇到各式各樣的狀況,其中很常發生的是要檢查某項功能有沒有正常運作(舉例來說,在 WordPress 網站使用 Cloudflare 外掛建立快取),除了檢查網頁原始碼,大多會透過瀏覽器內建的「開發人員工具」進行各項除錯工作,查看一個網頁究竟載入多少元件檔案,也會檢查相關檔案在使用時從伺服器端回傳的「Response Headers」,這些看起來複雜的資訊代表著某個文件是如何被載入使用,也能找出拖慢網頁速度的原因。
YourKit.pw 快速產生瀏覽器相關資訊,開發除錯更容易找出問題點
對網站站長來說,在開發網站的過程中會考慮到各種可能的問題,有時候只能想辦法使用更多不同的環境進行測試,但百密必有一疏,難免遇到一些很神奇、難以理解的狀況,通常都會先詢問對方的操作環境,才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊,可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊,為客戶免費建立自定檢測頁面」這兩項免費服務達到目的,也更節省時間。
My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題好夥伴
要解決問題必須知道問題在那,就如同除錯(Debug)時要有完整資訊才行,如果你遭遇一些和網頁相關的狀況,也認為罪魁禍首應該是瀏覽器,那麼提供必要資訊將有助於開發者釐清並修復問題。但這又有一個問題:我要如何提供最完整的使用者資訊呢?除了瀏覽器名稱、版本以外還需要什麼?這可能就比較有難度了,還好問題終究會有人想到解決辦法。
如何解決 Facebook 分享時抓不到標題和縮圖問題?(Facebook Debugger)
之前我曾寫過一篇「把連結貼到 Facebook 卻抓不到縮圖?簡單的方法幫你解決!」教學,使用的原理其實很簡單,就是在網址後面隨意加上錨點來讓 Facebook 重新抓取鏈結,由於 Facebook 每天要處理的網址數量相當龐大,分享過的連結會建立快取以減少存取次數,有些時候當連結無法被正確抓取標題或縮圖時,我們可以透過 Facebook Debugger 工具來強制使它重新抓取一次。