免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度大小，對於檢查自適應網頁設計（Responsive Web Design）網站呈現效果來說會很有用，有時候也可能用來備份網頁內容，像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片，或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。
網站擷圖
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是跳轉一般網頁，這麼做的好處是一般行動裝置會使用速度較慢的行動網路，行動版就能盡量減少網頁大小，讓瀏覽者有更好的使用體驗，不過缺點也顯而易見，就是得同時維護網頁不同版本，無形間增加更多時間成本。
Scrola 建立自動捲動網站效果的影片，設計網頁或簡報都很好用
ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果
PicPick 全功能免費螢幕擷取軟體，內建編輯器和各項實用工具
以前在 Windows 都是用 FastStone Capture 做為擷圖軟體，後來才知道另一款 PicPick 也非常強大！雖然曾寫過介紹，不過已經有相當長的時間，剛好這幾天更新到全新 v5.0，介面全部換新，或許該找機會重新介紹一下了。PicPick 是一款全功能的設計工具，適合各種職業使用，更準確地說它就是一款螢幕擷取軟體，內建簡易圖片編輯功能，包括一些增強效果或畫線、箭頭、加入文字都可以做到，對於平常會需要用到畫面擷取功能的朋友來說是非常好的選擇。
Zoho Notebook 免費筆記應用可快速將網頁內容擷取保存
平常你都如何保存從網路上找到的重要內容呢？可能很多人習慣直接把網頁加入書籤，或是打開其他編輯器來複製、貼上，但隨著 Evernote 和 Google Keep 這類筆記工具出現其實存在雲端更方便，而現今大部分人的生活脫離不了行動裝置，這些工具也多半有對應的應用程式或手機版可以使用。如果你不希望遇到下次打開鏈結卻找不到內容的窘境，直接為網頁擷圖或將文字圖片備份下來是比較安全的方法。
閱讀全文 » 關於 Zoho Notebook 免費筆記應用可快速將網頁內容擷取保存
Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手機使用者引導至另一個佈景主題，專為行動裝置特別設計，無論在網頁大小或載入速度上都會比桌面版更適合行動裝置使用者閱讀。雖然看起來是個很不錯的解決方案，但其實也會出現一些問題，例如：不一定適合所有螢幕大小的行動裝置、必須維護兩個不同的佈景主題等等，因此後來趨勢就逐漸轉為使用「自適應網頁設計」（Responsive Web Design）替代。
閱讀全文 » 關於 Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
Pagetrack.io 免費網頁監測服務，內容出現變化時以 Email 寄送畫面擷圖
雖然介紹過不少免費網站監測服務，大多都是針對「上線率」（Uptime）進行監控，當網站無法正常連線開啟時以 Email 或 SMS 簡訊通知網站管理者，減少因為出錯無法連線所造成的損失。不過還有另一種比較多人會用到的情境，那就是監測網站內容有沒有發生變化，這可用於查看競爭對手網站，對一般使用者來說或許是監測價格或數量變化，主要就是拿來監測一些平常必須手動檢查的項目。
閱讀全文 » 關於 Pagetrack.io 免費網頁監測服務，內容出現變化時以 Email 寄送畫面擷圖