Chrome Web Inspector: Find and Replace

google-chrome google-chrome-devtools web-inspector
Vyacheslav Pukhanov picture Vyacheslav Pukhanov · Apr 19, 2013 · Viewed 49.6k times · Source

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.

Answer

andyb picture andyb · Apr 19, 2013

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 Click → Edit 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.

Related questions

Using Chrome's Element Inspector in Print Preview Mode?

I am working on developing a website and need to work on the print view. Typically when I have layout issues I use Chrome's Element Inspector. However this does not exist in print preview mode. Is there a Chrome plugin …

Read More
How to use chrome web inspector to view hover code

Using chromes web inspector to view code is very useful. But how do you view for example the hover code for a button? You will have to hover the mouse over the button and thus cannot use it (mouse) in …

Read More
Google Chrome Developer tools not showing inspected elements styles?

I am using the google chrome developer tools for testing my website; It is working fine for some elements, however for others it is showing the selector but showing it as having no styles; The element does have styles, and …

Read More