【原】无脑操作:Chrome浏览器安装Vue.js devtool

摘要:
学习Vue。js,Chrome安装Vue Jsdevtool可以轻松查看Vue对象、组件、事件等。步骤:1.打开Chrome浏览器,在右上角找到“自定义和控制Google Chrome”图标。

学习Vue.js时,Chrome浏览器安装Vue.js devtool能很方便的查看Vue对象、组件、事件等。

本文以Chrome浏览器插件Vue.js devtools_3.1.2_0.crx的安装为例。

步骤:

1、打开Chrome浏览器,右上角找到“自定义及控制Google Chrome”图标。

2、点击图标,找到“更多工具”菜单项下的“扩展程序”(第1步和第2步也可以合并为直接在地址栏输入:chrome://extensions/)

3、将Vue.js devtools_3.1.2_0.crx文件拖放至扩展程序中即可安装。

4、安装完成后,在浏览器的右上角会看到V字型图标。

5、点击V字型图标,可能会提示:Vue.js not detected的信息,接下来解决这个问题。

6、首先找到刚才在扩展程序中安装的Vue.js devtools 3.1.2,点击“详细信息”,能看到Vue.js devtools的ID,我的是:blilalokifjgienomccehdbhiamjcppo。同时,将“允许访问文件网址”的选项启用。

7、然后到C:Users emptationAppDataLocalGoogleChromeUser DataDefaultExtensions目录下(其中temptation是我的系统账户名称),能找到相应的Chrome浏览器插件的目录文件,其中就有和ID同名的blilalokifjgienomccehdbhiamjcppo目录。

8、打开目录,找到manifest.json文件,打开找到"background"节点,将其"persistent"属性的值从false修改为true。

9、重启Chrome浏览器,打开使用Vue.js开发版的网页文件,发现此时Vue.js devtools图标亮了,可以使用该插件了。

免责声明:文章转载自《【原】无脑操作:Chrome浏览器安装Vue.js devtool》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇六,zabbix模板创建与使用用友GRP-u8 注入-RCE漏洞复现下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

《手把手教你》系列技巧篇(四十四)java+ selenium自动化测试处理https 安全问题或者非信任站点下篇(详解教程) 北京

1.简介     这一篇宏哥主要介绍webdriver在IE、Chrome和Firefox三个浏览器上处理不信任证书的情况,我们知道,有些网站打开是弹窗,SSL证书不可信任,但是你可以点击高级选项,继续打开不安全的链接。举例来说,想必大家都应该用过前几年的12306网站购票,点击新版购票,是不是会出现如下的界面。宏哥又找了一个https的页面,如下图所示:...

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下,感兴趣的朋友可以了解下 chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的inp...

chromedriver的使用

1.调用chrome driver System.setProperty("webdriver.chrome.driver", "C:/Program Files (x86)/Google/Chrome/Application/chromedriver.exe"); 2.创建chromeOption对象 ChromeOptions chromeOptio...

如何解决Google Chrome启动页面被篡改锁定和劫持?

步骤1:直接修改启动页设置 1 首先,检查Chrome设置。 点击Chrome浏览器右上角菜单。 点击设置。 2 启动时,设置为:打开新标签页。 或者点击“打开特定网页或一组网页”,进行手动设置,设置希望的主页。 END 步骤2:修复Chrome快捷方式 1 如果步骤1中的修改设置,在重启Chrome浏览器后,无法解...

给网站添加X-UA-Compatible标签

给网站添加X-UA-Compatible标签方法一:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />如:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />IE=edge告诉IE使用最...

Selenium自动化获取WebSocket信息

性能日志 ChromeDriver支持性能日志记录,您可以从中获取域“时间轴”,“网络”和“页面”的事件,以及指定跟踪类别的跟踪数据。 启用性能日志 默认情况下不启用性能日志记录。因此,在创建新会话时,您必须启用它。 DesiredCapabilities cap = DesiredCapabilities.chrome();LoggingPref...