{"id":34705920,"url":"https://github.com/bluemoehre/chrome-meta-debugger","last_synced_at":"2025-12-24T23:21:30.916Z","repository":{"id":147705434,"uuid":"62754807","full_name":"bluemoehre/chrome-meta-debugger","owner":"bluemoehre","description":"This Google Chrome extension simplifies the daily work with webpage meta data. It allows you to see all these information at a glance, nicely grouped and in real time within your DevTools.","archived":false,"fork":false,"pushed_at":"2024-11-26T04:27:08.000Z","size":1719,"stargazers_count":10,"open_issues_count":3,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-26T05:24:17.352Z","etag":null,"topics":["analyzer","chrome-extension","css","debugger","developer-tools","devtools","html","javascript","metadata","opengraph","seo","webpage","website"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bluemoehre.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-07-06T21:34:13.000Z","updated_at":"2024-11-26T04:27:13.000Z","dependencies_parsed_at":"2024-09-11T01:10:27.453Z","dependency_job_id":"5c58e66a-08bc-446b-88dc-fce696761f46","html_url":"https://github.com/bluemoehre/chrome-meta-debugger","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/bluemoehre/chrome-meta-debugger","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemoehre%2Fchrome-meta-debugger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemoehre%2Fchrome-meta-debugger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemoehre%2Fchrome-meta-debugger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemoehre%2Fchrome-meta-debugger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bluemoehre","download_url":"https://codeload.github.com/bluemoehre/chrome-meta-debugger/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemoehre%2Fchrome-meta-debugger/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28012134,"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","status":"online","status_checked_at":"2025-12-24T02:00:07.193Z","response_time":83,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["analyzer","chrome-extension","css","debugger","developer-tools","devtools","html","javascript","metadata","opengraph","seo","webpage","website"],"created_at":"2025-12-24T23:21:27.773Z","updated_at":"2025-12-24T23:21:30.910Z","avatar_url":"https://github.com/bluemoehre.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# chrome-meta-debugger\n\nThis Chrome extension streamlines your daily tasks by analyzing and displaying webpage metadata like Titles, Descriptions, Canonicals, Open Graph, Social Sharing Tags and more.\n\n## Features\n\n- **Standardized view**: \\\n  Displays the document's head elements in a consistent format:\\\n  `\u003ctitle\u003e`, `\u003cmeta\u003e`, `\u003cbase\u003e`, `\u003clink\u003e`, ~~`\u003cstyle\u003e`~~, ~~`\u003cscript\u003e`~~, ~~`\u003cnoscript\u003e`~~\n- **Integrated panel**: \\\n  Access the \"Meta\" panel directly within Chrome DevTools.\n- **Advanced filter**: \\\n  Searches across all metadata. Options allow focusing on specific purposes.\n- **Real-Time updates**: \\\n  All metadata is dynamically updated in real-time.\n- **Element Inspector**: \\\n  Provides direct links into the Chrome Element Inspector Panel.\n- **Duplicate Detection**: \\\n  Automatically identifies and highlights duplicate metadata elements.\n- **SEO Analysis**: \\\n  Automatically detects and highlights (potential) SEO issues.\n\n## How to install\n\n- Open Google Chrome (if you are not already using it ;)\n- Navigate to [Chrome Web Store / Extensions / Meta Debugger](https://chrome.google.com/webstore/detail/meta-debugger/jfpdemgdamgplelnlmaecbonkfgfgomp)\n- Press \"Install\" / \"Add\"\n\nA little icon should now appear right next to your address bar.\nIf you now open the DevTools a new panel \"Meta\" should be provided.\n\n## How to use\n\n- Results are displayed in their source code order\n- The result list is always kept up-to-date. When (for whatever reason) it seems stucked,\n  you may press the reload button located at the upper right.\n- The filter can be easily used by starting typing (the input doesn't need to be focused before)\n- You can filter by multiple arguments if you use `,` as delimiter (e.g. \"title, canonical\")\n- To show up result options/actions simply hover its row\n\n## How to build\n\n- Clone this repository\n- Run `npm ci` to install exactly the packages that have been checked in\n- Run `npm run build` to create a new build\n- Open Chrome / Chromium\n- Navigate to `chrome://extensions/`\n- Click \"_Load unpacked extension_\" and select the `dist` folder from your local copy\n\n## Future Plans\n\n- better handling of search event within meta panel\n- highlight real time changes within the list\n- provide a history of all changes made after the initial page load to track JavaScript behaviors\n- add image preview\n- add option to exclude stylesheets\n\n## Icons\n\nThe SVG icons used in this project have been created by Google Inc. and\nare licensed under the [Apache-2.0 License](https://github.com/google/material-design-icons/blob/master/LICENSE).\nHave a look into the [Material Design Icons](https://github.com/google/material-design-icons) for more of these.\n\n---\n\nCreated with ❤️ in Hamburg, Germany\\\nUpdated with 🔥 in Lüneburg, Germany\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbluemoehre%2Fchrome-meta-debugger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbluemoehre%2Fchrome-meta-debugger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbluemoehre%2Fchrome-meta-debugger/lists"}