给腾讯开源库vConsole添加信息打印位置

vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和 SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件

可是他有一个不足,就是只能打印信息内容,不显示信息打印的位置

1590146696(1).png

测试结果

1590146707(1).jpg


为此我在原有的基础上作了一些修改,让它能够显示信息打印的位置

测试结果

1590146957(1).jpg


这是VUE项目的测试结果

1590147466(1).jpg

测试结果

1590147495(1).jpg

我把源代码放在GitHub上,有须要的朋友能够下载使用(仅测试了html、vue,两种文件环境,其余环境效果未知!)

VConsole.art2.jshtml

相关文章
相关标签/搜索