Just open a website you want to try editing (to follow along with this tutorial, open ), then open the Inspect Element tools in one of these three ways: There are a few ways to access Google Chrome Inspect Element.
HOW TO SEARCH A WEB PAGE FOR TEXT IN CHROME HOW TO
You can explore all those on your own, but for now, let's see how to use the main Elements tab to tweak a webpage on our own.
HOW TO SEARCH A WEB PAGE FOR TEXT IN CHROME CODE
It's part of the Developer Tools in your browser, which includes a number of extra features: a console to run code, a View Source page to see just the raw code behind a site, a Sources page with a list of every file loaded in a website, and more.
If you're reading this on your phone, it's time to switch over to your laptop, open Google Chrome, and get ready to tweak some code.įor these and dozens of other use cases, Inspect Element is a handy tool to keep around. Let's learn how to use Google Chrome Inspect Element to help your work, whether you're a developer or a marketer who's never written a line of code. It's a super-power you never knew your browser possessed. Inspect Element is a perfect way to learn what makes the web tick, figure out what's broken on your sites, mock up what a color and font change would look like, and keep yourself from having to Photoshop out private details in screenshots. Or, you could use it to change anything you want on the page. You can see how long the site takes to load, how much bandwidth it used to download, and the exact color in its text. Right-click on any webpage, click Inspect, and you'll see the innards of that site: its source code, the images and CSS that form its design, the fonts and icons it uses, the Javascript code that powers animations, and more. Why not press Ctrl+ F right now and give it a try?īonus tip: This post explains how to quickly reopen a browser tab that you closed by accident.There's a powerful tool hiding in your browser: Inspect Element. As you’re typing, the first occurrence of that word or phrase will automatically be highlighted on the screen.Ĭlicking the words Previous or Next (or the up arrow or down arrow depending on the browser) will highlight the previous or next occurrence of the word or phrase on the page.
:max_bytes(150000):strip_icc()/001-how-to-search-for-a-word-on-a-web-page-4172918-959f9929a9174effae5e4dc657b68780.jpg "how to search a web page for text in chrome")
You’ll see a small search box pop up near the top of the screen.Ģ – Type the word or phrase you wish to find in the search box. Here’s how to search the current web page for a specific word or phrase:ġ – Press the Ctrl+ F key combination. It doesn’t have all the nifty features and capabilities of Google built-in, but it will still allow you to find a specific word or phrase located anywhere on the currently displayed page in a jiffy. Luckily, there is a simple key combination that you can press to display a search box – sort of like your web browser’s own personal Google. That’s why Google and other Internet search engines are so important for helping us find the info we need in a timely manner.īut a single web page can hold a lot of information as well, and if you need to find something on a large, congested page it can be like finding a needle in a haystack. If all that info was published in a single book it would probably be thick enough to reach all the way to the moon. The amount of information available on the Internet with just a few clicks of the mouse boggles the mind.
0 kommentar(er)
