Responsible 插件在 WordPress Admin Bar 添加响应式测试工具

用户使用移动设备访问网站越来越多，我爱水煮鱼这样技术的博客都有 1/3 用户使用手机访问了，并且大部分是通过微信访问的，那么测试你的 WordPress 博客在各种移动设备下的表现尤为重要，今天给大家介绍一款 WordPress 插件：Responsible，它可以在你 WordPress 博客的 Admin Bar 上添加响应式测试工具。

Responsible 支持6种不同尺寸的设备，每种设备都会在 Admin Bar 添加一个图标：

Responsible 插件在 WordPress 的 Admin Bar 添加响应式测试工具

点击每个设备的图标会自动改变大小，无论在前台还是后台。下面就是点击 iPhone 横屏之后的效果：

Responsible 插件 iPhone 效果

Responsible 目前支持的6种尺寸：

• Mobile: 320×480（竖屏），比例：2:3
• Apple iPhone 5：320×568（竖屏），比例：9：16
• 小平板：600×800（竖屏），比例：3:4
• 平板（比如 Apple iPad 2-3，mini)：768×1024（竖屏），比例：3:4
• 宽屏: 1280×800（横屏），比例：8:5
• HDTV 1080p：1920×1080（横屏），比例：16:9

如果你觉得安装一个插件太麻烦，你也可以安装下 Responsible 的浏览器 bookmarklet。