Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Co to jest Outline All Elements?
Outline All Elements to rozszerzenie Chrome opracowane przez MohannadNaj, a jego główną funkcją jest „Add CSS Outline property to all elements on the page for debugging CSS Layout.”.
Zrzuty ekranu rozszerzenia
Pobierz plik CRX rozszerzenia Outline All Elements
Pobierz pliki rozszerzeń Outline All Elements w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.
Instrukcja Użytkowania Rozszerzenia
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 Podstawowe informacje o rozszerzeniu
| Nazwa |  Outline All Elements |
| ID | nppiigcgjgghnpdflckpalmdmpnfglfa |
| Oficjalny URL | https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa |
| Opis | Add CSS Outline property to all elements on the page for debugging CSS Layout. |
| Rozmiar pliku | 31.23 KB |
| Liczba instalacji | 285 |
| Aktualna Wersja | 1.0 |
| Ostatnia Aktualizacja | 2020-01-10 |
| Data Publikacji | 2020-01-09 |
| Deweloper | MohannadNaj |
| [email protected] | |
| Typ Płatności | free |
| Obsługiwane Języki | 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"
}
} | |
