RWeb

Simple tool for customizing websites by adding your own CSS & JS.

What is RWeb?

RWeb is a Chrome extension developed by Rudie Dirkx, and its main feature is "Simple tool for customizing websites by adding your own CSS & JS.".

Extension Screenshots

screenshot

Download RWeb Extension CRX File

Download RWeb extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.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?).                    

Extension Basic Information

Name RWeb RWeb
ID opiijdljnckiadkfcjjmajieannaigmd
Official URL https://chromewebstore.google.com/detail/rweb/opiijdljnckiadkfcjjmajieannaigmd
Description Simple tool for customizing websites by adding your own CSS & JS.
File Size 53.37 KB
Installation Count 2,000
Current Version 1.29
Last Updated 2018-11-24
Publish Date 2018-11-24
Rating 3.87/5 Total 15 Ratings
Developer Rudie Dirkx
Email [email protected]
Payment Type free
Extension Website https://github.com/rudiedirkx/RWeb
Help Page URL https://github.com/rudiedirkx/RWeb
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "RWeb",
    "description": "Simple tool for customizing websites by adding your own CSS & JS.",
    "version": "1.29",
    "permissions": [
        "storage",
        "tabs",
        "contextMenus",
        "identity",
        ""
    ],
    "options_page": "options\/options.html",
    "content_scripts": [
        {
            "all_frames": true,
            "js": [
                "rweb.helpers.js",
                "rweb.content.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "run_at": "document_start"
        }
    ],
    "background": {
        "scripts": [
            "rweb.helpers.js",
            "rweb.sync.js",
            "rweb.background.js"
        ]
    },
    "browser_action": {
        "browser_style": false,
        "default_title": "RWeb - Edit custom CSS\/JS",
        "default_icon": {
            "38": "images\/38x38.png",
            "19": "images\/19x19.png"
        }
    },
    "oauth2": {
        "client_id": "559705211499-5c5ul38obg7epc9n71626dqavikoiuvj.apps.googleusercontent.com",
        "scopes": [
            "https:\/\/www.googleapis.com\/auth\/drive.file"
        ]
    },
    "icons": {
        "128": "images\/128x128.png",
        "64": "images\/64x64.png",
        "48": "images\/48x48.png",
        "32": "images\/32x32.png",
        "16": "images\/16x16.png"
    },
    "manifest_version": 2
}