首先你看到下面這個清爽的主界面時是我自己選擇的個性化皮膚，Sizzy 是支持皮膚自設定的，你可以加入常用的設備終端，這樣就可以看到網(wǎng)頁在這些設備上的最終效果，而且可以通過滑動“設備屏幕”對整個頁面進行預覽，省去了找實體設備的麻煩，在左側的工具欄上可以對各種設備平臺進行篩選顯示，你還可以對網(wǎng)頁緩存，cookies 進行清除，或者對網(wǎng)頁在線狀態(tài)進行開關、開關緩存模式，對設備進行橫豎屏顯示切換以及截圖。
Sizzy 的瀏覽模式選擇
在查看網(wǎng)頁在各終端的效果時，有三種模式可選，分別是默認模式，也就是所有設備截圖都在一個主界面里顯示，其次是 focus 模式，各終端的切換被整合在頂部的 toolbar 上，界面里只有一個終端的界面預覽，最后是水平式滑動預覽，所有終端預覽都在一個滑動欄中，使用手勢滑動即可進行切換。
如何開始使用?Sizzy
啟動 Sizzy 后輸入網(wǎng)頁地址就能進行預覽任務，這個地址可以是域名也可以是你的本地項目鏈接。
Sizzy 縱覽演示視頻
WEB 預覽
在單個設備預覽上，調用隱藏菜單可以選擇只看（focus）這個終端的預覽效果，調用開發(fā)工具，切到離線模式，截取整個網(wǎng)頁截圖（移動設備支持滾動截圖），克隆一個新 device 預覽以及隱藏操作。
左側的工具欄可以切換到簡潔的純圖標模式，同時在左下角你可以對設備預覽的尺寸進行縮放。
組件檢查
軟件提供的 dev tool 應該是整合了 Chrome 內核的開發(fā)者工具模塊，在 Sizzy 開啟 dev tool 后，當你在終端預覽上與網(wǎng)頁進行交互時，dev tool 可以同步定位到組件對應的代碼位置，文字鏈接，圖片，按鈕啥的，都可以。
組件快速定位
輸入前端代碼中的代表組件名稱進行搜索，可以快速定位到相應的網(wǎng)頁元素或位置。
同步顯示
當你滑動一個終端預覽時，其他終端預覽都會同步滾動進行顯示。
快速導航
在 Sizzy 的頭部工具欄上可以根據(jù) H1/H2/H3 標題對網(wǎng)頁進行快速導航。
網(wǎng)絡設定
整個終端預覽的緩存支持開關設定
設備類型組織
Sizzy 默認提供了 iOS、macOS、Android 等系統(tǒng)常見的、最新款的終端模型供用戶選擇顯示。
或者你也可以新建一個終端，UA 有如下圖所示可選，可以設定 input type，是觸控屏還是鼠標操控，設備類型以及操作系統(tǒng)，還有最主要的屏幕尺寸設備，像素比等參數(shù)。
光標跟隨
軟件支持顯示實時的光標跟隨模式。
界面自定義
文章開始時就提到了界面自定義，Sizzy 提供了純色，漸進色、風景圖三種進行選擇，同時可以對設備邊框、頭部、邊界的顯示進行開關設定。
總的來說，Sizzy 這款軟件非常適合需要適配廣泛終端的前端開發(fā)人員使用，它的定價政策是：
月付計劃：一臺設備起，價格為 $7/月
年付計劃：一臺設備起，價格為 $5/月，每年 $60
如果你需要更多授權更多設備使用 Sizzy，戳官網(wǎng)進行了解吧！
]]>