til: firefox_search-across-all-resources.md
This data as json
| path | topic | title | url | body | html | shot | created | created_utc | updated | updated_utc | shot_hash | slug |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| firefox_search-across-all-resources.md | firefox | Search across all loaded resources in Firefox | https://github.com/simonw/til/blob/main/firefox/search-across-all-resources.md | You can search for a string in any resource loaded by a page (including across HTML, JavaScript and CSS) in the Debugger pane by hitting Command+Shift+F. <img alt="Screenshot of search interface" src="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources.jpg" width="600"> This view doesn't search the body of any JSON assets that were fetched by code, presumably because JSON isn't automatically loaded into memory by the browser. But ([thanks, @digitarald](https://twitter.com/digitarald/status/1257748744352567296)) the Network pane DOES let you search for content in assets fetched via Ajax/fetch() etc - though you do have to run the search before you trigger the requests that the search should cover. Again, the shortcut is Command+Shift+F. <img alt="Screenshot of search interface" src="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources-2.jpg" width="600"> | <p>You can search for a string in any resource loaded by a page (including across HTML, JavaScript and CSS) in the Debugger pane by hitting Command+Shift+F.</p> <p><a href="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources.jpg" target="_blank" rel="nofollow"><img alt="Screenshot of search interface" src="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources.jpg" width="600" style="max-width:100%;"></a></p> <p>This view doesn't search the body of any JSON assets that were fetched by code, presumably because JSON isn't automatically loaded into memory by the browser.</p> <p>But (<a href="https://twitter.com/digitarald/status/1257748744352567296" rel="nofollow">thanks, @digitarald</a>) the Network pane DOES let you search for content in assets fetched via Ajax/fetch() etc - though you do have to run the search before you trigger the requests that the search should cover. Again, the shortcut is Command+Shift+F.</p> <p><a href="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources-2.jpg" target="_blank" rel="nofollow"><img alt="Screenshot of search interface" src="https://raw.githubusercontent.com/simonw/til/main/firefox/search-across-all-resources-2.jpg" width="600" style="max-width:100%;"></a></p> | <Binary: 90,852 bytes> | 2020-05-05T11:38:56-07:00 | 2020-05-05T18:38:56+00:00 | 2020-09-20T21:43:17-07:00 | 2020-09-21T04:43:17+00:00 | 0cf1e455f161435a4aea07480c27da89 | search-across-all-resources |