因为需要看到效果只能在手机上查看

但手机没办法调试网页怎么办? 运行出错了都不知道!

我们需要用到一款针对手机网页的前端开发者调试面板。

vConsole

特性

• 查看 console 日志
• 查看网络请求
• 查看页面 element 结构
• 查看 Cookies 和 localStorage
• 手动执行 JS 命令行
• 自定义插件
• 引用一个JS文件即可!
  

Git项目地址   https://github.com/Tencent/vConsole

中文介绍地址 https://github.com/Tencent/vConsole/blob/dev/README_CN.md

预览效果 (可扫描下面二维码打开网站地址查看演示)

或者手机打开此地址

http://wechatfe.github.io/vconsole/demo.html

效果如下