Chrome-Stats extension
Compare Chrome extensions: Stylizr vs SelectorGadget
| Stats | 
Stylizr
|
SelectorGadget
|
|---|---|---|
| User count | 3 | 200,000+ |
| Average rating | 0.00 | 4.48 |
| Rating count | 0 | 107 |
| Last updated | 2019-11-20 | 2022-08-03 |
| Size | 6.73K | 88.74K |
| Version | 1.0 | 1.2.0 |
| Short description | |
|---|---|
| Spruce up your pages with custom CSS. | Easy, powerful CSS Selector generation. |
| Full summary | |
Insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits. Usage: You may dislike a given site's design and want to add your own touch--that is, your own style--to make it aesthetically pleasing. After installing the extension, visit the site (e.g. techcrunch.com) and hit control + m. You should see a textarea to the right of the browser window. Insert your custom CSS into it and view the results. This CSS will be reinserted upon revisiting the site, thereby saving your styles. Pressing control + m once more will hide the textarea, but your contents will still be retained. |
Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze. After having installed the extension, go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs. There is a tutorial video and a bookmarklet version available at https://selectorgadget.com |