1、eruda使用方法
多页面应用集成
<script src="https://cdn.bootcss.com/eruda/1.5.5/eruda.min.js"></script>
<script>
eruda.init();
</script>
单页面应用集成
npm install --save-dev eruda
(function () {
if (!/erudabug=true/.test(window.location.href)) return; // 这里可以增加启用规则限制
var script = document.createElement('script')
script.src = "https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js"
script.async = true
document.getElementsByTagName('head')[0].appendChild(script)
script.onload = function () {
eruda.init()
}
})()
在项目的入口引用这个文件就可以,一般情况下请勿在生产环境启用调试工具,可以通过环境变量控制;
如果必须在生产环境启用调试工具,需要灰度或者增加开发人员才能识别的特殊标记,如在地址栏增加 erudabug=true
2、vconsole使用方法
多页面应用
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
<script>
var VConsole = new VConsole();
</script>
单页面应用
npm install --save-dev vconsole
var vConsole = new VConsole();