Erstelle dein eigenes Dev Tool

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Amber Wilson über die Erstellung von Bookmarklets, die dir helfen. Sie zeigt eines, das ein Skript zur Barrierefreiheit injiziert – diesen Ansatz mag ich, da du das Bookmarklet nicht selbst pflegen musst, sondern nur das Skript, auf das es verlinkt. Ein weiteres Beispiel führt Code aus, der direkt im Link enthalten ist. Das Ergebnis ist buchstäblich ein Lesezeichen in deinem Browser, auf das du klicken kannst, um etwas Nützliches auf jeder Website zu tun.

Nun, ich sage „jeder“ Website, aber ich meine „Websites, die keine Content Security Policy (CSP)“ haben, die Inline-Skripte vollständig blockieren kann (und das ist wahrscheinlich das Beste, was eine CSP tun kann). Das ist wunderbar für die Sicherheit, aber es stoppt Bookmarklets vollständig. Die Antwort sind Browsererweiterungen. Die Geschichte mit diesen wird besser, da Browser sich auf ein Standardformat einigen.

Browsererweiterungen sind viel schwieriger zu schreiben. Jemand sollte eine Browsererweiterung erstellen, mit der du beliebige Bookmarklet-ähnliche Snippets zum Ausführen erstellen kannst. Ich habe bei einer schnellen Suche ein paar Versuche dazu gefunden, aber nichts, das besonders gut aussieht. Ein anderer Gedanke: DevTools hat Snippets.

Direkter Link →