关键词：
【中文标题】在开发者工具中隐藏文件？【英文标题】：Hide files in developer tools? 【发布时间】：2019-01-18 19:23:40 【问题描述】：所以，我想提前道歉，但我一直在谷歌搜索并且堆栈溢出来寻找这个问题的答案，我只是找不到一个令人满意的答案。
我知道 Facebook 使用 React，虽然我不知道他们使用什么软件架构（MVC、客户端-服务器等），但我在开发工具源选项卡上看不到任何反应文件或反应组件任何浏览器。
我将在我自己的 react 应用程序中使用 create-react-app 向您展示一个示例，该示例会显示我的所有文件：
Create-react-apps 开发工具来源：
但是，当我访问 Facebook 的页面时，我没有看到类似的内容。我看到了这个：
Facebook 的开发工具来源：
这不仅适用于 React 应用程序，也适用于我制作的节点应用程序。现在，我想知道所有这些信息在 facebook 页面上的位置......组件在哪里？为什么我看不到他们？正在运行的所有 post 和 get 请求在哪里？如何在代码中放置断点进行调试？我的意思是，除了元素选项卡之外，我什至看不到 HTML 页面！而且，最重要的是，我如何做同样的事情来隐藏我的文件？
似乎它增加了额外的安全层，我认为这在所有公共网站上都是可取的。再次提前感谢您，据我所知，这个问题的答案远非显而易见。
【问题讨论】：
删除你的.map文件
【参考方案1】：
我承认，当您是 Web 开发的新手时，这有点令人困惑。
您可以通过 devtool 查看您的文件（源代码），因为您还上传了您的 .map 文件，这有助于将您的捆绑/缩小代码映射到原始可读的代码中。
但是，这在开发环境中非常有用，但在生产环境中却非常危险。您需要做的只是删除 .map 文件，正如评论所建议的那样。
【讨论】：
谢谢。我现在明白我必须做什么，但问题是，我的目录中没有看到任何.map 文件。这是为什么呢？
你确定吗？也尝试搜索子目录，我尝试打开您的网络，我的浏览器检测到地图文件main.1795cc73.js.maplogin.do提交时如何使表单密码数据隐藏在Chrome开发者工具网络面板中？
】login.do提交时如何使表单密码数据隐藏在Chrome开发者工具网络面板中？【英文标题】：HowmaketheformpassworddatahiddeninChromedevelopertoolsnetworkpannelwhenlogin.dosubmit?【发布时间】：2015-03-1304:22:16【问题描述】：在简单的html表单提交中正常... 查看详情
如何在 Visual Studio 中隐藏自定义工具生成的文件
】如何在VisualStudio中隐藏自定义工具生成的文件【英文标题】：HowtohidefilesgeneratedbycustomtoolinVisualStudio【发布时间】：2011-02-2701:15:48【问题描述】：我希望隐藏我的自定义工具生成的文件，但我找不到任何有关如何完成此操作的... 查看详情
在 chrome 开发工具中隐藏 401 console.error 在 fetch() 调用中得到 401 [重复]
】在chrome开发工具中隐藏401console.error在fetch()调用中得到401[重复]【英文标题】：Hide401console.errorinchromedevtoolsgetting401onfetch()call[duplicate]【发布时间】：2017-05-2119:24:01【问题描述】：我有一些代码用于进行fetch调用。这利用了现代ch... 查看详情
在导航组件中隐藏工具栏或底部导航栏
...有工具栏/底部导航栏时，我偶然发现了一个问题。Android开发者 查看详情
在谷歌浏览器开发者工具中隐藏 jquery.map 错误？
】在谷歌浏览器开发者工具中隐藏jquery.map错误？【英文标题】：Hidejquery.maperrorsingooglechromedevelopertools?【发布时间】：2013-07-2419:32:18【问题描述】：随着.map文件的引入，我的控制台充斥着以下错误：拒绝加载chrome-extension://flpedblk... 查看详情
在windows的临时文件夹中隐藏exe的执行[关闭]
...他.vbs文件和.HTA文件。我已经使用Windows中内置的iexpress.exe工具将所有这些文件转换为一个可以在我环境中的所有计算机上轻 查看详情
隐藏来自浏览器开发者工具网络的 Angular API 调用
】隐藏来自浏览器开发者工具网络的AngularAPI调用【英文标题】：HidingAngularAPIcallsfromdeveloperstoolnetworkofbrowser【发布时间】：2019-07-2210:31:31【问题描述】：当我从Angular向后端调用一个API调用时，我可以在“开发者工具”的“网络”... 查看详情
如何在 chrome 开发者工具中重新加载单个文件
】如何在chrome开发者工具中重新加载单个文件【英文标题】：Howtoreloadsinglefileinchromedevelopertools【发布时间】：2018-01-0217:55:53【问题描述】：我正在一个复杂的网站上工作，该网站有大量的css文件和js文件加载到每个页面上。我正... 查看详情
开发工具用起来，轻松解锁word更多隐藏技能！
你知道Word文档中有一个不常提到却很实用的排版工具吗？它就是开发工具。今天小编就给大家分享3个关于使用开发工具的小技巧。1.怎么制作选择题的方框？先点击"文件"，选择"选项"--"自定义功能区"，勾... 查看详情
避免在 Chrome 开发者工具中单步执行 javascript 文件？
】避免在Chrome开发者工具中单步执行javascript文件？【英文标题】：AvoidsteppingthroughjavascriptfileinChromeDeveloperTools?【发布时间】：2011-12-1106:56:46【问题描述】：我想知道，有没有办法从Chrome开发者工具调试器中省略一个javascript文件... 查看详情
网页如何查看源代码
...，其实IE9提供了一个更为强大的网页源代码查看工具――开发者工具。点击IE9浏览器右上角的齿轮图标，在下拉菜单中点击“F12开发者工具”，或者直接按键盘上的快捷键F12也可以打开开发者工具。5IE9的开发者工具提供更为强... 查看详情
linux系统下如何在ubuntu中显示隐藏文件
...visit系统中显示隐藏文件？1、在Windows资源管理器的Tools（工具）菜单上，单击FolderOptions（文件夹选项）命令。2、单击View（查看）选项卡。3、在Hiddenfilesandfolders（隐藏文件和文件夹）下方，选中Showhiddenfilesandfolders（显示隐藏文... 查看详情
如何在 Chrome 开发工具中获取 Map Angular CLI css 文件？
】如何在Chrome开发工具中获取MapAngularCLIcss文件？【英文标题】：HowtoSourceMapAngularCLIcssfilesinChromeDevTools?【发布时间】：2017-03-0223:00:16【问题描述】：有没有办法源映射样式，以便在Chrome开发工具中进行的编辑可以持久保存到添加... 查看详情
linux系统怎么隐藏文件夹和文件
...后鼠标右键选择属性选中隐藏确定，然后在菜单栏里面找工具文件夹选项里面查看高级设置里面找隐藏文件和文件夹选中不显示隐藏的文件和文件夹，想找出来选择显示隐藏的文件和文件夹就行了won7系统怎样查看隐藏文件夹和... 查看详情
怎样在myeclipse中把隐藏的文件显示出来?
参考技术A你指的是项目中在硬盘中的真实文件全部在myeclipse中显示?比如.class文件Window-->Showview-->General-->Navigator. 参考技术B单机工具栏-文件属性-显示隐藏的文件 参考技术C这个应该不难啊 查看详情
idea开发工具在pom.xml文件中增加依赖
在POM.XML中使用快捷键ALT+INSERT 选择第一个，输入关键字即可选择版本，确认，ok 查看详情
将文件选择器数据存储在隐藏的输入中
...描述】：为了个人方便，我正在使用一个名为TamperMonkey的工具来修改网页。TamperMonkey允许您通过在页面加载后将JavaScript附加到页面来修改客户端HTML等。该网页有一个文件选择器，但它不允许您拖放文件。我经常使用这个网页，... 查看详情
打开文件快捷方式 safari 开发者工具
】打开文件快捷方式safari开发者工具【英文标题】：Openfileshortcutsafaridevelopertools【发布时间】：2015-02-1610:03:30【问题描述】：我使用CMD+P直接在GoogleChrome开发者工具中打开文件。在Safari开发人员工具中是否有执行此操作的快捷方... 查看详情