有什么办法让开发者能够在移动端看到项目的报错信息（不在界面上打印出来）？

Question

用Nuxt.js开发了一个移动端项目，上线后用户反馈某个页面报错，然而本地用尽办法却无法复现这个bug，请问有什么办法可以在移动端将报错信息以某种形式让开发者能看见但又不影响用户体验？

Answer 1

可以试试这个vConsole

中文文档

vConsole是一款由微信公众平台前端团队打造的前端调试面板，专治手机端看log难题。

• 下载vconsole最新版本或者直接用npm下载nom install vconsole

引入vconsole到项目中：

<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>

或者通过import 初试化：

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

项目运行，点击页面右下角vconsole图标，即可看到debug内容
如果想要查看接口调用情况，和浏览器一样直接点击network按钮即可

Answer 2

异常收集

Bugsnag docs › Platforms › JavaScript

JavaScript Error Tracking and Performance Monitoring | Sentry

Answer 3

用hbuilder联机调试

Answer 4

https://people.apache.org/~pm...

很久（大概六七年）之前有一个调试终端web页面的插件（weinre⬆️），当时够用，现在应该是有更好的工具了（像一楼提供的那个）～。～

Answer 5

sentry，或者美团的logan