English
See more
Creates a single line Style tag from Chrome's dev tools Styles menu
Latest Version
Version
1.0
Update
April 20, 2017
Size
18.0KiB
Developer
Category
Users
39 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ClipboardRead
ClipboardWrite
See more
ClipboardWrite
CSS TRIMMER Extension
Quickly turns Dev Tools CSS Styles code to an inline style tag.
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.
Read more
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
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "CSS TRIMMER", "short_name" : "CSS TRIMMER", "author": "Alon Adler", "description": "Creates a single line Style tag from Chrome's dev tools Styles menu", "version": "1.0", "icons": { \t"16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "browser_action": { "default_icon": "icon48.png", "default_popup": "popup.html" }, "permissions": [\t"clipboardRead",\t"clipboardWrite" ]}
Read more
