避免干扰console打印

Fundebug通过重写console对象监控浏览器控制台的打印信息,并添加到用户行为中。这样会导致在控制台下打印的日志无法正确看到原代码文件中的位置:

这样会造成开发过程中的困扰,有3种不同方法可以解决这个问题:

  • 对浏览器进行配置
  • 接入插件时,将silentConsole属性设为true
  • 在开发环境不接入Fundebug

对浏览器进行配置

1. 获取Fundebug插件链接

如果你使用script标签接入Fundebug插件,则需要配置的链接为:

https://js.fundebug.cn/fundebug.1.2.3.min.js

如果你使用NPM安装Fundebug插件,则需要在浏览器控制台中复制需要配置的链接:

  • 打开Sources标签
  • 在右侧目录找到fundebug-javascript模块的js文件:node_modules/fundebug-javascript/release/fundebug.1.2.3.min.js
  • 右键复制链接:Copy link address

获取的链接类似于:

webpack-internal:///./node_modules/fundebug-javascript/release/fundebug.0.3.4.min.js

2. 进入开发者工具面板,选择设置:

3. 在左侧菜单栏点击Blackboxing选项:

4. 点击Add pattern...,将Fundebug JavaScript插件脚本路径粘贴进去: 脚本路径:https://js.fundebug.cn/fundebug.1.2.3.min.js, 记得将0.3.3更改为您使用的版本号。


5. 再次刷新页面,将会看到Fundebug JavaScript插件已经不会干扰Console输出了:


2. 接入插件时,将silentConsole属性设为true

3. 在开发环境不接入Fundebug

如果你使用script标签接入Fundebug插件,则在开发环境注释接入Fundebug的代码即可。

如果使用NPM安装Fundebug插件,那么在代码中配置仅仅生产环境使用Fundebug插件即可

  if(releaseStage === 'production'){
    var fundebug=require("fundebug-javascript");
    fundebug.apikey="YOUR-API-KEY";
  }

results matching ""

    No results matching ""