網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web design，簡稱 RWD），可自動調整為最適合閱讀的大小，但這些開發過程可能都得借助於測試工具幫忙，例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式，或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。
截圖軟體
Full Page Screen Capture 快速擷取完整網頁畫面，轉為圖片或 PDF 格式（Chrome 擴充功能）
對於可以保存網頁畫面的截圖工具相信大家都不陌生，像是 WinSnap、FastStone Capture 或 Mac 系統很好用的 Jing（現在是 TechSmith Screencast）都能達到類似效果，或是透過瀏覽器擴充功能和線上工具也能做到，通常保存下來的都是靜態圖片格式。如果你想要完整保存某個網頁在某個時間點的樣貌，透過第三方建立更具公信力的網頁備份可能是更好的選擇，我曾介紹過 Wayback Machine 網頁時光機就能讓使用者將頁面完整保存在線上，以便隨時回溯到特定時間：
PicPick 全功能免費螢幕擷取軟體，內建編輯器和各項實用工具
以前在 Windows 都是用 FastStone Capture 做為擷圖軟體，後來才知道另一款 PicPick 也非常強大！雖然曾寫過介紹，不過已經有相當長的時間，剛好這幾天更新到全新 v5.0，介面全部換新，或許該找機會重新介紹一下了。PicPick 是一款全功能的設計工具，適合各種職業使用，更準確地說它就是一款螢幕擷取軟體，內建簡易圖片編輯功能，包括一些增強效果或畫線、箭頭、加入文字都可以做到，對於平常會需要用到畫面擷取功能的朋友來說是非常好的選擇。
Zoho Notebook 免費筆記應用可快速將網頁內容擷取保存
平常你都如何保存從網路上找到的重要內容呢？可能很多人習慣直接把網頁加入書籤，或是打開其他編輯器來複製、貼上，但隨著 Evernote 和 Google Keep 這類筆記工具出現其實存在雲端更方便，而現今大部分人的生活脫離不了行動裝置，這些工具也多半有對應的應用程式或手機版可以使用。如果你不希望遇到下次打開鏈結卻找不到內容的窘境，直接為網頁擷圖或將文字圖片備份下來是比較安全的方法。
使用 Chrome 內建工具製作網頁長截圖，擷取網站畫面免安裝下載外掛
幾個月前介紹過「Firefox Screenshots」免費網頁擷圖工具，也是火狐瀏覽器 Firefox 內建的快速拍照、分享螢幕功能，在全新 Firefox Quantum 推出後成為內建功能之一，可見不單單只有工作上會用到，對於一般使用者來說網頁擷圖也是相當必要。現在 Google Chrome 也內建網頁擷取工具以及將完整頁面保存下來的「網頁長截圖」製作功能，不用額外下載、安裝外掛或擴充功能，只要輸入指令就能做到。
Firefox Screenshots 免費網頁擷圖工具，瀏覽器內建快速拍照、分享螢幕
還記得上個月介紹的「Firefox Send 私密、加密免費檔案分享服務，下載或 24 小時鏈結自動刪除」嗎？這陣子 Firefox 不斷推出相當令使用者驚豔的作品，或許這麼說好了，這些服務雖然都不是新的概念，Mozilla 透過社群力量重新開發，我認為是再一次做好「蹲馬步」的基本功，雖然我不知道市場反應好不好，但我對這幾個新推出的服務或工具相當看好，包括之前推薦的 Firefox Focus 讓上網更快更安全的 iOS、Android 隱私瀏覽器，而接下來我也會緊追著 Firefox，隨時將這些我認為非常值得一用的新服務推薦給讀者。
