美文网首页
手机网页开发调试面板vConsole使用手记

手机网页开发调试面板vConsole使用手记

作者: microkof | 来源:发表于2017-02-15 16:28 被阅读821次

    https://github.com/WechatFE/vConsole/blob/dev/README_CN.md

    因为一些手机网页需要使用手机浏览器特有的API,在电脑上无法模拟,虽然有一些远程调试的办法但是都比较麻烦,本着尽量省事的原则,这次采用的vConsole只需要加载一个文件就可以实现手机中查看Console面板。

    这是一个国产项目,在Console替代者中属于最佳的那一批,今天拿过来试一试。

    首先,<script src="/vConsole/vconsole.min.js"></script>必须在所有js库之前加载。因为它的原理是重写window.console,如果在其他js库之后加载,就来不及重写了。

    测试项目:console.log(window.BarcodeDetector),这个API只在Chrome 56以上且开启“实验性网络项目”之后才能正确打印。

    加载之后刷新页面,你会发现页面有下角有一个嫩绿的角标。点击一下

    Paste_Image.png

    嗯哼,没问题。

    最下方可以输入新的命令。

    就试验这么多。

    相关文章

      网友评论

          本文标题:手机网页开发调试面板vConsole使用手记

          本文链接:https://www.haomeiwen.com/subject/skmqwttx.html