4

i just want to inspect one html code block(for eg: tooltip), which comes only when i focus on the input text box. I am unable to see the properties of the tooltip code block, using web inspector or firebug. Please help me to inspect those htmls which present only on hovering or focusing on some other elements.Thanks in advance for any help.

Mohamed Hussain
  • 7,433
  • 14
  • 55
  • 85
  • 2
    http://stackoverflow.com/questions/1675405/firebug-how-to-inspect-elements-changing-with-mouse-movements – PSR Apr 02 '13 at 12:10

2 Answers2

12

On Chrome you can do it like this

Chrome inspect

See bottom right, you can toggle the element states as you wish

Sam
  • 2,771
  • 2
  • 28
  • 41
  • Nice One Sam. Thanks For the help. It is Working perfectly for anchor tags. I am trying to bring the focus to the input text field, which is not working by this method, could you you please tell me how to do it for the input box? – Mohamed Hussain Apr 02 '13 at 13:08
  • It should work for text box input elements too unless the styles are added via JavaScript then I'm not sure the focus trigger on the chrome inspector would work – Sam Apr 02 '13 at 13:15
  • I am trying to inspect the tooltip which comes when i put focus on the input text field, the script for the tooltip to come is on javascript. – Mohamed Hussain Apr 02 '13 at 13:18
  • Then I don't know, if you can't use the chrome element state you'll have to modify the javascript so the tooltip is always displayed while you're working on it seems to me to be the only solution – Sam Apr 02 '13 at 13:21
  • Thank you! Such a simple solution for a longtime annoyance! – Syntax Error Oct 08 '14 at 06:37
2

Just open it in Chrome and Press ctrl+shift+C .. undock from browser default window and click on search icon !

enter image description here

Arun kumar
  • 162
  • 4