因为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( ̄▽ ̄)d