search

angular / batarang

AngularJS WebInspector Extension for Chrome
MIT License
2.43k stars 338 forks source link

In chrome devlopment tools window AngularJS tab shows blank window #321

Closed flash5452 closed 6 years ago

flash5452 commented 6 years ago

After following the installation instructions and installing package v0.10.9, I opened the chrome devlopment tools window. The AngularJS Tab shows blank. Nothing is there. blank-option

Chrome version - Version 64.0.3282.140 (Official Build) (64-bit) OS - ubuntu 16.04 LTS and

gkalpak commented 6 years ago

That is weird. It works for me :grin: Can you try to look if you get any errors in the extensions background page? (You can get to the background page of the extension in chrome://extensions/.)

flash5452 commented 6 years ago

I do not see any errors clicking the background page. I assume I do not have to inspect on an angularjs application to see the tool options, right? @gkalpak which version of batrang are you using and what version of chrome?

manfwh commented 6 years ago

ctrl+f5

gkalpak commented 6 years ago

@flash5452, yes you should be seeing the batarang panel in any page. If you right-click + Inspect on the AngularJS DevTools panel, what do you see in the Elements panel?

flash5452 commented 6 years ago

@manfwh nothing changed @gkalpak I see the html source code dev tools

gkalpak commented 6 years ago

@flash5452, it seems like you right-clicked on the main page. Try right-clicking on the AngularJS DevTools panel.

flash5452 commented 6 years ago

@gkalpak Is it fine, please see the snapshots dev tools1 dev tools2

gkalpak commented 6 years ago

It seems that you are using a local unpacked extension (loaded from ~/flash5452/chrome-tools/batarang-0.10.9). Maybe that is causing the issues. Could you install the extension from the webstore?

flash5452 commented 6 years ago

@gkalpak I installed from the webstore and I see the options in angularjs window...Thanks !! But I do not see the Model Tree option no-model-tree

gkalpak commented 6 years ago

Great! What is the Model Tree option? 😕

flash5452 commented 6 years ago

modal_tree_menu The modal tree is missing and the menu also looks different The above snapshot is from a demo video from youtube - https://www.youtube.com/watch?time_continue=101&v=q-7mhcHXSfM

gkalpak commented 6 years ago

Oh, I see. The layout and appearance have changed a bit. The equivalent of the Model Tree tab is now called Scopes. I am going to close this issue, since you were able to get the extension working, but feel free to continue the discussion below.

flash5452 commented 6 years ago

ok thanks