跳转到主要内容
Develop Tools

React 代码脱敏工具

脱敏和匿名化浏览器中的标识符和字符串,同时保留 React JSX/TSX 的结构。

字体大小

关于此工具

在共享 React 组件之前,您可以将组件名称、变量名称、字符串等替换为替代值。

支持的功能

  • React JSX/TSX 代码
  • 组件、函数、变量、道具和字符串的脱敏/匿名化

使用方法

  1. 将 React 代码粘贴到输入字段中。
  2. 选择脱敏目标和显示设置。
  3. 检查并复制 JSX/TSX 结构和结果。
  4. 您可以通过右键单击遮罩结果的目标区域单独删除遮罩,然后再次右键单击重新应用。

限制事项

  • 专有宏和转译器语法可能无法完全解析。
  • 脱敏后,检查类型引用和标识符之间的对应关系。

隐私: 输入内容和处理结果仅在浏览器中处理,不会发送或保存到 Develop Tools 的服务器。