Chrome 浏览器插件收录

1. Responsive Viewer

        可以在同个窗口内，针对同一网站，添加多个不同设备屏幕显示。

        在前端开发，需要多端适配，尤其是移动端响应式适配的网站开发中，可以同时测试多个不同屏幕的适配效果。

2. VisBug

        提供工具栏，可以获取当前网页文档内容信息，也支持直接像 UI 绘制那样，直接操作网页内容。

        安装插件后，在当前网页，点击扩展程序图标，就会出现如下工具栏：

 

功能如下：

• 测量：获取选中元素在窗口中的位置信息，如上下左右距离
• 检查：获取选中元素的 css 信息，如类名树、样式配置
• 可访问性：检查属性并对比合规性
• 位置：抓取元素并将其放置在任意位置
• 外边距：调整元素外边距
• 内边距：调整元素内边距
• flex 布局：调整弹性盒布局功能
• 移动：更改元素位置
• ......

3. SEO META in 1 CLICK

        显示网页所有元数据和主要 SEO 信息，可以清晰直观看到自己网页缺失或者需要补充的元数据。

4. Website SEO Checker

        UI 比上个相对友好一些，同时也提供网页性能检测。但部分功能需要注册登录才能使用。

5. GoFullPage - Full Page Screen Capture

        完整地截取当前页面的截图。

        在页面内，点击扩展程序图标（或按下 Alt+Shift+P 组合键），可见插件遍历整个网页截取页面，最后跳转到独立页面，展示网页的完整截图。