AngularJs 調試工具(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( ̄▽ ̄)d 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章