Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Hvad er Outline All Elements?
Outline All Elements er en Chrome-udvidelse udviklet af MohannadNaj, og dens hovedfunktion er "Add CSS Outline property to all elements on the page for debugging CSS Layout.".
Udvidelsesskærmbilleder
Download Outline All Elements-udvidelses-CRX-fil
Download Outline All Elements-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.
Brugsanvisning til Udvidelsen
A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.
Mainly this is useful for debugging CSS Layout and discovering potential issues.
Notes:
- Click the extension icon for activating/deactivating.
- The outline colors are randomized based on it's order on the page.
- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).
- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.
Source Code:
https://github.com/MohannadNaj/outline-all-elements Grundlæggende oplysninger om udvidelsen
| Navn |  Outline All Elements |
| ID | nppiigcgjgghnpdflckpalmdmpnfglfa |
| Officiel URL | https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa |
| Beskrivelse | Add CSS Outline property to all elements on the page for debugging CSS Layout. |
| Filstørrelse | 31.23 KB |
| Antal Installationer | 285 |
| Nuværende Version | 1.0 |
| Senest Opdateret | 2020-01-10 |
| Udgivelsesdato | 2020-01-09 |
| Udvikler | MohannadNaj |
| [email protected] | |
| Betalingsmetode | free |
| Understøttede Sprog | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Outline All Elements",
"version": "1.0",
"description": "Add CSS Outline property to all elements on the page for debugging CSS Layout.",
"manifest_version": 2,
"background": {
"persistent": true,
"scripts": [
"background.js"
]
},
"permissions": [
"activeTab"
],
"browser_action": {
"default_icon": {
"16": "icon_16.png",
"32": "icon_32.png",
"48": "icon_48.png",
"128": "icon_128.png"
}
},
"icons": {
"16": "icon_16.png",
"32": "icon_32.png",
"48": "icon_48.png",
"128": "icon_128.png"
}
} | |
