6

I'm trying to achieve the similar experience as Chrome F12 in Android App Debugging, i.e., get the resource ids of certain objects, even merrier, see their styles and event handlers,

Just tried this one: Inspect Element in Android Studio

But it didn't work, because I don't have enough rep points I cannot comment on that answer, so I have to post my question here:

  • Is it possible to inspect element in Android Studio?
  • What's that answer is about? Is it possible to do it in PC?
Community
  • 1
  • 1
Ree5un
  • 197
  • 1
  • 2
  • 14

2 Answers2

4

I think the question you linked is about inspection code elements, not view elements.

You can inspect the view hierarchy using the Android Device Monitor. Just select Hierarchy View from the perspectives. Source: http://developer.android.com/tools/help/hierarchy-viewer.html

As of Android Studio 3.1 or later, Hierarchy Viewer is deprecated. You should instead use Layout Inspector to inspect your app's view hierarchy at runtime. View -> Tool Windows -> Layout Inspector.

Omer Tuchfeld
  • 2,886
  • 1
  • 17
  • 24
F43nd1r
  • 7,690
  • 3
  • 24
  • 62
  • Thank you, it's not exactly F12, i.e., providing on-the-scene capturing, but kind of providing layout breakd-down and component ids. – Ree5un Apr 04 '16 at 19:44
  • Android studio does also provide screen capturing and recording http://developer.android.com/tools/debugging/debugging-studio.html#screenCap – F43nd1r Apr 04 '16 at 19:57
  • Tools > Layout Inspector is greyed out for me. What should I do? – Divyanth Jayaraj Sep 09 '22 at 03:03
2

For the inspect element in android studio you can use "Evaluate expression". Just select the piece of expression you want to inspect and right click on it and select Evaluate Expression. Have a look at the image below:

enter image description here

This will open you a new floating window and you can see what is the value of that expression during while debugging.

Akhil Ghatiki
  • 1,140
  • 12
  • 29