码迷,mamicode.com
首页 > 移动开发 > 详细

----移动端移动端调试神器vConsole----

时间:2019-08-15 06:08:07      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:移动   bug   resources   efi   new   问题   app   too   pre   

我们在写webapp或者移动端网页需要嵌入到app时候,尤其是在APP内置的webView上加载我们的页面,想要查看手机浏览器信息是非常困难的事,当出现问题的时候,你又不能查看日志,一般会连接本地测试环境,然后在alert来打印日志(这种做法太蠢了),然后一遍一遍的定位bug,修改代码。使用eruda之后感觉爽爆了,解决了这个问题,这个工具就想电脑端的devtools,可以查看日志,网络,页面,Resources等

使用方法

多页面应用

在每个页面

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

单页应用

我们在项目的入口引用这个文件就可以

npm install vconsole
var vConsole = new VConsole();
console.log(‘Hello world‘);

 



----移动端移动端调试神器vConsole----

标签:移动   bug   resources   efi   new   问题   app   too   pre   

原文地址:https://www.cnblogs.com/zjy850984598/p/11355654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!