因爲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