LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖,這些資訊是從頁面的 Open Graph 標籤抓取而來,簡單來說,網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊,讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果,因此完善 Open Graph 標籤資訊很重要,有助於讓網頁在各種平台顯示正確資訊。

如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?

如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?(Windows、Mac、Linux)

從 2021 年 1 月 12 日開始,Adobe 將會禁止 Flash Player 播放 Flash 內容,主流瀏覽器會繼續停用對 Flash Player 的支援,我前段時間也寫了一篇「Adobe 提供 Flash Player 解除安裝工具 Windows、Mac 使用者需下載移除」教學,依照官方說明,若沒有手動移除,程式依然會留在使用者的電腦上,Adobe 在 Flash Player EOL(產品壽命結束)後不會再提供任何更新或安全性修復,建議將它從電腦移除有助於保護使用者安全。

小技巧:讓 Safari 開新分頁自動顯示在最後方,更接近 Chrome 使用習慣

小技巧:讓 Safari 開新分頁自動顯示在最後方,更接近 Chrome 使用習慣

雖然我是相當資深的 Mac 使用者,但除了測試其實很少使用 Safari 瀏覽器,主要還是以 Google Chrome 和新版 Microsoft Edge 做為日常使用,操作上較為習慣,而且也有大部分我會用到的擴充功能。不過使用 Mac 的朋友一定知道內建 Safari 瀏覽器有許多優點,像是更好的速度、效能而且也更省電,因此每隔一段時間就想回到 Safari 繼續嘗試一段時間,看看有沒有可能讓自己習慣 Safari 瀏覽器。

httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形

httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形

自行架站會遇到各式各樣的狀況,其中很常發生的是要檢查某項功能有沒有正常運作(舉例來說,在 WordPress 網站使用 Cloudflare 外掛建立快取),除了檢查網頁原始碼,大多會透過瀏覽器內建的「開發人員工具」進行各項除錯工作,查看一個網頁究竟載入多少元件檔案,也會檢查相關檔案在使用時從伺服器端回傳的「Response Headers」,這些看起來複雜的資訊代表著某個文件是如何被載入使用,也能找出拖慢網頁速度的原因。

YourKit.pw 快速產生瀏覽器相關資訊,開發除錯更容易找出問題點

YourKit.pw 快速產生瀏覽器相關資訊,開發除錯更容易找出問題點

對網站站長來說,在開發網站的過程中會考慮到各種可能的問題,有時候只能想辦法使用更多不同的環境進行測試,但百密必有一疏,難免遇到一些很神奇、難以理解的狀況,通常都會先詢問對方的操作環境,才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊,可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊,為客戶免費建立自定檢測頁面」這兩項免費服務達到目的,也更節省時間。

My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題好夥伴

My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題好夥伴

要解決問題必須知道問題在那,就如同除錯(Debug)時要有完整資訊才行,如果你遭遇一些和網頁相關的狀況,也認為罪魁禍首應該是瀏覽器,那麼提供必要資訊將有助於開發者釐清並修復問題。但這又有一個問題:我要如何提供最完整的使用者資訊呢?除了瀏覽器名稱、版本以外還需要什麼?這可能就比較有難度了,還好問題終究會有人想到解決辦法。

如何解決 Facebook 分享時抓不到標題和縮圖問題?(Facebook Debugger)

之前我曾寫過一篇「把連結貼到 Facebook 卻抓不到縮圖?簡單的方法幫你解決!」教學,使用的原理其實很簡單,就是在網址後面隨意加上錨點來讓 Facebook 重新抓取鏈結,由於 Facebook 每天要處理的網址數量相當龐大,分享過的連結會建立快取以減少存取次數,有些時候當連結無法被正確抓取標題或縮圖時,我們可以透過 Facebook Debugger 工具來強制使它重新抓取一次。