Outline All Elements
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Apa itu Outline All Elements?
Outline All Elements adalah ekstensi Chrome yang dikembangkan oleh MohannadNaj, dan fitur utamanya adalah "Add CSS Outline property to all elements on the page for debugging CSS Layout.".
Screenshot Ekstensi
Unduh Berkas CRX Ekstensi Outline All Elements
Unduh file ekstensi Outline All Elements dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.
Petunjuk Penggunaan Ekstensi
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 Informasi Dasar Ekstensi
| Nama |  Outline All Elements |
| ID | nppiigcgjgghnpdflckpalmdmpnfglfa |
| URL Resmi | https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa |
| Deskripsi | Add CSS Outline property to all elements on the page for debugging CSS Layout. |
| Ukuran File | 31.23 KB |
| Jumlah Instalasi | 285 |
| Versi Saat Ini | 1.0 |
| Terakhir Diperbarui | 2020-01-10 |
| Tanggal Publikasi | 2020-01-09 |
| Pengembang | MohannadNaj |
| [email protected] | |
| Tipe Pembayaran | free |
| Bahasa yang Didukung | 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"
}
} | |
