To check elements in Safari browser, you need to open the developer menu first. The specific steps are as follows: 1. Open Safari and enter preferences; 2. Switch to the "Advanced" tab; 3. Check "Show the 'Development' menu in the menu bar"; 4. Click the "Development" menu to select "Check Elements" or right-click the web page to select "Check Elements"; 5. Check the HTML structure on the left, debug the CSS style on the right and temporarily modify the test effect; 6. The mobile terminal needs to connect to the iOS device to the Mac, and debug remotely through the "Development" menu of Mac Safari. Although Safari's developer tools are not as powerful as Chrome, daily debugging is sufficient for use.
"Checking elements" in Safari browser is not as intuitive as Chrome or Firefox, but it is not impossible. As long as you set it a little, you can view the web structure and debug styles like in other browsers.

Open Safari's developer tools
Safari hides the developer tools by default, you need to enable them manually first:
- Open Safari on your Mac and go to Preferences
- Switch to the Advanced tab
- Check "Show 'Development' menu in the menu bar"
After you are done, you will see the "Development" option in the top menu bar, which contains the function of "check elements".

How to use the check element function
After opening, the operation method is similar to that of other browsers:
- Open the page you want to view
- Click "Development" > "Check Elements" in the top menu bar
- You can also right-click anywhere on the web page and select the "Check Element" shortcut entrance
- At this time, an interface similar to the console will pop up, with the HTML structure on the left and the CSS style on the right.
You can click on an element in the left panel, and the right side will automatically jump to the corresponding style rules. If you want to temporarily modify the style test effect, you can edit it by double-clicking the attribute value.

How to check elements on mobile Safari?
If you use Safari on your iPhone or iPad, the situation will be a little more complicated:
- Also, you must first open the "Development" menu in Mac Safari
- Connect iOS devices to Mac using a data cable
- In the Mac Safari "Development" menu , you will see your device name appear at the top
- Click on the corresponding page link to remotely debug the mobile web page
This feature is very useful for debugging responsive layouts or specific problems that occur on the phone, but requires the device to be connected to the computer.
Basically these steps. Although Safari's developer tools are not as comprehensive as Chrome, they are enough for daily debugging. Just remember to open the "Development" menu first, and the rest will be similar to other browsers.
The above is the detailed content of How to inspect element in Safari?. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Web browsing is an essential function of mobile devices, and browsers facilitate it effectively. These browsers also support the installation of content blockers and other tools to personalize your browsing experience. Apple's iOS platform uses Safari as its default browser. In rare cases, you may find that Safari browser is missing from your device. If you encounter this situation, the following steps will guide you on how to restore it. Can you reinstall Safari on iPhone? Safari is a built-in application on iOS devices and cannot be deleted or uninstalled due to its protected system status. If the app seems to be missing from your device, you may be dealing with an error, or the app may be hidden for various reasons.

Since this particular error message may be caused by a bug or some lower-level conflict, it may be sorted out in a future update of Safari or MacOS. Nonetheless, there are some tricks you can apply to fix the problem on your Mac for the time being, or at least fix it. 1: Disable “Hide IP Address” in Safari Many users reported that disabling the IP address hiding feature in Safari and then restarting their Mac solved their problem. Pull down the "Safari" menu and go to "Preferences" Go to the "Privacy" tab Uncheck the "Hide IP address from trackers" checkbox to temporarily disable the feature 2: Disable third-party firewalls, antivirus software, Little Snitch, L

Safari got an overhaul in iOS 15, and while there are many improvements and changes, some features aren't found where they were before. Read on to learn how to switch to iPhone private browsing in Safari with iOS15. As a refresher, here's how Apple describes Private Browsing Mode: After you close a tab in Private Browsing mode, Safari won't remember the pages you've visited, your search history, or Autofill information. Private Browsing in iOS 15 could be the “Who moved my cheese?” This is a big moment for many users because it’s more private than iOS 14 and earlier — unless you know the shortcut. Except for hiding

Apple allows iPhone users to browse anonymously using private tabs on Safari. When "Incognito Mode" is enabled, Safari does not save the addresses of websites you visit, your search history, or Autofill information. If you use private browsing mode frequently in Safari, you may have noticed that the mode operates differently than other browsers. This article will detail how to disable Private Browsing Mode on iPhone and what happens when Private Browsing Mode is enabled when Safari is closed. How to Disable Private Browsing Mode on Safari Required: iPhone running iOS 17 or later. If you have found out how to enable and use private browsing in Safari

If you don't have control over the zoom level in Safari, getting things done can be tricky. So if Safari looks zoomed out, that might be a problem for you. Here are a few ways you can fix this minor zoom issue in Safari. 1. Cursor magnification: Select "Display" > "Cursor magnification" in the Safari menu bar. This will make the cursor more visible on the screen, making it easier to control. 2. Move the mouse: This may sound simple, but sometimes just moving the mouse to another location on the screen may automatically return it to normal size. 3. Use Keyboard Shortcuts Fix 1 – Reset Zoom Level You can control the zoom level directly from the Safari browser. Step 1 – When you are in Safari

It's easy to change the search engine in Safari, Google Chrome, or other browsers on your iPhone or iPad. This tutorial will show you how to do it on four different web browsers available on iPhone and iPad. How to Change the Safari Search Engine on iPhone or iPad Safari is the default web browser on iOS and iPadOS, but you might not like the search engine. Fortunately, you can use these steps to change it: On your iPhone or iPad, launch Settings from the Home screen. Swipe down and tap Safari from the list. In the next menu,

How to Use the Control+F Equivalent in Safari on iPhone and iPad Ready to search for matching text on web pages in Safari? Here's all you need to do: If you haven't done so already, open Safari and visit the webpage on which you want to search for matching text Click on the arrow button that comes out of the box in the Safari toolbar Scroll down and click "Find on Page," which is the Control+F equivalent on iPhone and iPad Safari. Enter the text you want to find on the web page. If necessary, use the arrows to navigate to the next or previous instance of the matching text. When finished, tap Done "You go, that's Rong

Microsoft Outlook is downloading a mysterious file called "TokenFactoryIframe" on macOS when users access the email service through the Safari browser. This issue has now been widely reported by users who have discovered "TokenFactoryIframe" files that Outlook downloads on every visit. Outlook downloads this mysterious file every few seconds or at least every time you access Outlook on Apple platforms. Based on our findings, this appears to be an issue caused by an incorrect server-side update posted to Outlook and has nothing to do with Safari or macOS. Microsoft in a copy
