How to interact with elements those cannot be inspected through css/xpath within google-chrome-devtools
You can use Ctrl + Shift + C, it will open the devtools with selecting an element to inspect enabled. Just move the mouse cursor to the element and click, it will scroll the html view in devtools to the correct place.
Alternatively, you can press F12 and toggle the selecting an element to inspect button (top left corner of the devtools).
I often encounter elements which I cannot right click to inspect their xpath or css. 
I want to ask what other ways exist to click on those elements ?