1、VConsole
<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>
这样再打开页面就会多出一个vConsole的按钮,点击可以打开查看:控制台,网络请求,页面元素,cookie/session/localstorage,除了不能在代码打断点调试,活生生一个本地调试的样子
2、spy-debugger
这个相比vConsole,稍微弱一点,如果不能修改源代码的场景,可以直接使用这个。
详情:https://blog.csdn.net/weixin_30940783/article/details/96926681
3、whistle
这个可以把线上代码代理到本地,就像在本地调试代码一样