網站經營者必備！Responsive Screenshots 檢視網站在電腦和行動裝置顯示情形
現在的電腦、筆電、平版和手機的行動裝置實在太多了，以前網站經營者只要顧好電腦螢幕顯示情形就好，現在連全部的行動裝置都需要全盤照顧，Responsive Screenshots 這網站快加入書籤中吧！只需要輸入我們網站的網址，約幾秒鐘的時間 Responsive Screenshots 就能將檢視網站在電腦和行動裝置所有的顯示情況都展示給我們看，這樣一來就不用實際找電腦、平版或是手機來測試了，大大節省了我們檢視的時間。
進入網站後，在 Enter your URL 的欄位填上我們的網頁網址。
Responsive Screenshots 檢視網站顯示情形：https://responsive-screenshots.com/
填寫好網址後，下方有電腦、筆電、平版、手機…等四種螢幕大小不同的裝置，當滑鼠移到任何裝置時會顯示齒輪圖式，按下齒輪圖式還可以選擇不同的螢幕尺寸，像是艾倫選擇 Macbook Pro 15 的齒輪圖式後，另外還有 Macbook Pro 13、Macbook Air 13、Macbook Air 11…等選項可以選擇，最後按下「GRAB SHOTS」就可以。
按下「GRAB SHOTS」約等 5-10 秒就能看到我們網站在電腦和行動裝置顯示情形，每個顯示情況還可以按 Download JPEG 把顯示結果圖片下載到電腦中，Download ZIP 則是一次可以打包下載全部的顯示結果圖片。
這是艾倫下載 iMac 27 顯示結果，Responsive Screenshots 文字只會顯示英文的部份，中文的部份就會出現亂碼，但這些不影響我們判斷網頁是否需要修改、調整版面的部份，各位站長、網站經營者趕快來試試看吧！
Responsive Screenshots 檢視網站顯示情形：https://responsive-screenshots.com/
延伸閱讀：
舊手機拍的照片見不得人嗎？Phancer 將照片修的美美噠！
Responsive ScreenshotsResponsive Screenshots檢測網頁顯示RWD手機版網站站長工具網站佈景網站優化網站工具網站截圖網頁截圖網頁測試網頁設計網頁開發自適應設計行動裝置
作者：
艾倫：
你可能感興趣的文章：
相關文章：
線上免費旋轉影片工具 – RotatemyVideo，轉正 iPhone錄製的影片 
不怕 Chrome擴充功能下架，預先把 crx 和 pem 備份起來，下架了也能自己裝回來使用！ 
WordPress 必裝外掛清單！六大分類外掛皆有，不怕有漏網之魚！(Chrome擴充功能) 
站長必備 Chrome外掛！十二合一 Google常用網站捷徑 (Search Console、Analytics、Google DFP、ADWords、3G行動測速) 
Split Tabs 將Chrome 瀏覽器分割2~4 個畫面，比對資料更容易 (Chrome擴充功能)
0 留言