To inspect elements on Safari: Open Safari → Right-click the webpage → click Inspect Element; Open Safari → tap the trackpad with two fingers.The shortcut to open Inspect Element in Safari and Chrome is Option + Command + I.
Moreover, I’m not giving you any ideas, but you can also use the Inspect Element feature to mess with your friends by changing the prices of certain goods or adding texts to webpages, etc. Read along to learn how to use the Inspect Element feature and more about it.
What is inspect element?How to inspect elements on a MacHow to change the text using Inspect Element
What is inspect element?
Inspect Element allows users to access developer tools embedded in web browsers. These tools allow them to view or edit the HTML and CSS source code in which a webpage is written. You can view the changes made to the code in real-time on the web pages; however, the inspect element changes are temporary and will not be reflected anywhere other than on your web browser. Its primary purpose is to give you an idea of how changes made to the code will affect the webpage.
How to inspect elements on a Mac
The Inspect Element feature is not available by default on Mac if you’re using the Safari browser. Other browsers like Chrome and Firefox have simpler procedures in comparison. If you were looking for a reason to switch your default browser, now would be the right time. Here’s how to do it on different browsers:
View source code in Safari on Mac
Before you can Inspect Element/ Source Code on Mac, you must change a few settings and turn on the Developer menu in Safari. Here’s how to do it; Now that you’ve turned on the Develop menu, here’s how to inspect elements on Safari: You can now view the source code of the website!
Inspect element in Chrome on Mac
Using Inspect Element on Chrome does not come with complications. Here’s how it works: That’s it! You can now view the website’s source code on the right. You can follow the same steps to inspect elements on Firefox.
How to change the text using Inspect Element
Now that you’re well-versed with how to open the Inspect Element tool on your Mac in Safari and Chrome, here’s how you can change the text using it. You can see the results reflected in real-time. Note that these changes are temporary and do not permanently impact the web page! Read more:
4 Reasons why Safari is better than any other browser?Safari vs. Chrome: Which browser is better for iPhone and Mac?How to install and use a web browser on Apple TV 4 and 4K
