【问题标题】:How can I completely hide code from people inspecting my React app with developer tools (including the 'Application' tab)?我如何才能完全隐藏使用开发人员工具(包括“应用程序”选项卡)检查我的 React 应用程序的人的代码?
【发布时间】:2026-01-12 12:30:01
【问题描述】:

这个问题不是this other one 的重复,因为它指的是开发者工具的Application 选项卡。我遵循了关于另一个问题的建议,Sources 选项卡中的代码消失了。

但是,生产构建代码仍将显示在Application 选项卡下,特别是在FramestopScripts 下。它们都在一个名为 main.5b8eb24hkhr2.chunk.js 之类的文件中。

有办法隐藏吗?

ps:我的项目有一个 Firebase 后端。

【问题讨论】:

  • 不,你不能隐藏它。
  • Facebook、Twitter 和 Reddit(所有 React 应用程序)是否允许任何人只需转到 Application 选项卡即可查看他们的代码?
  • 所有网站都允许。

标签: reactjs google-chrome-devtools


【解决方案1】:

简短的回答是你不能,你无法控制它。至于文件作为脚本包含在内,可以考虑使用obfuscation

【讨论】:

  • 这是使用 React 前端(Facebook、Twitter)的大公司使用的技术吗?
最近更新 更多