Table of Contents
How to Enable Safari Debug Console: iOS is so popular that it has 27% of the global market share for mobile operating systems. Safari has 18% of the market share for browsers around the world. So, it’s safe to assume that millions of people around the world expect to be able to use Safari browsers on their iOS devices, most often iPhones, to access websites and web apps.
Safari long had a hidden Debug menu that contained useful capabilities. Originally intended to assist developers in debugging web pages So, testers will have to check websites on iPhones with Safari to make sure they work perfectly. This is a very important part of cross-browser testing for a project. Below we will mentioned Some Steps to enable safari debug console.
How to Enable Safari Debug Console
- Open Settings > Safari > Advanced then tap to enable “Web Inspector”
- Connect the iPhone or iPad to a Mac, then go to Safari and enable the developer menu if you haven’t done so by going to Safari > Preferences > Advanced > Show Develop menu bar
- Pull down the “Develop” menu bar and find the iPhone or iPad, and then open the web page you wish to debug
- Safari Web Inspector will open where you can debug and inspect web elements from the iOS or IPadOS device directly in Safari on the Mac
Disable Safari’s Debug Menu
- Launch Terminal.
- Enter the following command line into Terminal by typing it or using copy and paste. Enter the command as a single line in Terminal, even though your browser may break it into multiple lines.
- Press Enter or Return.
- Relaunch Safari. The Debug menu is gone.
Why debug websites on Safari?
Since 2003, Safari has been one of the most-used browsers. Mac OS X Panther came out the same year as its first version. Since the iPhone came out in 2007, all iOS devices have had a mobile version of Safari built in. It’s the default browser on Apple devices if the user doesn’t change it.
With so many Apple devices and so many different versions of each, there are a lot of different ways to combine features and screen sizes. But if you test websites on Safari before they go live, your users can quickly get to your services and products by clicking on the Window.
To make sure that websites look the same on all browsers, web developers must check how they look on different screen sizes. This makes sure that all browsers show web pages the same way. It also gives users a more consistent and generally better experience. It’s also important to think about how a certain version of Safari might work with the hardware specs of a device. This is an important part of the web development pipeline because it adds a new way to check.
Why is it important to debug on iPhone?
iPhone is one of Apple’s first products and brings in a lot of money for the company. With iPhone sales going from 40 million in 2010 to more than 206 million in 2020, which is a steady increase, iPhone’s popularity and number of users are also growing. Because of this, it’s important to fix bugs on iPhone websites.