{"id":13397779,"url":"https://github.com/bgrins/devtools-snippets","last_synced_at":"2025-05-15T03:04:34.176Z","repository":{"id":5021463,"uuid":"6180186","full_name":"bgrins/devtools-snippets","owner":"bgrins","description":"A collection of helpful snippets to use inside of browser devtools","archived":false,"fork":false,"pushed_at":"2022-05-27T05:52:26.000Z","size":7376,"stargazers_count":2945,"open_issues_count":15,"forks_count":363,"subscribers_count":128,"default_branch":"master","last_synced_at":"2024-04-13T12:22:43.144Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://bgrins.github.io/devtools-snippets/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"statamic/Plugin-Gist","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bgrins.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-10-11T20:20:28.000Z","updated_at":"2024-03-10T16:13:23.000Z","dependencies_parsed_at":"2022-08-06T18:01:03.494Z","dependency_job_id":null,"html_url":"https://github.com/bgrins/devtools-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgrins%2Fdevtools-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgrins%2Fdevtools-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgrins%2Fdevtools-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgrins%2Fdevtools-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bgrins","download_url":"https://codeload.github.com/bgrins/devtools-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248661706,"owners_count":21141450,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T18:01:44.566Z","updated_at":"2025-04-13T04:57:49.752Z","avatar_url":"https://github.com/bgrins.png","language":"HTML","readme":"devtools-snippets\n=================\n\nA collection of helpful snippets to use inside of browser devtools.\n\nView them all on a single page: http://bgrins.github.io/devtools-snippets/ or all of them [inside of github](https://github.com/bgrins/devtools-snippets/tree/master/snippets).  I have a [more long winded article about snippets](http://www.briangrinstead.com/blog/devtools-snippets) detailing why you might use them and additional features that would be nice, if you are interested.\n\nIf you have a useful snippet or updates to an existing one that you'd like to share, please contribute it or open an issue!  Feel free to use, modify, or share any of these snippets.\n\n## To Use DevTools Snippets in Chrome\n\nYou can read more about [snippets at the Chrome developer tools documentation](https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets).\n\n* Open Chrome.\n* Go to \"Snippets\" tab, and add whichever ones you want.\n\n![Chrome Snippets](screenshots/chrome-snippets.png)\n\n## To Use DevTools Snippets in Firefox Scratchpad\n\n*Note: you can read more about [scratchpad at the  Firefox developers tools documentation](https://developer.mozilla.org/en-US/docs/Tools/Scratchpad).*\n\n* Open Firefox.\n* Go to `Tools` \u003e `Web Developer` \u003e `Scratchpad`.\n* Copy/paste and Cmd-R / Ctrl-R to run.\n* `File` \u003e `Save`, then `File` \u003e `Open Recent` to reuse them.\n\n![Firefox Scratchpad](screenshots/firefox-scratchpad.png)\n\n\n## The Snippets\n\nView all on a single page with code: http://bgrins.github.io/devtools-snippets/\n","funding_links":[],"categories":["HTML","📦 Legacy \u0026 Inactive Projects","Development Tools","others","Frontend"],"sub_categories":["Browsers"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbgrins%2Fdevtools-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbgrins%2Fdevtools-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbgrins%2Fdevtools-snippets/lists"}