Custom CSS Tester Tool for Twitcasting Comment Viewing UI

Latest Version

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

Twitcas Comment Custom CSS Tester Extension

This custom CSS tester allows you to load a custom CSS to Twitcasting Live Chat Comment ovrlay so that the customized comment ovelay can be viewed on your Web browser.

The loaded CSS can be debugged with browser's built-in developer tools.

Please start in the extension's option page to set-up and open a comment overlay URL. Once a comment page is opened, the 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/custom-css-tester-twitcasting.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-twitcasting.html", "permissions": ["activeTab", "storage"], "host_permissions": ["https://*.twitcasting.tv/"], "background": { "service_worker": "background.js" }, "options_ui": { "page": "options.html", "open_in_tab": true }, "content_scripts": [ { "matches": ["https://*.twitcasting.tv/*/windowcomment*"], "js": ["cssTester.js", "contentScript.js"] } ], "action": { "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