If you are a web enthusiast, chances are that while using Chrome or Firefox, at least once you have right-clicked your mouse and clicked on ‘Inspect Element’ and played around with web elements there. For web developers or people who depend upon the web to win their daily bread, inspect Element is like the second coming of the Lord. You cannot stay without it, be it to check whether a piece of code has loaded, to making on hand HTML changes to even monitoring the requests that the page is sending, you need Inspect Element.
It is rather straight forward to use Inspect Element on Chrome and Firefox, across Windows or Mac. All you need to do is right click and click on Inspect Element. However, what if you are one of the few in the minority who use Safari as their default browser and would like to Inspect your web page using the browser? By default, if you click in Safari, you will not see any option of Inspecting, but you can enable the same, very easily.
Open Safari on your Macbook and click on Safari in the Menu bar and find the option of Preferences. You can also click on Command+, key on your keyboard. When the Preferences window opens, simply navigate to the Advanced Tab that you see on you bang on the right most side of the tabs options. In there, you will find the last option, which says, ‘Show Develop menu in menu bar’. Make sure that this option is ticked.
Once you have done this, close the window and browse Safari normally, you will see the option of Develop in the menu bar. Click on this and you will see the option of ‘Show Web Inspector’. Click on this and you will have your Inspect Element on Safari. Alternatively, you can just right click your mouse on the webpage, and you will see the option of ‘Inspect Element’ right there. As simple as that!