Elementgröße beim Überfahren
Zeigt einen kleinen Tooltip mit Breite und Höhe des Elements unter dem Mauszeiger.
Code zum Kopieren
try {
const tip = document.createElement('div');
tip.style.cssText = 'position:fixed;z-index:99999;background:#282828;color:#ebdbb2;'
+ 'font:11px monospace;padding:3px 6px;pointer-events:none;border-radius:3px;display:none;';
document.body.appendChild(tip);
document.addEventListener('mousemove', function (e) {
const el = e.target;
if (!el || el === tip) return;
const r = el.getBoundingClientRect();
tip.textContent = el.tagName.toLowerCase() + ' '
+ Math.round(r.width) + ' x ' + Math.round(r.height);
tip.style.left = (e.clientX + 14) + 'px';
tip.style.top = (e.clientY + 14) + 'px';
tip.style.display = 'block';
});
} catch (err) { console.error('JustZix box dimensions:', err); }So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das JavaScript-Panel der Regel ein und speichere — er läuft bei jedem Seitenbesuch.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.