Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Web Inspector: Find and Replace

Is there a "Find and Replace" function in Chrome Web Inspector? If it exists, where can I find it? I'm using Chrome 26.0.1410.64, if it matters.

like image 458
Vyacheslav Pukhanov Avatar asked Apr 19 '13 07:04

Vyacheslav Pukhanov


People also ask

Can you do a Find and Replace in Chrome?

Find and Replace for Google Chrome Using Find and Replace is pretty straightforward. Go to the page you want to find and replace text in, press the keyboard shortcut Ctrl + Shift + F and enter the text you want to find into the top box. Next, fill in the “Replace with” field and click “Replace” or “Replace All.”

How do I search inspect element in Chrome?

One of the easiest ways to inspect a specific web element in Chrome is to simply right-click on that particular element and select the Inspect option. Clicking on the Inspect option from the right-click menu will directly open the Developer tools including the editor, Console, Sources, and other tools.

How do you change a word on a website with inspect element?

All you have to do is right-click on the part of the page you want to change, then click the Inspect or Inspect Element link that appears on the bottom of the right-click menu. When your Developer Tools pane opens, it should automatically highlight that sentence. Pretty neat, huh?


1 Answers

Nothing built in natively. There is a Search and Replace plugin that might help if you want to change text in the input fields.

Alternatively if you want to search and replace in the HTML you could Right ClickEdit as HTML the <body> in the DevTools Elements Panel select all the text with Ctrl+a, paste into your favourite editor, make the change there and paste it back.

like image 59
andyb Avatar answered Sep 20 '22 18:09

andyb