利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子

隨著可上網瀏覽網頁的設備越來越多元化,如果網站設計還僅侷限在以電腦瀏覽器為主時,將難以提供使用者良好的體驗。因此當網頁設計好,要如何觀看在不同設備間且多種螢幕尺寸下所呈現的方式呢?其實,不需要真的去購買這麼多的設備一一來測試,透過 Google 所推出的 Resizer 網站,只要輸入網址,便可以觀察自己的網頁在不同螢幕尺寸下所呈現的樣子,藉以調整,事半功倍。

BrowserFrame 將網址內容或圖片套上不同的瀏覽器外框

BrowserFrame  將網址內容或圖片套上不同的瀏覽器外框

Chrome、Firefox、Safari、IE、Edge...等網際網路瀏覽器,各有各的不同特色與介面,就看用戶自己需求與習慣,對於想要將網站或上傳的圖片套上不同瀏覽器的外觀,以前,你可能需要在電腦安裝各家的瀏覽器,現在,只需要透過 BrowserFrame 這個網站,輸入網址或上傳圖片,就能套用 Chrome、Firefox、Safari、IE、Edge,有些還幫你區分是 Windows 作業系統,還是 Mac OS。