如何阻止Edge自动下载UI5库的源映射文件(*-dbg.js)？

我之前也碰到过这个糟心的情况——一开F12，Edge就疯狂下载UI5的*-dbg.js源映射文件，直接把浏览器卡到没法用调试工具。给你分享几个亲测有效的解决方法：

方法1：禁用开发者工具的源映射全局设置 #

这是最直接的全局解决方案：

• 打开开发者工具（F12），点击右上角的齿轮图标进入设置界面
• 在左侧导航栏找到Sources选项
• 取消勾选Enable JavaScript source maps和Enable CSS source maps这两个选项
• 关闭开发者工具再重新打开，之后就不会自动触发源映射文件的下载了

方法2：针对UI5应用单独禁用源映射 #

如果不想全局关闭源映射功能，只想针对当前UI5应用生效，可以修改页面的UI5 bootstrap配置：

• 找到页面中加载sap-ui-core.js的script标签
• 添加data-sap-ui-sourceMap="false"属性，示例如下：

  <script id="sap-ui-bootstrap"
          src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
          data-sap-ui-theme="sap_belize"
          data-sap-ui-libs="sap.m"
          data-sap-ui-sourceMap="false">
  </script>
  

  这样这个应用就不会加载任何UI5框架的源映射文件了。如果需要临时调试，再把这个属性删掉就行。

方法3：用网络拦截规则阻止特定文件下载 #

如果只是想拦截*-dbg.js这类文件，不影响其他源映射，可以用Edge的网络拦截功能：

• 打开开发者工具的Network面板
• 点击顶部的Filter按钮，选择Create new filter
• 在URL contains输入框中填写*-dbg.js，点击Add添加规则
• 右键点击刚创建的过滤规则，选择Block request URL
• 之后所有匹配这个规则的下载请求都会被Edge自动拦截，不会再拖慢浏览器

如果之后需要调试UI5的源码，随时可以把对应的设置重新开启，或者取消拦截规则，灵活调整就好。

内容的提问来源于stack exchange，提问作者Pieter