現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
網頁快照
Full Page Screen Capture 快速擷取完整網頁畫面，轉為圖片或 PDF 格式（Chrome 擴充功能）
對於可以保存網頁畫面的截圖工具相信大家都不陌生，像是 WinSnap、FastStone Capture 或 Mac 系統很好用的 Jing（現在是 TechSmith Screencast）都能達到類似效果，或是透過瀏覽器擴充功能和線上工具也能做到，通常保存下來的都是靜態圖片格式。如果你想要完整保存某個網頁在某個時間點的樣貌，透過第三方建立更具公信力的網頁備份可能是更好的選擇，我曾介紹過 Wayback Machine 網頁時光機就能讓使用者將頁面完整保存在線上，以便隨時回溯到特定時間：
Archiveror 快速備份、永久保存當前看到的網頁內容（Chrome、Firefox）
現在放到網路上的任何資料都可能被永久保存，即使編輯或刪除頁面內容依然無解，大家都知道搜尋引擎 Google 或 Bing 會索引頁面，短時間內就會快取內容，但我之前曾經提到過的網頁時光機 Wayback Machine 可以完整備份網頁畫面及相關檔案，提供可永久引用的來源，如果某個網站營運時間夠長，重要性很高，甚至能夠回溯到更早以前某個時間點畫面。因此網路上的足跡是很難被抹除的，要將任何文字圖片放上網路時務必要更謹慎小心。
Save To The Wayback Machine 一鍵備份網頁內容，查詢已存檔頁面版本（Chrome 擴充功能）
前幾天剛寫完「使用 Wayback Machine 完整備份網頁畫面，建立可永久使用的引用來源」教學，現在大家都知道 Internet Archive 網際網路檔案庫是可以用來備份網頁、查看不同時間網頁樣貌的工具，還能比較不同時間的內容差異。有時候如果要引用某個時間點的內容，透過 Wayback Machine 產生的網址可以永久使用而不必擔心失效，至少無法竄改內容，若是直接擷圖可能難以標示時間，也不能確保內容客觀性。
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度大小，對於檢查自適應網頁設計（Responsive Web Design）網站呈現效果來說會很有用，有時候也可能用來備份網頁內容，像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片，或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。
使用 Wayback Machine 完整備份網頁畫面，建立可永久使用的引用來源
幾天前我介紹了「以網頁時光機 Wayback Machine 比較不同時間點的網頁內容差異」，也就是大家很熟悉的 Internet Archive 最近推出的新功能，這項服務確實非常好用，除了可以回溯查看某個網站在不同時間點樣貌，對於已經被刪除或編輯後的網頁內容也有保存紀錄或回復的效果。順帶一提，記得之前還看過付費服務可以協助網站管理員從 Wayback Machine 將以前的網頁資料恢復（因為這些備份還是得經過處理才能變回一般網頁），若網頁放在虛擬主機又沒續費而被刪除是可以救回資料的方法。
以網頁時光機 Wayback Machine 比較不同時間點的網頁內容差異
Internet Archive 最知名的工具「Wayback Machine」網站時光機相信大家都不陌生，這項服務的目標是將分分秒秒都在變化的網頁備份保存下來，以便使用者日後隨時返回、檢索特定時間點的網頁樣貌和內容。事實上現今搜尋引擎都有類似頁庫存檔（或稱為網頁快照）功能，當網頁暫時無法開啟時依然可以透過快取資料查看內容，以前介紹過「Cached Pages」能在網頁打不開或資料被刪除時利用頁庫存檔找回備份，當然它的資料也來自 Google 和 Archive.org，只不過提供一個更簡單、易於操作的介面。
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是跳轉一般網頁，這麼做的好處是一般行動裝置會使用速度較慢的行動網路，行動版就能盡量減少網頁大小，讓瀏覽者有更好的使用體驗，不過缺點也顯而易見，就是得同時維護網頁不同版本，無形間增加更多時間成本。