chrome浏览器的VUE调试插件Vue.js devtools

chrome浏览器的VUE调试插件Vue.js devtools

应用商店直接安装

安装成功后在VUE文件打开可以直接调试:

提示效果如下:

F12进入调试状态即可:

安装中出现的问题:

插件安装后无法使用,出现vue.js not detected提示的解决办法

找到插件的安装目录:

(可以通过id搜索ID:nhdogjmejiglipccpnnnanhbledajbpd)

C:\Users\liangsuya\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.6_0

找到manifest.json文件

将persistent属性改为true

然后就可以正常使用插件调试vue了

时间: 2024-11-14 08:34:12

chrome浏览器的VUE调试插件Vue.js devtools的相关文章

Chrome 浏览器的Secure Shell插件

说起putty,windows下面的程序猿个个都是爱恨交加. 不小心发现一个宝贝,Chrome 浏览器的Secure Shell插件. 这是Google官方推出的插件,试用下来,putty完全可以下岗了嘛! 强烈推荐, 请戳 http://t.cn/zjDfw0U

关于Chrome浏览器不能使用Java插件的问题

最近测试的“上海电信宽带测速系统”中HTTP测试需要用到java插件,之前装过好多次插件,装好后还是提示java插件未安装,郁闷了N久,最近问题终于得到了解决,故做分享~ 关于Chrome浏览器不能使用Java插件的问题,需要在chrome://flags/#enable-npapi启动NPAPI插件才行.    启用后,试了下还是不行,索性将java插件更新至最新版本,下载了java8 32位的插件做安装.安装完成后,一切都OK,搞定.同时将之前存在的IE9 32位的插件问题也搞定了(IE93

chrome浏览器安装Xpath Helper插件

最近偷空研究了一下python,准备用python写一个爬虫. 在使用scrapy,爬取网页信息时,我需要去定位节点,所以也就有了下面这篇文章. 例子代码: 1 import scrapy 2 from tutorial.items import DemozItem 3 4 class DmozSpider(scrapy.Spider): 5 name = "dmoz" 6 allowed_domains = ["dmoz.org"] 7 start_urls =

Google Chrome浏览器扩展的调试

1)      查看扩展程序的详细信息和ID 通过Chrome 浏览器的“ 工具->更多工具->扩展程序”,打开chrome://extensions页面,选中右上角的“开发者模式”,可以查看扩展程序的详细信息(如名称.概述.占用空间大小.版本和权限等)和ID. 2)      查看扩展程序的popup页面 通过Chrome 浏览器的“工具 ->更多工具->扩展程序”,打开chrome://extensions页面,选中右上角的“开发者模式”(必须在开发者模式下才能够看到调试菜单项

chrome浏览器跳过(忽略)所有的js断点

在调试程序时我们经常通过打断点的方式来跟踪代码的执行流程,所以可能会在很多时候打很多断点,当我们知道了程序大概的执行流程之后,这时候断点就不太需要了.但是我们又不想马上把所有的断点清除掉,因为我们打的这些断点很可能是程序执行时的关键步骤,下次或许还会用到这些断点,这时我们可以通过工具的"跳过所有断点"这个功能来实现我们的需求.下面先讲chrome如何跳过所有的断点,再介绍一下Eclipse怎么跳过所有断点. 版权声明:本文为博主原创文章,未经博主允许不得转载. 原文地址: https:

chrome浏览器的JSON格式化插件jsonformtter

引言 调试接口过程中需要经常在浏览器中查看返回的数据,json格式的数据经常是如下图所示的样子,很不具有可读性. 如果结果变成像编辑器格式化后那样赏心悦目就好了! 那么推荐一个Chrome的插件jsonformtter. 使用 下载地址: http://jsonhandle.sinaapp.com/ 安装: 打开Chrome浏览器,在地址栏输入 chrome://extensions/ 出现扩展程序页面,将下载后的插件直接拖放到该页面即可. 原文地址:https://www.cnblogs.co

chrome浏览器安装网页测试插件postman的图文步骤记录

用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具.今天给大家介绍的这款网页调试工具不仅可以调试简单的css.html.脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一. Postman插件下载与安装Postman插件哪里可以下载? 1.你可以从chrome应用商店里找到Postman插

chrome浏览器好用的插件

1.Chrome批量保存所有选项卡网址 + 批量打开复制网址小插件 批量保存所有选项卡网址插件:Copy All Urls 经常搜索一些东西,下班时无法处理完所有网页内容,比如做笔记什么的,又不舍得关闭网页.每个页面关闭前复制链接保存太麻烦.此工具可以完美解决用于一次性将所有Chrome选项卡中的网址复制到剪切板的小插件.具体SEO应用就是将所发外链网址一次性全复制下来,必备外链辅助工具.亮点是插件可以自定义保存的格式.格式如图: Copy All Urls下载地址:https://chrome

通过Chrome浏览器进行android调试/Remote Debugging on Android with Chrome

The way your web content behaves on mobile can be dramatically different from the desktop experience. Remote debugging with Chrome DevTools lets you debug live content on your Android device from your development machine. Remote debugging on Android