Responsive Viewer 響應式網頁查看工具

如今，對於站長和網頁開發人員來說，響應式設計幾乎是必備的，我們要保證網頁在各個尺寸的設備上不會出現問題

那麼，如何能方便地觀察網頁在各個設備下的表現呢？很多人可能會使用Chrome自帶的開發者工具進行測試，不過它有個缺點 – 每次只能查看一個設備，而今天介紹的這款工具，就是讓你可以在一個視圖中查看所有尺寸的屏幕

Responsive Viewer 是一款響應式網頁查看工具，它可以展示你的網頁在多個尺寸屏幕下的樣式，並將所有的屏幕在一個頁面上展示，你可以快速查看網頁的響應式設計

Responsive Viewer 使用起來非常容易，你只需要打開要查看的網頁，然後點擊擴展按鈕就可以轉到查看頁面

在這裡你可以看到Responsive Viewer在各種設備上的表現，默認的有iPhone、Galaxy、Pixel等多種型號的設備，還可以查看中等和大屏幕下的表現

你要兼容特定的設備，還可以添加設備，可以自定義尺寸和User Agent，雙擊對應的設備還可以刪除或修改其參數

該工具還提供了一些選項，比如你可以根據自己的需求，調整設備順序，將比較重要的設備拖拽到上方，方便查看，對於不需要適配的屏幕，還可以將其隱藏

還可以調整查看模式，縱向還是橫向，進行翻轉屏幕等操作，讓你的響應式設計工作更簡單

标签: none