Chrome网页开发常用扩展工具集

以下是Chrome网页开发常用扩展工具集：
1. Elements Picker：安装后点击图标可选择页面任意元素，自动生成CSS选择器和XPath路径。支持右键复制HTML片段，适合快速分析布局结构。
2. Web developer：集成清除缓存、查看盒模型、禁用JS等功能。使用“Outline block level elements”可高亮显示文档流，方便调试浮动和定位问题。
3. ColorZilla：提供取色器、渐变生成器和屏幕取色功能。按住鼠标右键拖动可获取区域颜色值，支持HEX/RGB/HSL格式转换。
4. Responsive Viewer：模拟手机/平板分辨率测试响应式设计。输入数值如“375x667”即模拟iPhone尺寸，支持旋转屏幕和触摸事件调试。
5. WhatFont：识别网页字体扩展。安装后选中文字即可显示字体名称、大小和行高信息，支持查看@font-face规则来源。
6. JSONView：自动格式化JSON数据。访问API接口时点击扩展图标，可将原始数据转为可折叠的树状结构，支持导出美化后的代码。
7. Lighthouse：谷歌官方性能分析工具。生成报告包含加载速度、SEO评分、PWA指标等，可直接查看优化建议和具体修改方案。
8. User-Agent Switcher：快速切换浏览器标识。内置桌面/移动设备列表，支持自定义字符串，用于测试不同设备下的页面兼容性。