标签: Chrome扩展

**文章介绍免费Chrome扩展Figma Export，作为Figma Dev Mode的替代品。** **关键功能：** 从Figma设计中导出代码片段，支持开发者快速获取UI组件代码。 **资源：** [Chrome Web Store](https://chromewebstore.google.com/detail/figma-export/oamappfeofngblhbamhhkpkbpoeooiba)，[GitHub仓库](https://github.com/powerfulyang/figma-export)。（98字符）

本文介绍了使用 Chrome Extension 修改 HTTP 请求和响应 header 的方法。通过 `declarativeNetRequest` API，动态更新规则，移除请求头中的 `Origin` 字段，并设置响应头中的 `Access-Control-Allow-Origin`、`Access-Control-Allow-Methods` 和 `Access-Control-Allow-Headers` 字段，实现跨域访问。需要在 `manifest` 文件中声明 `declarativeNetRequest` 权限。

本文深入探讨 Chrome 开发者工具的高级用法和扩展开发。涵盖HTTP重定向状态码的工程实践，Chrome扩展的架构设计与安全，DevTools在网络、HAR文件、Web Worker和控制台等方面的调试技巧，以及未来发展趋势，强调分层调试思维和持续学习。

本周报涵盖 Chrome 扩展开发、跨域解决方案、微前端样式隔离、Markdown 处理、Nginx 性能调优、GraphQL 类型安全及防御性编程。重点包括 Manifest V3、CORS 机制、Shadow DOM 局限、AST 操作、Gzip 压缩和定时器优化等工程实践。

本文深入探讨基于 Monaco Editor 的智能 JSON 编辑器实现，以 Chrome 扩展开发为例，解析技术架构、高级配置技巧与工程化实践。重点包括 Monaco Editor 选型、JSON Schema 管理、响应式 Schema 更新、性能优化、类型安全及调试技巧，并探讨潜在问题与解决方案。最后展望 Schema 即服务、AI 增强提示等前沿技术。

本周报记录了作者遇到的技术问题及解决方案。包括：Chrome 扩展快捷键设置、JSON Schema 配置、Service Worker 跨域处理（通过拦截 fetch 请求）、graphql-request 类型问题、nginx gzip 默认行为、micro-app 微前端样式污染（通过 shadowDOM 解决）以及 react-markdown 链接解析问题。

本文介绍了解决Bing重定向问题及在Chrome中使用New Bing Chat的方法。旧方案修改X-Forwarded-For已失效，建议使用代理或特定URL访问。针对Bing Chat，需修改User-Agent和sec-ch-ua请求头，可使用ModHeader插件或自定义Chrome扩展实现。

本文介绍了Chrome DevTools的实用技巧，包括利用HTTP状态码、Chrome Extensions、Connection ID、HAR文件进行问题排查。同时，分享了在Web Worker中使用console.log的方法，以及copy、Store As Global、$等开发者工具函数，还有Animations动画组的使用，旨在提升开发调试效率。