前端使用vConsole调试
摘要：本文介绍在Chrome浏览器中通过开发者工具修改百度首页并添加vConsole调试面板的方法。步骤包括：1）打开Network面板，右键百度请求选择Overridecontent；2）选择桌面文件夹授权修改；3）自动创建www.baidu.com文件夹；4）在index.html的head标签内插入vConsole脚本代码；5）刷新页面后即可在右下角看到调试面板。该方法可方便开发者进行移动端
·
转载作者：掘金@程序员大卫
本文以 www.baidu.com 网址为例：
1、打开 Chrome 开发者工具，切换到 Network 面板。在请求列表中右键点击 www.baidu.com，选择 Override content（替换内容）：
2、页面上方会出现一个提示栏，点击其中的 Select folder 按钮：
3、在弹出的文件选择器中，选择 桌面 文件夹。随后会弹出一个对话框，询问是否允许开发者工具修改文件，点击 修改文件：
4、Chrome 会自动在桌面创建一个名为 www.baidu.com 的文件夹：
5、在 index.html 的 <head> 标签内插入如下代码，并保存文件：
<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>var vConsole = new VConsole();</script>
6、返回浏览器并"刷新"百度首页，可以看到页面右下角已经成功出现了 vConsole 调试面板：
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
4
0- 0
已为社区贡献2条内容
所有评论(0)