RWeb

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

什麼是RWeb？

RWeb是由Rudie Dirkx開發的Chrome擴展程式，該擴展的主要功能是“Simple tool for customizing websites by adding your own CSS & JS.”。

擴展截圖

screenshot

下載RWeb擴展crx文件

下載RWeb擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

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

擴展基本資訊

名稱 RWeb RWeb
ID opiijdljnckiadkfcjjmajieannaigmd
官方網址 https://chromewebstore.google.com/detail/rweb/opiijdljnckiadkfcjjmajieannaigmd
簡介 Simple tool for customizing websites by adding your own CSS & JS.
檔案大小 53.37 KB
安裝次數 2,000
目前版本 1.29
更新時間 2018-11-24
上架時間 2018-11-24
評分 3.87/5 共 15 次評分
開發者 Rudie Dirkx
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/rudiedirkx/RWeb
說明頁面URL https://github.com/rudiedirkx/RWeb
支援的語言 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
}

相關的擴展

Stylebot
Stylebot
Styler
Styler
Style Adjuster
Style Adjuster
Code Cola
Code Cola
Save CSS
Save CSS
JScript tricks
JScript tricks
Custom Stylesheet & Script
Custom Stylesheet & Script
My Style
My Style
Developer pages
Developer pages
User CSS
User CSS
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
Light JavaScript Playground
Light JavaScript Playground