Chrome浏览器安装devtools开发者工具

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。但是很多小伙伴无法直接访问谷歌商店，今天给大家介绍一种不用通过谷歌也能安装vue-devtools。

下载devtools安装包
链接: https://pan.baidu.com/s/1naR4sJ3loAFUtT4DR-W_5w 提取码: wz4b
打开Chrome浏览器，地址栏输入chrome://extensions/进入扩展程序管理，打开开发者模式按钮
将下载好的安装包拖到谷歌浏览器中松开鼠标
如果出现以下错误，不用担心，接着执行下面5,6步骤哦！（如果成功安装就不用执行后面的步骤了哦~）
把安装包的后缀名：crx改为zip后缀然后解压到文件夹中
点击加载已解压的扩展程序
找到刚才解压的文件夹(vue.js devtools_3.1.2_0)，点击选择文件夹，就成功啦！

Chrome浏览器安装devtools开发者工具相关推荐

处理ArchLinux上各软件屏幕卡顿与显示问题（chrome浏览器，微信开发者工具wxdt，vscode移动慢问题）
这些问题基本都是gpu加速导致的,关闭gpu加速,基本都能解决问题 vscode: Ctrl+Shift+P调出用于执行命令的输入框输入Preferences: Configure Runtime ...
如何使用浏览器的F12开发者工具调试页面？
一,背景介绍通常前端程序员在按照UI效果图编辑网页时,不可能一口将全部的代码全部写好,通常情况是编写边调,经过反反复复的调试后才能达到要求的效果,这时候用Chrome浏览器的F12开发者工具能形象直 ...
Chrome浏览器安装Vue.js devtools插件
Chrome浏览器安装Vue.js devtools插件 1.浏览器访问极简插件 2.右上角搜索框搜索vue DevTools插件 3.在本地文件夹中解压刚刚下载的插件,解压后如下所示 4.打开谷歌浏 ...
20221126给Chrome浏览器安装扩展程序——猫抓
20221126给Chrome浏览器安装扩展程序--猫抓 2022/11/26 21:43 百度:chrome 猫爪 https://www.onlinedown.net/soft/1232149.h ...
Chrome浏览器开发新截图工具，安全浏览器截图方法
我们在使用浏览器的时候,浏览器并不是一成不变的,浏览器也在进行持续的升级优化,比如,谷歌的Chrome浏览器就正在获得一款,受到微软Edge启发的全新高级的截图工具,下文就来和大家介绍一下这款截图工具 ...
chrome浏览器安装插件，提示程序包无效
chrome浏览器安装插件的时候,如果提示程序包无效:"CRX_HEADER_INVALID",导致插件安装不上去,这个时候该怎么办呢?通常,这种错误在chrome浏览器版本73 ...
chrome浏览器安装插件显示程序包无效
chrome浏览器安装插件显示程序包无效当给谷歌浏览器安装插件时显示出如下程序包无效的情况解决办法: 1.将要安装的.crx文件的后缀名改为.rar 2.将改过后生成的.rar文件进行解压生成下图 ...
chrome浏览器安装redux-devtools调试工具
chrome浏览器安装redux-devtools调试工具 1.点击进入https://www.chromefor.com/ 2. 在搜索框搜索redux 3. 找到最新版本(Redux DevToo ...
01.在谷歌浏览器安装Vue开发者工具
1.在谷歌浏览器安装Vue开发者工具,在设置中找到扩展程序点开,直接将插件拖拽到扩展程序页面 3.安装好以后可以测试html,右键运行 4.在浏览器控制台输入Vue.config回车,会展示页面内容 ...

Chrome浏览器安装devtools开发者工具

Chrome浏览器安装devtools开发者工具

Chrome浏览器安装devtools开发者工具相关推荐

最新文章

热门文章