{"id":13596437,"url":"https://github.com/chrispederick/web-developer","last_synced_at":"2025-04-09T16:32:41.260Z","repository":{"id":1224936,"uuid":"570288","full_name":"chrispederick/web-developer","owner":"chrispederick","description":"A browser extension that adds various web developer tools to a browser.","archived":false,"fork":false,"pushed_at":"2024-05-22T18:24:50.000Z","size":16052,"stargazers_count":689,"open_issues_count":1,"forks_count":194,"subscribers_count":66,"default_branch":"main","last_synced_at":"2024-05-22T19:37:41.761Z","etag":null,"topics":["chrome","developer","extension","firefox","javascript","opera","web"],"latest_commit_sha":null,"homepage":"http://chrispederick.com/work/web-developer/","language":"JavaScript","has_issues":false,"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/chrispederick.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","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":"2010-03-19T18:00:04.000Z","updated_at":"2024-05-22T19:37:43.367Z","dependencies_parsed_at":"2024-01-13T02:05:52.730Z","dependency_job_id":"c320c7ac-5a49-42f9-9817-6f9efde28d3c","html_url":"https://github.com/chrispederick/web-developer","commit_stats":{"total_commits":91,"total_committers":21,"mean_commits":4.333333333333333,"dds":"0.41758241758241754","last_synced_commit":"3d06867f690330cdc99458bd77ef40882ad8d451"},"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrispederick%2Fweb-developer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrispederick%2Fweb-developer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrispederick%2Fweb-developer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrispederick%2Fweb-developer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrispederick","download_url":"https://codeload.github.com/chrispederick/web-developer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248067929,"owners_count":21042380,"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":["chrome","developer","extension","firefox","javascript","opera","web"],"created_at":"2024-08-01T16:02:26.602Z","updated_at":"2025-04-09T16:32:36.251Z","avatar_url":"https://github.com/chrispederick.png","language":"JavaScript","readme":"Web Developer\n=============\n\nThe Web Developer extension adds various web developer tools to a browser.\nThe extension is available for Chrome, Edge, Firefox, and Opera, and will run on any platform that these browsers support including Windows, OS X and Linux.\n\nThe extension can be installed from its home page:\n\n* Home page: [https://chrispederick.com/work/web-developer/](https://chrispederick.com/work/web-developer/)\n\nOr directly from the Chrome, Edge, Firefox or Opera extension repositories:\n\n* Chrome: [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm](https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)\n* Edge: [https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm](https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm)\n* Firefox: [https://addons.mozilla.org/en-US/firefox/addon/web-developer/](https://addons.mozilla.org/en-US/firefox/addon/web-developer/)\n* Opera:\n[https://addons.opera.com/en/extensions/details/web-developer/](https://addons.opera.com/en/extensions/details/web-developer/)\n\nAnnouncements\n-------------\n\nFor announcements about the Web Developer extension including news about beta releases and previews of upcoming versions follow:\n\n* Blog: [https://chrispederick.com/blog/](https://chrispederick.com/blog/)\n* Mastodon: [https://social.lol/@chrispederick](https://social.lol/@chrispederick)\n\nHelp\n----\n\nHelp for the Web Developer extension can be found on its home page:\n\n* Help: [https://chrispederick.com/work/web-developer/help/](https://chrispederick.com/work/web-developer/help/)\n* Known issues: [https://chrispederick.com/work/web-developer/issues/](https://chrispederick.com/work/web-developer/issues/)\n* To-do list: [https://chrispederick.com/work/web-developer/to-do/](https://chrispederick.com/work/web-developer/to-do/)\n\nTo report a new issue or suggest a new feature please contact me:\n\n* Contact: [https://chrispederick.com/contact/](http://chrispederick.com/contact/)\n\nDevelopers\n----------\n\n### Technologies\n\nThe Web Developer extension is written in JavaScript, HTML, and CSS.\n\n### Extension documentation\n\nFor information about how to write browser extensions check out the Chrome, Firefox, and Opera documentation:\n\n* Chrome: [https://developer.chrome.com/docs/extensions/](https://developer.chrome.com/docs/extensions/)\n* Edge: [https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/](https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/)\n* Firefox: [https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons)\n* Opera: [https://dev.opera.com/extensions/](https://dev.opera.com/extensions/)\n\n### Build process\n\nThe extension uses the [Gulp build system](https://gulpjs.com/).\n\nOnce Gulp is installed the extension is built by running the following:\n\n\tgulp\n\nTo build the extension for Chrome, Edge, Firefox, or Opera only run `gulp chrome`, `gulp edge`, `gulp firefox`, or `gulp opera` respectively.\n\nWhen the extension is built it creates `build/chrome`, `build/edge`, `build/firefox`, and `build/opera` directories as well as packaged versions of the extensions `build/web-developer-chrome.zip`, `build/web-developer-edge.zip`, `build/web-developer-firefox.xpi`, and `build/web-developer-opera.nex`.\n\nThe extension can be installed in Chrome, Edge, Firefox, or Opera by loading the unpacked extension in `build/chrome`, `build/edge`, `build/firefox`, or `build/opera` respectively as described in the [Chrome](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world#load-unpacked), [Edge](https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/extension-sideloading), [Firefox](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension#trying_it_out), and [Opera](https://dev.opera.com/extensions/testing/) documentation.\n\n### Included libraries\n\nThe following libraries are used by and included in the extension as-is:\n\n* Bootstrap: [https://getbootstrap.com/](https://getbootstrap.com/)\n* CodeMirror: [https://codemirror.net/](https://codemirror.net/)\n* DOMPurify: [https://github.com/cure53/DOMPurify](https://github.com/cure53/DOMPurify)\n* Eric Meyer's Reset CSS: [https://meyerweb.com/eric/tools/css/reset/](https://meyerweb.com/eric/tools/css/reset/)\n* JS Beautifier: [https://github.com/beautify-web/js-beautify](https://github.com/beautify-web/js-beautify)\n* mustache.js: [https://github.com/janl/mustache.js/](https://github.com/janl/mustache.js/) imported from [https://unpkg.com/browse/mustache@4.2.0/mustache.js](https://unpkg.com/browse/mustache@4.2.0/mustache.js)\n\nThey should not be altered apart from to update to their latest versions for maintenance reasons.\n\n### Icons\n\nThe icons used in the extension are from [Nucleo](https://nucleoapp.com) and any new icons used in the extension should also come from there for consistency.\n\n### Editor Configuration\n\nAn [EditorConfig](https://editorconfig.org/) file is included to unify the coding style for different editors.\n\nAcknowledgements\n----------------\n\nSupported by:\n\n* [BrowserStack](https://www.browserstack.com/)\n\nAuthor\n------\n\n### Chris Pederick\n\n* [https://chrispederick.com/](https://chrispederick.com/)\n* [https://social.lol/@chrispederick](https://social.lol/@chrispederick)\n\nLicense\n-------\n\nAll files are distributed for free under the terms of the\n[GNU General Public License](https://www.gnu.org/licenses/gpl-3.0.txt).\nThis does not apply to the included libraries or icons mentioned in the Developer section which have their own individual licenses.\n","funding_links":[],"categories":["JavaScript","Browser Extensions"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrispederick%2Fweb-developer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrispederick%2Fweb-developer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrispederick%2Fweb-developer/lists"}