1/8/2024 0 Comments Web inspector iphone![]() ![]() The drawback of this method is that it doesn’t highlight the HTML elements in different colors so it become little difficult to find what you are looking for. You will then see the code all over your screen. Whenever you want to view the source code of a web page, simply open it, go to the Bookmarks and click on the new bookmark you have created to run the script. Change it name to something like “ View source” and replace the address field with the below code. To enable the Develop menu, follow the steps below: Show Develop menu in the menu bar. Follow the steps below to use it: Connect the iOS device to the machine. Now you need to go to the Bookmarks, click the Edit option and then choose the bookmark you have recently saved. However, starting from iOS 6, Apple provides a web-inspector which makes debugging web pages much easier on iPhones or iPads. Next, click on the Add bookmark option and then save it. Click on the share button (a square with an arrow pointing upward) at the bottom. Here’s a detailed guide on this method –įirst of all, open the Safari browser on your iPhone or iPad and visit any web page. ![]() Then you simply need to open the bookmark on the web page you want to inspect. What does web Inspector do on iPhone Web Inspector is a tool in the iPhone Safari web browser used to debug and inspect webpages. This method would require you to use a script code and save it as bookmark on Safari. This is the old school method which used to the only way to view the source code on iPhone before when there are no extensions available for Safari browser. Safari bookmark trick to view page source This will open a pop up box where you will see the HTML source code of the web page. Swipe it up and click on the View Source option that you created with the Shortcuts app. To use it, visit the web page you want to inspect and click the share button at the bottom. You can also support me by following me on Medium or Twitter.įeel free to contact me if you have any questions.Now you have successfully create a shortcut for viewing source code of any web page on Safari browser. If you are preparing for Software Engineer interviews, I suggest Elements of Programming Interviews in Java for algorithm practice. With this, you can inspect your network requests and responses on Safari. Shortcuts or hotkeys to inspect network requests and responses on Safari: Actions When you are familiar with the shortcut keys, you can speed up and use your time on developing and solving problems. You would be more productive if you know the shorcuts to the above steps. You can see network request and response headers similar to the image below. Network Request and Response Headers will be listed.Refresh the page by using the refresh button next to the address bar.You can see the following image showing Summary, Request and Response sections. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |