Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Vad är Outline All Elements?
Outline All Elements är en Chrome-tillägg utvecklad av MohannadNaj, och dess huvudfunktion är "Add CSS Outline property to all elements on the page for debugging CSS Layout.".
Tilläggsskärmbilder
Ladda ner Outline All Elements-förlängningens CRX-fil
Ladda ner Outline All Elements-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.
Användarmanual för Tillägg
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äggande Information om Tillägg
| Namn |  Outline All Elements |
| ID | nppiigcgjgghnpdflckpalmdmpnfglfa |
| Officiell webbadress | https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa |
| Beskrivning | Add CSS Outline property to all elements on the page for debugging CSS Layout. |
| Filstorlek | 31.23 KB |
| Antal Installationer | 285 |
| Aktuell Version | 1.0 |
| Senast Uppdaterad | 2020-01-10 |
| Publiceringsdatum | 2020-01-09 |
| Utvecklare | MohannadNaj |
| E-post | [email protected] |
| Betalningssätt | free |
| Stödda Språk | 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"
}
} | |
