Adds a toolbar button with various web developer tools.

Latest Version

Version
3.0.1
Update
June 28, 2024
Size
574KiB
Developer
chrispederick.com
Category
Users
1,000,000+
Rating
4.45387 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
BrowsingData
ContentSettings
Cookies
History
Scripting
Storage
Tabs
See more

Web Developer Extension

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

--------------------

The best place for support is not in the reviews section below, but on the Web Developer site in the help:

https://chrispederick.com/work/web-developer/help/

Also available there are a full set of release notes:

https://chrispederick.com/work/web-developer/history/chrome/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "action": { "default_icon": { "16": "/img/logos/color/16.png", "32": "/img/logos/color/32.png", "48": "/img/logos/color/48.png", "64": "/img/logos/color/64.png", "128": "/img/logos/color/128.png", "256": "/img/logos/color/256.png" }, "default_popup": "/overlay/overlay.html", "default_title": "__MSG_extensionName__" },\t"background": { "service_worker": "/background/background.js" },\t"content_scripts": [{ "js": ["/content/content.js"], "matches": [""] }],\t"default_locale": "en_US", "description": "__MSG_extensionDescription__", "homepage_url":\t"https://chrispederick.com/work/web-developer/", "host_permissions": [""], "icons": { "16": "/img/logos/color/16.png", "32": "/img/logos/color/32.png", "48": "/img/logos/color/48.png", "64": "/img/logos/color/64.png", "128": "/img/logos/color/128.png", "256": "/img/logos/color/256.png" }, "manifest_version": 3, "name": "__MSG_extensionName__", "options_page":\t"/options/options.html", "permissions": ["browsingData", "contentSettings", "cookies", "history", "scripting", "storage", "tabs"], "version": "3.0.1", "web_accessible_resources": [{ "matches": [""], "resources": ["/embedded/css/*.css", "/embedded/js/dashboard/dashboard.js", "/features/css/*.css", "/img/transparent.png", "/lib/bootstrap/bootstrap.css", "/lib/bootstrap/bootstrap.js", "/lib/reset.css", "/svg/logos/color/logo.svg"], "use_dynamic_url": true }]}
Read more