Custom CSS Tester Tool for YouTube Comment Viewing UI

Latest Version

Version
0.1.3
Update
August 20, 2024
Size
35.46KiB
Developer
kii-memo.blogspot.com
Category
Users
38
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
日本語
See more
Permissions
ActiveTab
Storage
See more

YouTube Comment Custom CSS Tester Extension

This custom CSS tester allows you to load a custom CSS to a YouTube Live Chat Comment page on your Web browser so that the CSS customized version of the page can be inspected on the browser.

The CSS loaded to the page can be debugged with browser's built-in developer tools (Hit F11 key on many popular browsers.).

Please start in the extension's option page to set-up a Live Chat comment URL. Once a comment page is opened on a new tab, the extension's popup page can be used to temporarily edit and hot-reload the custom CSS inserted by this extension.

Support Page: https://kii-memo.blogspot.com/p/cas-akaji-bot.html (In Japanese)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "default_locale": "ja", "version": "0.1.3", "name": "__MSG_extName__", "description" : "__MSG_extDesc__", "author" : "tw: @kii_memo_jp", "homepage_url": "https://kii-memo.blogspot.com/p/custom-css-tester-youtube.html", "permissions": ["activeTab", "storage"], "host_permissions": ["https://www.youtube.com/live_chat", "https://studio.youtube.com/live_chat"], "background": { "service_worker": "background.js" }, "options_ui": { "page": "options.html", "open_in_tab": true }, "content_scripts": [ { "matches": ["https://studio.youtube.com/live_chat*", "https://www.youtube.com/live_chat*"], "js": ["cssTester.js", "contentScript.js"] } ], "action": { "page": "popup.html", "chrome_style": true, "default_icon": { "16" : "icon_16.png", "32" : "icon_32.png", "48" : "icon_48.png", "128": "icon_128.png" }, "default_title": "__MSG_extName__" }, "icons": { "16" : "icon_16.png", "32" : "icon_32.png", "48" : "icon_48.png", "128": "icon_128.png" }}
Read more