Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Wat is Outline All Elements?
Outline All Elements is een Chrome-extensie ontwikkeld door MohannadNaj, en de belangrijkste functie is "Add CSS Outline property to all elements on the page for debugging CSS Layout.".
Extensie Screenshots
Download het CRX-bestand van de extensie Outline All Elements
Download Outline All Elements-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.
Instructies voor het Gebruik van de Extensie
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 Basisinformatie over de Extensie
| Naam |  Outline All Elements |
| ID | nppiigcgjgghnpdflckpalmdmpnfglfa |
| Officiële URL | https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa |
| Beschrijving | Add CSS Outline property to all elements on the page for debugging CSS Layout. |
| Bestandsgrootte | 31.23 KB |
| Aantal Installaties | 285 |
| Huidige Versie | 1.0 |
| Laatst Bijgewerkt | 2020-01-10 |
| Publicatiedatum | 2020-01-09 |
| Ontwikkelaar | MohannadNaj |
| [email protected] | |
| Betalingswijze | free |
| Ondersteunde Talen | 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"
}
} | |
