谷歌浏览器chrome devtools 插件安装

具体操作：

1 . 下载chrome扩展插件。

在github上下载压缩包并解压到本地，github下载地址：https://github.com/vuejs/vue-devtools

2. npm install

下载完成后打开命令行cmd进入vue-devtools-dev文件夹，

1. npm install，安装依赖包；如果安装太慢，请参照文章末尾说明进行操作。

2. npm run build

npm run build 执行完，会在shells>chrome下的src文件夹里生产如上图所示的几个js文件；

若不执行以上命令会报错，无法加载背景脚本"build/background.js"，如下图：

3. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true

4. 扩展chrome插件

1.打开chrome浏览器，打开更多工具>扩展程序；

2.再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入

谷歌浏览器chrome devtools 插件安装相关推荐

解决WIN/MAC平台谷歌浏览器/Chrome添加插件安装时显示程序包无效：CRX_HEADER_INVALID的问题
程序包无效"CRX_HEADER_INVALID"是个什么鬼? 一般来说安装插件应该到谷歌商店去安装,但是由于某种原因我们不一样能正常访问到谷歌商店,除了商店在线安装 ,我们还可以 ...
开发中解决Access-Control-Allow-Origin跨域问题的Chrome神器插件,安装及使用
开发中解决Access-Control-Allow-Origin跨域问题的Chrome神器插件,安装及使用参考文章: (1)开发中解决Access-Control-Allow-Origin跨域问题的 ...
Chrome浏览器插件安装一览表
Chrome浏览器插件安装一览表微软的IE浏览器存在众所周知的效率问题,不再使用:Firefox自动更新会多一个版本(我有点强迫症,看不惯这一点):那就是用同样大名鼎鼎的Google推出的Chrom ...
Axure谷歌Chrome浏览器插件安装教程
1.引言经常看到这样的问题: 1.我用Axure做的原型怎么不能用谷歌浏览器查看? 2.到哪里下载Axure谷歌浏览器插件? 3.Axure谷歌浏览器插件下载下来怎么安装? 其实这些问题百度一下都能 ...
vue中devTools插件安装教程
vue-devTools 为了更方便的在开发过程中对 Vue 程序进行调试,除了传统的浏览器自带的 debug 工具以外,我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试 vue-devTo ...
WEB之浏览器使用入门--chrome扩展插件安装及好用的扩展插件小集合
chrome插件 chrome本身是浏览器,提供最基本的谷歌提供的浏览器相关的功能.但是仅仅有基本的chrome本体在很多时候使用还是会感到力不从心,对浏览器本身通过安装一些常用的扩展(extenti ...
谷歌浏览器chrome扩展插件-农名的世界脚本
farmersworld 游戏比较火,写个简单的自动收获的插件. 脚本支持手锯.电锯.挖掘机.渔船的自动收获. 能量.持久度不够了自动修复. manifest.json {"manifes ...
Chrome的插件安装与使用
一.*.crx文件格式 1.打开Chrome浏览器,地址栏输入"chrome://extensions/",回车,进入如下界面. 2.将*.crx文件鼠标选中拖入Chrome内,安 ...
Python采集常用：谷歌浏览器驱动——Chromedriver 插件安装教程
人生苦短 ,我用Python 趁放假,偷偷卷起来!!! 我们经常要使用谷歌浏览器驱动, 今天分享下这个Chromedriver 插件的安装方法. 一.打开谷歌浏览器打开设置面板二.查看当前谷歌浏览器 ...

谷歌浏览器chrome devtools 插件安装

谷歌浏览器chrome devtools 插件安装相关推荐

最新文章

热门文章