首页 > 其他 > 详细

chrome浏览器添加vue调试工具

时间:2021-05-30 00:56:44      阅读:33      评论:0      收藏:0      [点我收藏+]

参考博客网址:https://www.cnblogs.com/HouJiao/p/11899679.html

1.插件下载地址

https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd

下载完成之后解压得到:nhdogjmejiglipccpnnnanhbledajbpd_5.3.4_chrome.zzzmh.cn.crx 扩展文件,如图

技术分享图片

 

 2. 打开chrome浏览器,打开扩展程序,将解压得到的扩展文件直接拖动到浏览器中(需要提前打开开发者模式)

技术分享图片

 

 3. 安装成功

技术分享图片

 

 4.注意点,安装成功之后点击浏览器右上角的vue图标会出现 vue.js not detected

技术分享图片

 

 这个时候需要需要设置开发工具在隐私模式下可用,同时允许访问文件网址

技术分享图片

 

 5.测试

打开一个vue网页,右上角图标高亮,且打开f12之后可以看到vue选项,如图

技术分享图片

 

 

chrome浏览器添加vue调试工具

原文:https://www.cnblogs.com/summerHou/p/14825987.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!