关于方案一：不压缩 JS。前几天才发现一个工具，直接把 minify + uglify 过的 JS 代码通过机器学习还原出来，虽然效果不一定很好：http://jsnice.org/

老师您好，我是https://sdk.cn 编辑于洋，希望转载这篇文章到我们网站上，请您放心我们会严格遵守转载规范，注明作者和出处，希望能得到老师的授权。

@yuyang2016 可以哈

谢谢老师！

方案五：开源方案 sentry,能介绍下吗

如果要做成一个通用的错误脚本监控，怎么实施呢，比如嵌入脚本，而且监控的网站是不会让你动代码的。

@joeyguo 哥，你的图画的极其好看，求告知下画图工具是哪个哈~

@guoxiangwen 嵌入脚本是为了能够上报错误信息，所以是必须的。如果无法更改项目代码的话，可以在用代理的方式在资源返回前插入上报脚本(不推荐)。

@pengkobe hi，上面那些是在keynote上制作的

@pengxianggithub sentry 的文档挺全的，不妨先看看 https://sentry.io/welcome/

global code@ 类似于这种问题，是js error捕获的api层面错误吗？貌似网上相关的文档很少

写得不错，图也画的很好

你好，如果错误在压缩后的代码的第m行，第n列，使用类似于js-beautify的工具进行格式化后，怎么获取错误在格式化后的代码的哪一列哪一行？

@ganyouyin 看一下这个 https://github.com/joeyguo/js-beautify-sourcemap

@joeyguo node 环境下使用报错，issue地址：joeyguo/js-beautify-sourcemap#1

看了noerror的代码，挺好的，学习到不少，但是博主是如何解决上线时还需要同步打出sourceMap线上安全问题的？是先打一个devtool：false，再打一个source-map然后将sourceMap上传到监控服务器上？

@npm-ued 是说什么安全问题呢？构建只执行一次，sourceMap文件生成出来上传到监控服务器，不发到现网。

@ganyouyin 已fix

要是 vue 怎么弄呀

Vue.config.errorHandler = function(err, vm, info) {}
这里没有返回行号和列

期待的代码

export default {
  name: "app",
  components: {},
  data() {
    return {
      value: 1234689
    };
  },
  methods: {
    test(){
      throw new Error("老哥，报错了呀")
    }
  }
};

好了，是我自己的一个问题

m

关于方案一：不压缩 JS。前几天才发现一个工具，直接把 minify + uglify 过的 JS 代码通过机器学习还原出来，虽然效果不一定很好：http://jsnice.org/

主要是靠注释和名字比对生成的代码，几乎零实用性

你好，可以转载到公众号高级前端进阶上吗？会标明作者与来源，感谢

你好，可以转载到公众号高级前端进阶上吗？会标明作者与来源，感谢

@sisterAn 可以。

期待的代码

export default {
  name: "app",
  components: {},
  data() {
    return {
      value: 1234689
    };
  },
  methods: {
    test(){
      throw new Error("老哥，报错了呀")
    }
  }
};

这种可视化展示是怎么做的

要是 vue 怎么弄呀

Vue.config.errorHandler = function(err, vm, info) {}
这里没有返回行号和列

怎么处理的呢，我遇到了相同的问题

要是 vue 怎么弄呀
Vue.config.errorHandler = function(err, vm, info) {}
这里没有返回行号和列

怎么处理的呢，我遇到了相同的问题

把 err.stack.toString() 上报到服务器，然后在服务器上打印就能看到完整信息了，原来是浏览器自动转码了，如果把开发者工具的 sourcemap 开启的话连行号和文件都看不到。
来源：http://www.javashuo.com/article/p-yqcmwniq-bv.html