Sizzy 是一款专为程序员/设计师准备的 WEB 页面调试伴侣软件，工作者可以不用准备那么多实体设备，只需要打开 Sizzy 就能看到你的网页在移动端、桌面端、平板端的显示效果，支持快速检查网页元素（帮助你快速排查网页障碍）、各终端同步滚动显示效果、终端页面截图、横竖屏效果查看等功能。
首先你看到下面这个清爽的主界面时是我自己选择的个性化皮肤，Sizzy 是支持皮肤自设定的，你可以加入常用的设备终端，这样就可以看到网页在这些设备上的最终效果，而且可以通过滑动“设备屏幕”对整个页面进行预览，省去了找实体设备的麻烦，在左侧的工具栏上可以对各种设备平台进行筛选显示，你还可以对网页缓存，cookies 进行清除，或者对网页在线状态进行开关、开关缓存模式，对设备进行横竖屏显示切换以及截图。
Sizzy 的浏览模式选择
在查看网页在各终端的效果时，有三种模式可选，分别是默认模式，也就是所有设备截图都在一个主界面里显示，其次是 focus 模式，各终端的切换被整合在顶部的 toolbar 上，界面里只有一个终端的界面预览，最后是水平式滑动预览，所有终端预览都在一个滑动栏中，使用手势滑动即可进行切换。
如何开始使用 Sizzy
启动 Sizzy 后输入网页地址就能进行预览任务，这个地址可以是域名也可以是你的本地项目链接。
Sizzy 纵览演示视频
WEB 预览
在单个设备预览上，调用隐藏菜单可以选择只看（focus）这个终端的预览效果，调用开发工具，切到离线模式，截取整个网页截图（移动设备支持滚动截图），克隆一个新 device 预览以及隐藏操作。
左侧的工具栏可以切换到简洁的纯图标模式，同时在左下角你可以对设备预览的尺寸进行缩放。
组件检查
软件提供的 dev tool 应该是整合了 Chrome 内核的开发者工具模块，在 Sizzy 开启 dev tool 后，当你在终端预览上与网页进行交互时，dev tool 可以同步定位到组件对应的代码位置，文字链接，图片，按钮啥的，都可以。
组件快速定位
输入前端代码中的代表组件名称进行搜索，可以快速定位到相应的网页元素或位置。
同步显示
当你滑动一个终端预览时，其他终端预览都会同步滚动进行显示。
快速导航
在 Sizzy 的头部工具栏上可以根据 H1/H2/H3 标题对网页进行快速导航。
网络设定
整个终端预览的缓存支持开关设定
设备类型组织
Sizzy 默认提供了 iOS、macOS、Android 等系统常见的、最新款的终端模型供用户选择显示。
或者你也可以新建一个终端，UA 有如下图所示可选，可以设定 input type，是触控屏还是鼠标操控，设备类型以及操作系统，还有最主要的屏幕尺寸设备，像素比等参数。
光标跟随
软件支持显示实时的光标跟随模式。
界面自定义
文章开始时就提到了界面自定义，Sizzy 提供了纯色，渐进色、风景图三种进行选择，同时可以对设备边框、头部、边界的显示进行开关设定。
总的来说，Sizzy 这款软件非常适合需要适配广泛终端的前端开发人员使用，它的定价政策是：
月付计划：一台设备起，价格为 $7/月
年付计划：一台设备起，价格为 $5/月，每年 $60
如果你需要更多授权更多设备使用 Sizzy，戳官网进行了解吧！
