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
官方URL 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