Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Debugger how to inspect elements of the dropdown menu

For the dropdown menu on one of my webpage, after I click to do Inspect element on one of menu items, the dropdown menu would collapse and disappear, and such that I couldn't check the content of the dropdown menu in the html and neither really check the corresponding css styles (and further play with the styles). Is there a way to freeze the dropdown menu after clicking to do the Inspect element operation?

like image 615
tom Avatar asked Jul 10 '14 18:07

tom


People also ask

How to make drop-down visible and inspect the elements under it?

To make drop-down visible and inspect the elements under the drop-down, In the automation testing company we use to set drop-down-content { display: none; } to "block" in HTML while inspecting element, So that drop-down did not disappears. or set display none check box to uncheck under DOM. Hope this solution works for you.

How to type in Google search box using Chrome devtool?

First of all we need to open a Chrome DevTool. We can do it in multiple ways: Click on DevTool’s Elements Tab. Right Click on <body> HTML element. That’s it. Now when you start typing in Google search box.

How do I make a dropdown list appear/disappear on a website?

So to work around this in the Developer Tools inspector, right click on the element that is driving the elements to appear/disappear (kendo-dropdownlist) and select Break on | subtree modifications. Now go to the web page and click on the dropdown to show the dropdown options.

How do I view all the elements in a page?

Show activity on this post. On Windows, press F12 first, at the page with the menu, then point your mouse to the element menu (the menu will drop down), then press CTRL + Shift + C. Now you can inspect all the elements.


1 Answers

After clicking on the menu, press F8 to pause script execution. That should keep your menu open so you can inspect it.

like image 187
Ben Nieting Avatar answered Oct 21 '22 17:10

Ben Nieting