11/1/2020 How To Search For Text On A Web Page Mac
Whether you dabble in small-time web development or you just have general interest of digging around in code to see how things work, there may be times when you want to see the HTML source code behind a specific web page.
It’s possible to do this from both your iOS devices such as an iPhone or iPad, and your Mac. In this tutorial, we’ll show you how to view the HTML source code of a web page on both platforms.
How to view the source code of a website on iPhone or iPad
If you want to view a web page’s source code from your iPhone or iPad, you will want to use an app to assist you. Most modern apps make this process easy and include useful syntax highlighting so you can better understand what you’re looking at.
We recommend using HTML Viewer Q, which is a free download from the App Store. Once installed, follow these steps to view a web page’s source code:
Type the text or number to match within the current webpage to search for it, then tap on the “Search” button, the first match will immediately be visible and highlighted in the Safari browser Use the arrow keys next to the search box to find next and previous text matches for your search phrase on the web page, when finished tap on “Done”.
1) Launch HTML Viewer Q from your Home screen.
2) Tap on the Link button at the top right of the app:
3) Enter the full URL of a web page you want to see the source code of, then tap the Go button (we will use Amazon for this example).
4) Once the page loads, tap on the Code button at the top left of the app.
You are now viewing the source code of the web page you selected. You can tap on any of the numbers at the top of the app to change between different font sizes: i.e. 9pt, 12pt, 16pt, etc., and you can also use the Search button to search for any keywords or syntax you might be specifically looking for.
The app also lets you copy the HTML code so you can paste it in any other app.
How to view a page HTML source code in Safari on Mac
If you’re using a Mac, then you really don’t need third-party software to view a web page’s source code. You can use Safari (or any other web browser you prefer) to see the source code within the browser itself.
Note: These steps will vary slightly depending on the web browser you’re using.
Part one: enabling the developer tools in Safari
To view the source code of a web page in Safari, you will first need to enable the hidden Develop tools. To do that, follow these steps:
1) Launch Safari if it’s not already open.
2) Go to Safari → Preferences in the Menu Bar.
3) Open the Advanced tab in the Preferences window.
4) Put a check mark in the Show Develop menu in Menu Bar box if it’s not already checked.
Now that the proper tools are enabled, you’re ready to move on to the next section to view a web page’s source code.
Part two: viewing a web page’s source code in Safari
To view a web page’s source code after the Develop tools are enabled, follow these steps:
1) Launch Safari if it’s not already open.
2) Load the web page you want to see the source code of (we will use Amazon for this example).
https://entrancementcellular.weebly.com/blog/which-text-editor-for-mac-python. 3) Go to Develop → Show Page Source in the Menu Bar (or right-click on the page and select Show Page Source).
4) The source code will now appear in a window at the bottom of the Safari app:
You can use the Search bar to find specific keywords or syntax if you wish, or you can re-size the Develop window by clicking and dragging an edge just like you would to re-size an app on your Mac.
Wrapping up
This feature empowers the Curious Georges out there with the ability to see what makes a web page tick, but this is also an invaluable tool for web developers, novice or experienced, who want a better understanding for the code behind a web page, or simply want to troubleshoot their own site.
Also read:
Turn jpg to speech text 2018 for mac. If you found this tutorial helpful, drop us a comment below!
Finding a certain bit of text using a desktop web browser is easy. Just go to the page and run a search for a specific word or phrase (control+F or command+F brings up the search tool in most browsers). Searching for text in Safari on the iPhone is a little tougher. That's mostly because the search feature is harder to find. But if you know where to look, Safari's Find on Page feature can help you find just the text you're looking for.
This article includes instructions for iOS versions 4-12.
The exact steps you need to follow to use Find On Page vary slightly depending on your version of the iOS. Follow the instructions below to start using Find on Page on your iPhone.
Using Find on Page in iOS 12
This will also work in iOS 9, 10, and 11.
Using Find on Page in iOS 7 and 8
While the steps above are the fastest option on iOS 9 and up, the following steps work, too. It's also the only way to use the feature on iOS 7 and 8.
How To Search For Text On A Web Page MacUsing Find on Page in iOS 4-6How To Search For Text On A Web Page Mac
In earlier versions of the iOS, the process is a bit different:
How To Search For Text On Iphone
Comments are closed.
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |