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 组合键),可见插件遍历整个网页截取页面,最后跳转到独立页面,展示网页的完整截图。

相关推荐
一勺菠萝丶3 分钟前
芋道后端部署后总自己挂?从 Nginx 报错到 OOM Kill 的完整排查与修复(2核2G 服务器实战)
服务器·chrome·nginx
嚴寒22 分钟前
Mac 安装 Dart & Flutter 完整开发环境指南
前端·macos
用户66006766853926 分钟前
从变量提升到调用栈:V8 引擎如何 “读懂” JS 代码
前端·javascript
白兰地空瓶26 分钟前
【深度揭秘】JS 那些看似简单方法的底层黑魔法
前端·javascript
进阶的小叮当30 分钟前
Vue代码打包成apk?Cordova帮你解决!
android·前端·javascript
天天进步201533 分钟前
从零开始构建现代化React应用:最佳实践与性能优化
前端·react.js·性能优化
程序媛_MISS_zhang_011039 分钟前
浏览器开发者工具(尤其是 Vue Devtools 扩展)和 Vuex 的的订阅模式冲突
前端·javascript·vue.js
fruge41 分钟前
Vue3.4 Effect 作用域 API 与 React Server Components 实战解析
前端·vue.js·react.js
神秘的猪头1 小时前
🌐 CSS 选择器详解:从基础到实战
前端·javascript
远山枫谷1 小时前
CSS选择器优先级计算你真的会吗?
前端·css