How to interact with elements those cannot be inspected through css/xpath within google-chrome-devtools
If you want to get elements locator but the right click doesn't work then try the following. 
First, Open the dev tools window by pressing Ctrl+Shift+I. 
If that doesn't work then first open the dev tool then load the page.   
After opening the dev tools click on "select element" tool, the printer icon at the left of the dev tool. You can directly get this tool by pressing Ctrl+Shift+C.
Then hover on the element that you want to get the locator. The element will be selected in the DOM in the elements tab. Right click on the elements in the DOM. 
Then from the context menu go to copy -> copy selector for CSS selector or copy XPath for XPath. 
Now you have got the locator of that element in the clipboard.
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 ?