去掉微软新Edge浏览器控制台:DevTools 无法加载 SourceMap警告

知更鸟
知更鸟
知更鸟
1551
文章
6920
评论
2020年6月10日11:04:55 评论 297

微软新Edge浏览器推出后,也成为我调试主题的辅助工具,因为同样是基于Chromium开源项目的浏览器,新Edge开发工具是中文的,而Chrome这么多年了,也没出过真正的中文版,可以抛弃Chrome了。

去掉微软新Edge浏览器控制台:DevTools 无法加载 SourceMap警告

打开Edge浏览器开发工具控制台一直提示:DevTools 无法加载 SourceMap.....警告,很容易认为是当前网页有错误警告,看着有点烦心。去掉这个警告的方法:

打开Edge浏览器开发工具控制台,找到“启用JavaScript源映射”取消勾选即可。

如是Chrome浏览器方法类似,找到Enable JavaScript source maps取消勾选即可


网上查了一下什么是SourceMap技术它是用来干什么的。

在现在写网站的时候,如果有很多javascript文件,在渲染内容到客户端浏览器的时候,如果我们使用像webpack这样的打包工具的话,能够合并并且压缩那些js文件,并且去除其中的空格等元素,从而减小文件的容量,提高网页的反应速度。但是这样造成的问题就是在浏览器端无法对js文件进行调试,因为经过压缩的文件很紧凑,没有空格与换行。

概括来讲,SourceMap就是如何把压缩后的js代码映射成格式化代码的方法。当你在Production环境部署代码的时候,伴随着压缩与优化后的js代码,还要有一个包含原始js代码的sourcemap文件。当客户端浏览器Chrome在收到这个压缩后的js文件后,它会自动的去寻找服务器上相关的sourcemap文件并把压缩的js代码转换成格式规范的js代码。

 

weinxin
版权声明
本站原创文章转载请注明文章出处
office图标异常解决办法 实用技巧

office图标异常解决办法

office图标异常,原因一般是装了 wps,卸载后又装了office。解决办法: 打开注册表(Windows键+R,输入regedit) 恢复Word图标 找到: 修改右侧数值数据为的Word安装位...
Firefox火狐一键禁用JS扩展 实用技巧

Firefox火狐一键禁用JS扩展

禁用特定站点或特定选项卡的JavaScript,可以自定义默认的JS状态(打开或关闭)等等。 Firefox火狐一键禁用JS扩展 Disable JavaScript下载安装页面 Script Swi...
禁止迅雷极速版强制升级方法 实用技巧

禁止迅雷极速版强制升级方法

迅雷强制升级已达到丧心病狂的程度,就是升级到新版本,也是限速严重,作死。 本文方法只针对迅雷极速版。 1、进入迅雷安装目录中的Data目录,找到ThunderPush文件夹并删除,如果没找到这个文件夹...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: