Check the box that says Show Develop menu in menu bar.Click on the Advanced gear icon located at the top of the screen.Click on Safari in the header tab and select Preferences from the drop-down menu.But it’s just as simple with these steps: Opening Inspect Elements on Safari is slightly different than on Chrome and Firefox. If you’re using a Mac, your browser of choice is probably Safari. Also, right-clicking on the web page and selecting Inspect works too. You can also use the F12 function key if you want to access Inspect Element faster. Tap on the three vertical dots on the corner of the browser window.Right-click anywhere on the website and click on Inspect.Īny of these three methods will give you the same result.Click on the three vertical dots on the upper right corner of the browser’s toolbar.
Press the F12 keyboard shortcut key on PC (or CMD + Options + I on a Mac.).Click on the three vertical dots on the right corner of your toolbar.Right-click anywhere on the page and select Inspect.Open the website you’d like to inspect.Most browsers have tools to inspect elements of a website, but they all generally work the same way.
How to Use Inspect Element in a Specific Browser
Read on to find out what the inspect element feature has to offer and how to use it. After all, who wants to look at a website’s coding, right?Īs it turns out, there are plenty of things you can learn by looking at a website’s coding. If you’re interested to know how to inspect an element on Android, check out our dedicated article.Each web browser offers developer tools to check out the coding of a website, however, it’s a foreign entity to the average internet user. This is how you can use the native or third-party web inspector tool to inspect an element in Safari on the iPhone or iPad. Here, you can turn on or turn off any and all the Safari extensions installed from the App Store. Note: You may enable or disable extensions directly from Safari by tapping on the Double-A icon from the left side of the Safari Address bar, and then tapping on Manage Extensions. Alternatively, you may also refresh the page to close the inspector. To close the Web Inspector, simply tap on the Double-A icon from the left of the Safari Address bar, and tap on Web Inspector again from the menu. Although it’s not the full-featured Developer Tools found in the desktop version, it does contain the essential elements, such as DOM, Elements, Console, Network, and Resources. The Web Inspector will now open a familiar developer console in the bottom part of the screen. Tap on Allow for One Day or Always Allow... depending on your preference. You may get a pop-up asking you to allow Web Inspector to access the website data.Tap on the Double-A icon from the left side of the Safari Address bar.Go to Safari, and visit a web page that you’d like to inspect.Turn on the Web Inspector toggle to enable it.Open the Settings app, and go to Safari > Extensions.
Here, we’ll be using an extension called Web Inspector.
If you wish to inspect an element on an iPhone or iPad without a computer, you can do so now on iOS 15, with the help of third-party Safari Extensions. How to use Web Inspector on iOS, iPadOS without a computer (Mac) You can use it just as you would use it for any website opened in Safari on Mac.
The Safari Web Inspector on Mac will now show the details of the webpage from your iPhone or iPad. Select the web page that you want to inspect.