SingleFile 將完整網頁保存為單一 HTML 格式下載(Chrome 擴充功能)

SingleFile 將網頁保存為單一 HTML 格式下載(Chrome 擴充功能)

大部分的常見瀏覽器都有內建另存頁面、另存新檔功能,可以將看到的網頁保存到電腦,不過如果選擇完整網頁會發現瀏覽器其實是將所有檔案保存在另一個資料夾,像是 CSS、圖片和字型檔案等等,為了要讓網頁正常顯示,需要將 HTML 和這個資料夾放在一起才行,可能很多人覺得非常困擾吧!如果你有另存網頁的需求,可試試看接下來介紹的瀏覽器外掛。

SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

如果說到要怎麼改善搜尋引擎最佳化(SEO)成效,我通常會說先把程式碼寫對寫正確,然後檢查一下網站速度使用者體驗,尤其是 Google 已經將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序的因素,如何最佳化三項指標:LCP、FID 和 CLS 就是目前最重要的工作,另一方面,必須要仔細閱讀「Google 搜尋引擎最佳化入門指南」有助於建立起正確的觀念。以往各項網站最佳化操作依然可行,也是網站管理者必須要注意而且時時刻刻檢視的項目,透過一些工具進行分析有助於找出並且釐清應該進行的相關操作。

WebPageTest 網站效能檢測工具,協助將使用體驗核心等各項指標最佳化

WebPageTest 網站效能檢測工具,協助將使用體驗核心等各項指標最佳化

大家都知道 Google 今年已將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序因素之一,也就是說管理者需要努力讓網站三項指標:LCP、FID 和 CLS 維持在良好狀態,因此除了速度也要考量到各種網頁元件放置,透過不斷修改調整和測試來使瀏覽者獲得更好的體驗,如果是 Cloudflare 使用者不妨開啟「啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標」功能來分析數據,Google 自家提供的 PageSpeed Insights 也能在輸入網址後進行檢測並獲得相關數據表現。

SpeedVitals 免費網站性能分析工具,最佳化網站使用體驗

SpeedVitals 免費網站性能分析工具,最佳化網站使用體驗

身為網站管理者經常會去改動網頁各項參數,或是調整看得到的版型設計等相關細節,在搜尋引擎即將開始提高網站使用體驗核心指標(Core Web Vitals)佔比之際,需要開始最佳化網站使用者體驗,有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分,但它給的建議較少,搭配 GTmetrix 可以獲得更多的分析結果,不過 GTmetrix 有每日可免費使用次數限制,接下來的服務是免費替代方案。

PearOCR 免費 OCR 圖片轉文字,離線狀態也能用

PearOCR 免費 OCR 圖片轉文字,離線狀態也能用

大家都知道如果文字出現在圖片上,就無法直接複製或編輯文字內容,必須透過 OCR 光學字元辨識技術進行掃描,再把結果轉為純文字格式輸出,以前介紹過 Project Naptha 擴充功能讓圖片裡的文字可以直接被複製、選取,後來也有不少支援中文的免費 OCR 工具像是 EasyScreenOCRNewOCRFree Online OCR 等等,而現在手機相機鏡頭也內建 OCR 效果,直接拍攝後辨識取得文字內容,非常方便。

Fast or Slow 免費網站測速工具,從全球 18 個位置測量網頁效能速度

Fast or Slow 免費網站測速工具,從全球 18 個位置測量網頁效能速度

如果想測試網站或部落格開啟速度,可不是只有在自己瀏覽器以開發人員工具檢查而已,用感覺的方法一定不準確,而且網站開啟速度也會受到各種因素影響,其中又以地理距離最為顯著,在不同國家地區存取網站的各種資源可能會有不同的反應速度或表現,甚至某些檔案在一些區域難以開啟等等,這都要使用網站測速服務才能做到,例如之前推薦過的「16 個免費網站測速工具,分析網頁效能表現」就有很好用的選項。

ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果

ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果

現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶,因為智慧型手機已經普及,很多人在工作以外的時間甚至很少使用電腦,讓不同螢幕大小的裝置都能正常瀏覽非常重要。以往會將網站區分為電腦版或手機版,使用不同的版型設計,好處是開發上比較簡單,這幾年流行使用回應式網頁設計(Responsive Web Design,簡稱 RWD),讓網頁在不同裝置上瀏覽時可以對應不同解析度而有適合的閱讀效果。

使用 Chrome 遠端桌面連到其他電腦,也能與他人分享螢幕畫面

使用 Chrome 遠端桌面連到其他電腦,也能與他人分享螢幕畫面

有些使用者可能會有遠端桌面連線需求,例如從辦公室、咖啡廳連回家中電腦,無論是控制桌面或是存取電腦裡的檔案都很方便,最知名的軟體就屬 VNC 系列和 TeamViewer。事實上 Google 旗下免費工具「Chrome 遠端桌面」已可滿足類似需求,直接和使用者的 Google 帳戶整合,使用設定上更為簡單可靠,當電腦設定好遠端存取權限,就能透過其他電腦、平板電腦或智慧型手機進行連接,進行遠端控制操作,如果需要請其他人協助解決電腦雜症「分享螢幕畫面」也很有用。

Shar.ec 線上螢幕錄影工具,錄製後產生分享鏈結可下載 Webm 格式

Shar.ec 線上螢幕錄影工具,錄製後產生分享鏈結可下載 Webm 格式

若要錄製一段螢幕畫面,搭配上網路攝影機、麥克風或系統音效,你可能會開始搜尋螢幕錄影軟體,好消息是現在要錄製螢幕畫面、將它轉為影音格式已經變得非常簡單,甚至只需要透過瀏覽器就能做到,不用額外安裝軟體或瀏覽器擴充功能,舉例來說,RecordCast 整合螢幕錄影工具和影片編輯器功能,錄影結束直接線上編輯;Shareit.video 能在錄影後上傳影片、產生分享鏈結,或將它下載保存為 Mp4 格式。

Accudriver 查詢不同國家交通規則和道路標誌差異,開車上路更安全

Accudriver 查詢不同國家交通規則和道路標誌差異,開車上路更安全

近年相當流行出國開車自助旅行,在大多數國家只需要申辦國際駕照,在當地就能自駕,不過也有國家不太一樣,例如在日本就需要使用日文譯本駕照,在出發前記得先到監理所申請。其實在國外開車並不難,除了一些特殊環境(例如雪地或長途)或和台灣不同的左行(右駕)國家需要特別注意,在道路標誌方面也要先熟悉了解,每個國家使用的標誌可能會有差異,出發前記得先做足功課才不會讓自己遭遇危險。