Step by step guide for enabling Safari tools
Here is a small step by step tutorial on how to use Safari tools for web development. Let’s take the example of Web Inspector, like we discussed earlier, it is for inspecting and modifying HTML, CSS, and JavaScript code, we can also use it for debugging the code, monitoring network activity, and for performance audits. Let’s see how to use it.
In order to perform Web performance analysis in Safari, follow these steps:
- Launch Safari and navigate to the website you want to analyze
- click “Safari” in the menu bar, then choose “Preferences.”
- In the Preferences window, click on the “Advanced” tab.
- Check the box next to “Show Develop menu in menu bar.”
- Click on “Develop,” and a drop-down menu will appear.
- In the “Develop” menu, select the “Show Web Inspector” option Or press “Option + Command + I”
How to use Safari for web development
Safari is quite popular among web developers, especially professionals who use Mac as a productivity tool. Globally, about 25% of users use Safari as their primary web browser. When it comes to desktop-based browsers, it drops to about 9%, which is not bad when we realize that Safari is the second most used web browser after Chrome in all categories. Safari is second to none when it comes to the tools and features it offers for web developers. In this article, we are discussing the same: How to use Safari for web development?