
今天要介紹的 Responsivepx 是一個功能簡單、但卻很方便實用的站長工具,也就是測試網站或部落格在不同解析度的螢幕上所呈現的情形,而這也是網頁最佳化裡相當重要的一個環節,當你的網站能被更多不同解析度的使用者正常瀏覽,代表你也可能因此增加網站的訪客數。此外,Responsivepx 能讓你自行調整要顯示的解析度長寬 px 值。
網站名稱:Responsivepx
網站鏈結:https://responsivepx.com/
使用教學
在 Responsivepx 服務的左上角輸入要檢測的網址,按下 Open 後網頁會出現在下方,接著在 Width 與 Height 兩個欄位分別選擇寬度和高度(以 px 為單位),就能夠預覽該頁面在特定解析度所呈現的樣式。

如果你想測試網頁對於行動裝置用戶是否友善,可以使用 GoMo 或 Mobitest 進行檢測。