Simple tool for customizing websites by adding your own CSS & JS.
RWeb Extension
This extension allows you to add per-domain custom CSS and JS. It stores those settings locally OR in your Google profile, depending on the setting per site.
It's a combination of:
* StyleBot, but adds JS and a much simpler UI
* Personalized Web, but adds online storage and a browser action button for easier access
It does:
* add CSS to any domain
* add custom JS to any domain
* add custom CSS to the extension's options page (in case you don't like my UI design skillz)
* store your settings online (optional, connected Google Drive)
* export your sites to JSON format
* import your JSON with UUIDs, so you can sync manually between computers or as backup
* have a simple UI that saves with CTRL+S or ENTER and a browser action button to point to it
It does NOT:
* add a slick DOM element selector tool like StyleBot
Changelog:
1.30
Optional 'weight', to make execution order explicit. MV3.
1.29
host:port bugfix. Storage/oauth/WebExt fixes. Site sorting bugfix.
1.24 - 1.28
Getting WebExtensions compatible. Soon available in Firefox!
1.22 - 1.23
Added ** wildcard for anything. Fewer console messages. Bug in site order with 'all' and 'matches' sites.
1.21
Able to delete sites across computers. Optional delayed load/ready callback.
1.20
Added wildcard domains: `*.wikia.com`, `my.*.com` etc. Improved temporary disable (on page action button).
1.19
Sync log+. Options UI+. Live CSS propagation+.
1.18
Options UI+. Sync log+. Log UI+.
1.17
Sign-in bug fixed. Fewer, more precise auto uploads. Added code search.
1.16
Pretty shameful bug in updating existing sites in download. Improved import summary & details.
1.15
Bug in sync report that broke auto sync.
1.14
Sync optional, so no more sign in popups. Prettier sync button loading.
1.13
Automatic sync with Google Drive. Added sync log. Added inline stats (option).
1.12
Fixed history/stats. Better Google Drive (error) handling.
1.11
Moved from Google's Extension Data (sync) to Google Drive, because manually is better than automagic. Added 'all sites' token. Better document check (not in XML docs). More detailed import.
1.10
Handle errors in decoding online data. Discarding for now. **Back up your sites data!**
1.9
Import bugfix.
1.8
Stats+, faster loading for big online storage, browser action contextmenu label+.
1.7
Improved stats, help, options auto-indent, dis/enabling. **Disabling a site moved from page contextmenu to the icon's contextmenu!**
1.6
Bugs in: auto re-cache, site hilite, css propagation.
1.5
Bugs in: disabled sites, auto indent, auto-re-cache.
Added options: fix outline, extend NodeList.
1.3
Added live CSS reload/refresh/update after saving a site on the options page, so no page refresh necessary anymore!
1.2
Added UUID and import.
1.1
Added (prefs and) onBrowserButtonClick option. Maybe added onBeforeUnload (or was that 1.0?).
Read more
It's a combination of:
* StyleBot, but adds JS and a much simpler UI
* Personalized Web, but adds online storage and a browser action button for easier access
It does:
* add CSS to any domain
* add custom JS to any domain
* add custom CSS to the extension's options page (in case you don't like my UI design skillz)
* store your settings online (optional, connected Google Drive)
* export your sites to JSON format
* import your JSON with UUIDs, so you can sync manually between computers or as backup
* have a simple UI that saves with CTRL+S or ENTER and a browser action button to point to it
It does NOT:
* add a slick DOM element selector tool like StyleBot
Changelog:
1.30
Optional 'weight', to make execution order explicit. MV3.
1.29
host:port bugfix. Storage/oauth/WebExt fixes. Site sorting bugfix.
1.24 - 1.28
Getting WebExtensions compatible. Soon available in Firefox!
1.22 - 1.23
Added ** wildcard for anything. Fewer console messages. Bug in site order with 'all' and 'matches' sites.
1.21
Able to delete sites across computers. Optional delayed load/ready callback.
1.20
Added wildcard domains: `*.wikia.com`, `my.*.com` etc. Improved temporary disable (on page action button).
1.19
Sync log+. Options UI+. Live CSS propagation+.
1.18
Options UI+. Sync log+. Log UI+.
1.17
Sign-in bug fixed. Fewer, more precise auto uploads. Added code search.
1.16
Pretty shameful bug in updating existing sites in download. Improved import summary & details.
1.15
Bug in sync report that broke auto sync.
1.14
Sync optional, so no more sign in popups. Prettier sync button loading.
1.13
Automatic sync with Google Drive. Added sync log. Added inline stats (option).
1.12
Fixed history/stats. Better Google Drive (error) handling.
1.11
Moved from Google's Extension Data (sync) to Google Drive, because manually is better than automagic. Added 'all sites' token. Better document check (not in XML docs). More detailed import.
1.10
Handle errors in decoding online data. Discarding for now. **Back up your sites data!**
1.9
Import bugfix.
1.8
Stats+, faster loading for big online storage, browser action contextmenu label+.
1.7
Improved stats, help, options auto-indent, dis/enabling. **Disabling a site moved from page contextmenu to the icon's contextmenu!**
1.6
Bugs in: auto re-cache, site hilite, css propagation.
1.5
Bugs in: disabled sites, auto indent, auto-re-cache.
Added options: fix outline, extend NodeList.
1.3
Added live CSS reload/refresh/update after saving a site on the options page, so no page refresh necessary anymore!
1.2
Added UUID and import.
1.1
Added (prefs and) onBrowserButtonClick option. Maybe added onBeforeUnload (or was that 1.0?).
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "RWeb",\t"description": "Simple tool for customizing websites by adding your own CSS & JS.",\t"version": "1.30",\t"permissions": [ "storage", "tabs", "contextMenus", "identity", "scripting", "activeTab" ],\t"host_permissions": [ "https://*/*", "http://*/*" ],\t"options_page": "options/options.html",\t"content_scripts": [\t\t{\t\t\t"all_frames": true,\t\t\t"js": [ "rweb.helpers.js", "rweb.content.js" ],\t\t\t"matches": [ "http://*/*", "https://*/*" ],\t\t\t"run_at": "document_start"\t\t}\t],\t"background": {\t\t"service_worker": "rweb.background.js"\t},\t"action": {\t\t"browser_style": false,\t\t"default_title": "RWeb - Edit custom CSS/JS",\t\t"default_icon": {\t\t\t"38": "images/38x38.png",\t\t\t"19": "images/19x19.png"\t\t}\t},\t"oauth2": {\t\t"client_id": "559705211499-5c5ul38obg7epc9n71626dqavikoiuvj.apps.googleusercontent.com",\t\t"scopes": [\t\t\t"https://www.googleapis.com/auth/drive.file"\t\t]\t},\t"icons": {\t\t"128": "images/128x128.png",\t\t"64": "images/64x64.png",\t\t"48": "images/48x48.png",\t\t"32": "images/32x32.png",\t\t"16": "images/16x16.png"\t},\t"manifest_version": 3}
Read more