Creates a single line Style tag from Chrome's dev tools Styles menu
CSS TRIMMER Extension
For example, turn:
display: block;
height: 14em;
resize: vertical;
To:
style='display: block; height: 14em; resize: vertical;'
In a single click.
How to use:
1- Copy any CSS code block from Chrome's Dev Tools Styles menu to the clipboard (CTRL+C).
2- Press the CSS icon in the extensions menu.
3- That's it, you're done, the inline style tag is auto copied to your clipboard (and also visible in the popup page).
4- You can modify the CSS code and press the 'ReTrim' button to create the style tag again, with your changes.
Source Manifest.json
Similar Extensions
LL Developer Tools 39 1 ★ 98.88KiB
Style Adjuster 39 1 ★ 265KiB
Page Mod Loader 39 6 ★ 3.09MiB
ErrorsSpy 39 2 ★ 17.08KiB
DynamicCSSEditor 39 3 ★ 582KiB
Scripter debugger extension 39 2 ★ 1.04MiB
DevTools Classes & Atributes panel 39 4 ★ 12.75KiB
DOM to JSON Converter 39 1 ★ 18.23KiB
Quickfix CSS Editor 39 8 ★ 354KiB
DOM X-Ray 39 2 ★ 57.82KiB
Blink Style Importer 39 6 ★ 1.16MiB
Dev Playground 39 2 ★ 288KiB
DOM to JSON Selector 39 0 ★ 48.55KiB
Dev Helpers 39 6 ★ 135KiB
DOM-JSON Tree Matcher 39 0 ★ 18.58KiB
Layout Debugger 39 3 ★ 251KiB
HTML5 Debugger 39 1 ★ 9.01KiB
simple-debug.css 39 14 ★ 9.15KiB
Restyler 39 14 ★ 853KiB
CSS-Block 39 12 ★ 89.78KiB
Dev Helper 39 8 ★ 90.47KiB
Css to SCSS or SASS Converter 39 1 ★ 77.51KiB
Developer pages 39 5 ★ 7.09KiB
User reviews
Oded Gertman (ID: 000000be3b3cbde2) Voted 5 ★ - Updated 03/22/2019
(ID: ) Voted 5 ★ - Updated 02/11/2019
Ronnie Gertman (ID: 000000278ae80a03) Voted 5 ★ - Updated 04/29/2017
Yaron Kravitz (ID: 000000b78a5f060d) Voted 5 ★ - Updated 04/24/2017
Serge Krul (ID: 00000049e7cc8b6e) Voted 5 ★ - Updated 04/23/2017