Inspect Element Not working/blank

Question

Whenever I try inspect element nothing comes up. I'm on Chrome. I get the

Elements | Network | Sources | Timeline | Profiles | Resources | Audits | Console

menu and then a sub menu in each of those of the following:

Console | Search | Emulation | Rendering

Where do I go to see the source code? Previously I would just inspect element and it would come up, did I mess around with the configuration accidentally?

Thanks!

Answer 1

There may be another panel open. Do you have a little handle icon somewhere on the right hand side? If so grab that and pull the panel down.

Answer 2

It might be a cache issue. After opening Developer Tools(F12) in Chrome, refresh cache by pressing Ctrl + F5.

Answer 3

The source can be found by elements.

Do you see the magnifier next to elements? In that case you can select the element that you want to inspect

If you want to view the javascript or loaded files you can view these at sources. By using Ctrl+O you can select the source file you want to see.

If your information is loaded by AJAX, your Javascript cant be inspected. HTML loaded by AJAX can be viewed by first open the page where your content will be shown, and after that you can inspect the page.

Answer 4

You can also use CTRL+U, that works better than view-source

Answer 5

I had the same issue. Somehow on the toolbar (where we also have filter option), Img tab was selected instead of All.

Answer 6

There may be another panel open. Do you happen to have a little handle icon somewhere on the right-hand side? If so, grab the handle icon and pull the panel down.