做前端开发的小伙伴儿应该对火狐浏览器提供的Firebug工具很熟悉了吧,但是你知道怎么在手机上使用Firebug的控制台功能么(^_-)
现在谷歌浏览器提供了可以在电脑上模拟移动端界面的功能,但是在开发移动端M页时候,有些功能在电脑上无法模拟,比如为APP开发的活动页面需要调用APP的登录操作,只能在手机APP中上进行,如果登录后出现bug需要在控制台调试怎么办呢。很简单喔~~~
在需要使用firebug功能的HTML页面中添加如下标签:
<script type="text/javascript" src="/firebug-lite-debug.js"></script>
该JS文件与项目的静态资源放在同一个目录下。手机访问该HTML页面,即可自动打开Firebug界面。
如果有需要该js文件的小伙伴儿,可以点击此处下载。
vConsole 是一个由微信公众平台前端团队研发的 Web 前端开发者面板,可用于展示 console 日志,方便开发、调试。具体可参考vConsole。使用方法如下:
<script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.0.0.0"></script>
<script>
var vConsole = new VConsole();
</script>
如有问题,欢迎留言(・∀・)