You’ll now see the Element Inspector — it should look 95% similar on all web browsers. It’s just a bunch of HTML Code opened on the right/left side of your screen.
Now, let’s break down how to do this on a few other popular web browsers.
B. Google Chrome
Right-click anywhere on the webpage and select “Inspect” from the context menu.
Alternatively, press Ctrl + Shift + C (Windows) or Command + Option + I (Mac) to open the inspector directly.
Alternatively, click the three dots menu in the top right corner of the browser window, then select “More Tools” > “Developer Tools.”
C. Mozilla Firefox
Right-click anywhere on the webpage and select “Inspect” from the context menu.
Alternatively, press Ctrl + Shift + C (Windows) or Command + Option + C (Mac) to open the inspector directly.
Alternatively, click the Hamburger menu (three stacked lines) in the top right corner of the browser window, then select “More Tools” > “Web Developer Tools” > “Browser Console.”
D. Apple Safari
Right-click anywhere on the webpage and select “Inspect” from the context menu.
Alternatively, press Ctrl/Cmd + Option + I to open the inspector directly.
Alternatively, click the “Develop” menu in the top menu bar, then select “Show Inspector.”
E. Microsoft Edge
Right-click anywhere on the webpage and select “Inspect” from the context menu.
Alternatively, press Ctrl + Shift + C (Windows) or Command + Option + C (Mac) to open the inspector directly.
Alternatively, click the three dots menu in the top right corner of the browser window, then select “More tools” > “Developer tools.”
F. Opera GX
Right-click anywhere on the webpage and select “Inspect” from the context menu.
Alternatively, press F12 to open the inspector directly.
Alternatively, click the three dots menu in the top right corner of the browser window, then select “Tools” > “Developer Tools”.
David is the head of the editing team at ThumbnailTest. With his help, the editorial team is able to provide you with the best free guides related to YouTube thumbnails and A/B testing.