在开发者工具中隐藏文件?
Hide files in developer tools?
所以,我想提前道歉,但我一直在谷歌搜索和堆栈溢出来寻找这个问题的答案,但我找不到满意的答案。
我知道 Facebook 使用 React,虽然我不知道他们使用什么软件架构(MVC、客户端-服务器等),但我在开发工具源中看不到任何 React 文件或 React 组件任何浏览器上的选项卡。
我将在我自己的 React 应用程序中使用 create-react-app 向您展示一个显示我所有文件的示例:
Create-react-apps 开发工具来源:
但是,当我转到 Facebook 的页面时,我没有看到类似的内容。我看到了这个:
Facebook 的开发工具来源:
这不仅适用于 React 应用程序,也适用于我制作的节点应用程序。现在,我想知道所有这些信息在 facebook 页面上的什么位置……组件在哪里?为什么我看不到它们?所有 post 和获取请求 运行 在哪里?如何在代码中放置断点进行调试?我的意思是,除了元素选项卡,我什至没有看到 HTML 页面!而且,最重要的是,我如何做同样的事情来隐藏我的文件?
它似乎增加了一个额外的安全层,我认为这在所有 public 网站上都是可取的。再次提前致谢,据我所知,这个问题的答案远非显而易见。
我承认,当您刚接触 Web 开发时,这有点令人困惑。
您可以通过 devtool 查看您的文件(源代码),因为您还上传了 .map
文件,这些文件有助于将您的 bundled/minified 代码映射到原始可读的。
然而,这在开发环境中非常有用,但在生产环境中非常危险。您需要做的只是删除 .map
文件,正如评论所建议的那样。
所以,我想提前道歉,但我一直在谷歌搜索和堆栈溢出来寻找这个问题的答案,但我找不到满意的答案。
我知道 Facebook 使用 React,虽然我不知道他们使用什么软件架构(MVC、客户端-服务器等),但我在开发工具源中看不到任何 React 文件或 React 组件任何浏览器上的选项卡。
我将在我自己的 React 应用程序中使用 create-react-app 向您展示一个显示我所有文件的示例:
Create-react-apps 开发工具来源:
但是,当我转到 Facebook 的页面时,我没有看到类似的内容。我看到了这个:
Facebook 的开发工具来源:
这不仅适用于 React 应用程序,也适用于我制作的节点应用程序。现在,我想知道所有这些信息在 facebook 页面上的什么位置……组件在哪里?为什么我看不到它们?所有 post 和获取请求 运行 在哪里?如何在代码中放置断点进行调试?我的意思是,除了元素选项卡,我什至没有看到 HTML 页面!而且,最重要的是,我如何做同样的事情来隐藏我的文件?
它似乎增加了一个额外的安全层,我认为这在所有 public 网站上都是可取的。再次提前致谢,据我所知,这个问题的答案远非显而易见。
我承认,当您刚接触 Web 开发时,这有点令人困惑。
您可以通过 devtool 查看您的文件(源代码),因为您还上传了 .map
文件,这些文件有助于将您的 bundled/minified 代码映射到原始可读的。
然而,这在开发环境中非常有用,但在生产环境中非常危险。您需要做的只是删除 .map
文件,正如评论所建议的那样。