haw Sizzy：快速在 N 台设备上预览你的 Web 页面
sizzy插件概述
Sizzy 是一款专为程序员/设计师准备的 WEB 页面调试伴侣软件，工作者可以不用准备那么多实体设备，只需要打开 Sizzy 就能看到你的网页在移动端、桌面端、平板端的显示效果，支持快速检查网页元素（帮助你快速排查网页障碍）、各终端同步滚动显示效果、终端页面截图、横竖屏效果查看等功能。
sizzy插件功能
1、Sizzy 是支持皮肤自设定的，你可以加入常用的设备终端，这样就可以看到网页在这些设备上的最终效果，而且可以通过滑动“设备屏幕”对整个页面进行预览，省去了找实体设备的麻烦，在左侧的工具栏上可以对各种设备平台进行筛选显示，你还可以对网页缓存，cookies 进行清除，或者对网页在线状态进行开关、开关缓存模式，对设备进行横竖屏显示切换以及截图。
2、Sizzy 的浏览模式选择
在查看网页在各终端的效果时，有三种模式可选，分别是默认模式，也就是所有设备截图都在一个主界面里显示，其次是 focus 模式，各终端的切换被整合在顶部的 toolbar 上，界面里只有一个终端的界面预览，最后是水平式滑动预览，所有终端预览都在一个滑动栏中，使用手势滑动即可进行切换。
sizzy插件使用方法
1、启动 Sizzy 后输入网页地址就能进行预览任务，这个地址可以是域名也可以是你的本地项目链接。
2、在单个设备预览上，调用隐藏菜单可以选择只看（focus）这个终端的预览效果，调用开发工具，切到离线模式，截取整个网页截图（移动设备支持滚动截图），克隆一个新 device 预览以及隐藏操作。
3、软件提供的 dev tool 应该是整合了 Chrome 内核的开发者工具模块，在 Sizzy 开启 dev tool 后，当你在终端预览上与网页进行交互时，dev tool 可以同步定位到组件对应的代码位置，文字链接，图片，按钮啥的，都可以。
4、输入前端代码中的代表组件名称进行搜索，可以快速定位到相应的网页元素或位置。
插件下载地址：
