Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形

Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形

網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌,以前會針對行動裝置另外製作一個行動版,現在比較普遍作法是使用響應式網頁設計(Responsive web design,簡稱 RWD),可自動調整為最適合閱讀的大小,但這些開發過程可能都得借助於測試工具幫忙,例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式,或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。

Scrola 建立自動捲動網站效果的影片,設計網頁或簡報都很好用

Scrola

儘管有很多可以建立網站擷圖的軟體或網路服務,卻很少有人工具能幫你製作出動態效果的網頁畫面,這是什麼意思呢?簡單來說,就像是使用者實際在瀏覽網頁的感覺,會透過捲動方式慢慢往下瀏覽頁面,將這段過程錄製為影片格式,可以在網頁設計或投影片簡報中作為範例,雖然以螢幕錄影工具可以做到,但免不了需要花點時間編輯後製,還好科技就是用來解決問題,而現在已經有網路服務能幫你製作出網站瀏覽影片。

Firefox Screenshots 免費網頁擷圖工具,瀏覽器內建快速拍照、分享螢幕

Firefox Screenshots 免費網頁擷圖工具,瀏覽器內建快速拍照、分享螢幕

還記得上個月介紹的「Firefox Send 私密、加密免費檔案分享服務,下載或 24 小時鏈結自動刪除」嗎?這陣子 Firefox 不斷推出相當令使用者驚豔的作品,或許這麼說好了,這些服務雖然都不是新的概念,Mozilla 透過社群力量重新開發,我認為是再一次做好「蹲馬步」的基本功,雖然我不知道市場反應好不好,但我對這幾個新推出的服務或工具相當看好,包括之前推薦的 Firefox Focus 讓上網更快更安全的 iOS、Android 隱私瀏覽器,而接下來我也會緊追著 Firefox,隨時將這些我認為非常值得一用的新服務推薦給讀者。

ScrnShots – 線上網站截圖(Screenshots)共享社群,可上傳、支援圖片外連!

ScrnShots

這項產品已經無法使用,請搜尋其他替代方案。

如果你是一個熱愛撰寫網路新知的部落客,那麼一定會時常需要抓取網站的截圖,或是像免費資源網路社群的教學圖片,往往每篇文章動輒數十張以上,而如何儲存這些圖片也是個令人頭痛的問題。例如儲存在網路相簿無法外連、儲存在圖片空間又很不容易管理。

現在有個名為 ScrnShots 的服務,它是一個開放式的網站截圖、網站縮圖共享平台,使用者可以將自己截取的網頁截圖上傳到 ScrnShots, 或是使用關鍵字來搜尋其他人的傑作,並且內嵌到自己的部落格文章內。