🛠️ Chrome 实用功能
开发者工具 (F12)
- Elements: 检查和修改页面HTML/CSS
- Console: JavaScript调试和执行代码
- Network: 监控网络请求和性能
- Sources: 查看和调试源代码
- Application: 检查存储、Cookie、缓存等
快捷键
Ctrl+Shift+N: 无痕模式Ctrl+Shift+T: 恢复关闭的标签页Ctrl+L: 聚焦地址栏Ctrl+T: 新建标签页Ctrl+Shift+Delete: 清除浏览数据
📦 推荐扩展
生产力工具
- uBlock Origin: 广告拦截器
- Tampermonkey: 用户脚本管理器
- OneTab: 标签页管理
- LastPass: 密码管理器
开发工具
- React Developer Tools: React应用调试
- Vue.js devtools: Vue应用调试
- JSON Formatter: JSON美化显示
- Postman: API测试工具
学习工具
- Hypothesis: 网页注释和协作
- Save to Pocket: 稍后阅读
- Notion Web Clipper: 网页剪辑到Notion
🔧 Chrome 高级功能
Chrome Flags (实验功能)
访问 chrome://flags/ 启用实验性功能：
- Parallel downloading
- Experimental Web Platform features
- Enable reader mode
书签管理
- 使用书签文件夹组织
- 导出/导入书签 (chrome://bookmarks/)
- 使用书签栏快捷访问
📝 使用场景
网页开发
// 在Console中快速测试代码
console.log('Hello Chrome!');
document.body.style.background = 'lightblue';网页抓取
- 使用开发者工具的Network面板
- 查看XHR/Fetch请求
- 分析API调用
性能优化
- 使用Lighthouse进行页面审计
- 检查加载时间和资源使用
- 分析关键渲染路径