Τι είναι το Layout Debugger;

Το Layout Debugger είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον cdsnowden, και η κύρια λειτουργία του είναι "Chrome extension for highlighting DOM elements to better debug layout issues".

Στιγμιότυπα Επέκτασης

Λήψη αρχείου CRX της επέκτασης Layout Debugger

Λήψη αρχείων επέκτασης Layout Debugger σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

- Identifying too-wide overflowing objects.
- Distinguishing block from inline elements.
- Helping to keep track of element alignment.

Adds a distinct colour outline to each visible DOM element, as well as providing a visual prompt for overflowing divs.

display: block; => blue;
display: inline; => purple;
overflowing the viewport => red!
etc..

Βασικές Πληροφορίες Επέκτασης

Όνομα	Layout Debugger
ID	gkamnoiedmidgolhlihkamjpfccohilb
Επίσημο URL	https://chromewebstore.google.com/detail/layout-debugger/gkamnoiedmidgolhlihkamjpfccohilb
Περιγραφή	Chrome extension for highlighting DOM elements to better debug layout issues
Μέγεθος Αρχείου	251 KB
Αριθμός Εγκαταστάσεων	897
Τρέχουσα Έκδοση	1.7
Τελευταία Ενημέρωση	2022-04-19
Ημερομηνία Δημοσίευσης	2017-07-31
Αξιολόγηση	4.00/5 Συνολικά 3 Αξιολογήσεις
Προγραμματιστής	cdsnowden
Ηλεκτρονικό ταχυδρομείο	[email protected]
Τύπος Πληρωμής	free
Ιστότοπος Επέκτασης	https://github.com/Recidvst/Layout-Debugger
Διεύθυνση URL της Σελίδας Βοήθειας	https://github.com/Recidvst/Layout-Debugger#support
Υποστηριζόμενες Γλώσσες	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Layout Debugger", "short_name": "Layout Debugger", "description": "Chrome extension for highlighting DOM elements to better debug layout issues", "version": "1.7", "author": "Chris Snowden", "icons": { "19": "images\/icon19dark.png", "38": "images\/icon38dark.png", "128": "images\/icon128dark.png" }, "browser_action": { "default_icon": { "19": "images\/icon19dark.png", "38": "images\/icon38dark.png" }, "default_title": "Toggle highlighter" }, "background": { "scripts": [ "background.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "" ], "js": [ "highlight.js" ] } ], "permissions": [ "activeTab" ], "web_accessible_resources": [ "*.png", "highlight.js" ] }