1. Web开发工具（内置）
按`Ctrl+Shift+I`打开开发者工具→使用“Elements”面板查看HTML结构→“Console”输出JavaScript错误日志→“Network”分析资源加载速度→无需安装额外插件。
2. Responsive Design Mode
进入开发者工具→点击“Toggle device toolbar”→选择手机、平板等设备尺寸→实时测试响应式页面效果→模拟触控操作验证交互逻辑。
3. Lighthouse 性能审计
在开发者工具中点击“Lighthouse”→生成网页性能报告（如加载速度、SEO评分）→提供优化建议（如减少未使用CSS）→支持多次测试对比数据。
4. 扩展：Wappalyzer
安装后访问任意网站→自动检测技术栈（如React、Vue版本）→分析CSS框架和字体来源→帮助竞品分析或技术选型参考。
5. 扩展：PageSpeed Insights
输入网页链接→获取谷歌官方性能评分→查看具体优化项（如图片压缩、代码分割）→提供Field Data（真实用户数据）参考。
6. 扩展：User-Agent Switcher
在工具栏快速切换浏览器标识（如Safari、IE11）→测试不同设备UA的页面兼容性→验证浏览器Sniffing功能是否正常工作。