網站經營者必備!Responsive Screenshots 檢視網站在電腦和行動裝置顯示情形

responsive-screenshots

現在的電腦、筆電、平版和手機的行動裝置實在太多了,以前網站經營者只要顧好電腦螢幕顯示情形就好,現在連全部的行動裝置都需要全盤照顧,Responsive Screenshots 這網站快加入書籤中吧!只需要輸入我們網站的網址,約幾秒鐘的時間 Responsive Screenshots 就能將檢視網站在電腦和行動裝置所有的顯示情況都展示給我們看,這樣一來就不用實際找電腦、平版或是手機來測試了,大大節省了我們檢視的時間。

進入網站後,在 Enter your URL 的欄位填上我們的網頁網址。

Responsive Screenshots 檢視網站顯示情形:https://responsive-screenshots.com/

responsive-screenshots01

 

填寫好網址後,下方有電腦、筆電、平版、手機…等四種螢幕大小不同的裝置,當滑鼠移到任何裝置時會顯示齒輪圖式,按下齒輪圖式還可以選擇不同的螢幕尺寸,像是艾倫選擇 Macbook Pro 15 的齒輪圖式後,另外還有 Macbook Pro 13、Macbook Air 13、Macbook Air 11…等選項可以選擇,最後按下「GRAB SHOTS」就可以。

responsive-screenshots02

 



 

按下「GRAB SHOTS」約等 5-10 秒就能看到我們網站在電腦和行動裝置顯示情形,每個顯示情況還可以按 Download JPEG 把顯示結果圖片下載到電腦中,Download ZIP 則是一次可以打包下載全部的顯示結果圖片。

responsive-screenshots03

 

這是艾倫下載 iMac 27 顯示結果,Responsive Screenshots 文字只會顯示英文的部份,中文的部份就會出現亂碼,但這些不影響我們判斷網頁是否需要修改、調整版面的部份,各位站長、網站經營者趕快來試試看吧!

responsive-screenshots05

Responsive Screenshots 檢視網站顯示情形:https://responsive-screenshots.com/

延伸閱讀:

2招讓 Chrome瀏覽器更安全!

舊手機拍的照片見不得人嗎?Phancer 將照片修的美美噠!

Bookmark Checker 書籤清理器 – 失連書籤一次清理乾淨!(Chrome擴充功能)

免安裝!Image Cyborg 一鍵下載網頁上所有的圖片

Browser Frame 讓電腦截圖都有瀏覽器外框,就是要截圖效果和別人不一樣

作者:

艾倫:

喜歡簡單而單純的生活,卻意外跌入3C的陷阱,於是就這樣戀上了玩3C這件事情!我願意,我同意,我樂意把時間耗在美好的事物上,包括測試,評測,所謂的玩3C。

你可能感興趣的文章:

相關文章:

本站留言 »

(姓名)*必填
(信箱)*必填
(網站)

0 留言


FB留言: