AngularJs 调试工具（batarang）离线安装_安装包batarang

因为angular由谷歌接手之后，他们也写了一个关于该框架的调试插件（batarang），但是仅仅只能在谷歌浏览器中使用。

1、首先下载插件

在本人的资源库里面可以下载https://download.csdn.net/download/liuxin00020/10974568

也可以在github上面下载https://github.com/angular/batarang/releases，可以直接下载指定的版本

蒋下载的资源放到指定的文件夹，等会儿需要找到这个资源

2、开始对下载的插件进行处理

（1）如果是在本人博客下载的，蒋下载的压缩包解压即可

（2）在github上下载的，在文件夹（若下载的是压缩包，则先解压）中打开powersheel

•    按住shift键，右击鼠标即可打开控制台

• 下载batarang依赖包，执行npm install

3、安装插件到谷歌浏览器

• 打开谷歌浏览器，找到扩展程序，或直接在浏览器输入chrome://extensions/

 

• 点击加载已解压的扩展程序，选择刚刚的文件夹

• 此时可以看到插件已经加载进来了

4、开始投入使用

• 首先要重启谷歌，f12打开调试者工具，蒋AngularJs调试勾选为可用

• 打开一个angular页面，即可看到angular的标签和变量
• 如果此处看不到标签，则关闭再试一次，每个版本的插件都有些不同，或许是bug     o(￣▽￣)ｄ