Change Chrome Devtool Styles

Latest Version

Version
1.1.2
Update
June 10, 2020
Size
262KiB
Developer
Category
Users
752
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Chrome Devtools Styler Extension

Devtools Styler to change chrome devtools font and font size.
Issue: If devtools tabs have ellipses in title after setting devtools font do zoom in and zoom out in devtools to restore tab details properly

Steps Before Installation :

1. Open new tab enter URL \"chrome://flags/devtools#enable-devtools-experiments\" and enable 'Developer Tools Experiments'.
2. Open devtools by pressing F12.
3. Press F1 to open chrome devtools settings then in 'Experiments Tab' enable 'Allow Custom UI Themes'.
3. Open \"Devtools Styler\" tab in devtools and set preferred options.
4. Press CTRL + S or Save Button to Save
5. Restart chrome devtools to apply settings.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Chrome Devtools Styler", "version": "1.1.2", "description": "Change Chrome Devtool Styles", "devtools_page": "index.html", "manifest_version": 2, "permissions": [ "storage" ], "web_accessible_resources": [ "assets/css/*", "assets/fonts/*", "assets/img/*" ], "icons": { "16": "assets/img/icon.png",\t\t"48": "assets/img/icon.png", "128": "assets/img/icon.png" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"}
Read more