How to keep an element displayed in HTML while using chrome dev tools

Question

I am trying to get the Google Inbox clickable inbox setting to stay so that I can examine it:

However, as soon as I click on anything, or press Shift-Command-C to open the dev tools, the layover disappears, even if I select 'active'/'hover'/etc. from the css. How would I make this item stay visible?

Note, opening dev tools in another window or right-clicking and clicking "Inspect" doesn't work either.

Maybe open chrome dev tools on a separate window and then try? — sudo97, Jan 22 '20 at 00:40
@RafaelZerbini tried both of the above -- neither worked, both made the layover disappear. — David542, Jan 22 '20 at 00:44
@David542 did you right clicked on the layover? that's strange, should work — Rafael Zerbini, Jan 22 '20 at 00:46
@RafaelZerbini video attached: https://gyazo.com/17cfcdd0e63f778829bb4f7f20fad278. If yours works could you attach a video? — David542, Jan 22 '20 at 00:48
@David542 https://1drv.ms/v/s!AiPnx6asNcEmh8Bu8rxKNBthuJkvSQ — Rafael Zerbini, Jan 22 '20 at 00:58

score 0 · Answer 1 · answered Jan 22 '20 at 00:44

0

Try right clicking on the pop-up and select Inspect. Drop a comment if it does not work

answered Jan 22 '20 at 00:44

sudo97

904
2
11
22

I think the pop-up disappears because the focus shifts from the pop up. But it should be able to point you to the html code for the pop-up – sudo97 Jan 22 '20 at 00:48

How to keep an element displayed in HTML while using chrome dev tools

1 Answers1