Heim > Web-Frontend > js-Tutorial > Eine Browsererweiterung namens „Neuen Tab für Entwickler öffnen'

Eine Browsererweiterung namens „Neuen Tab für Entwickler öffnen'

WBOY
Freigeben: 2024-09-06 13:00:25
Original
1008 Leute haben es durchsucht

A browser extension called

Als Entwickler durchsuche ich oft Websites wie Medium.com und Hacker News, aber die Links auf diesen Websites werden im selben Tab geöffnet. Nachdem ich einen Artikel gelesen habe, muss ich zur Hauptseite zurück navigieren, was sich negativ auf die Benutzererfahrung auswirkt. Es wäre viel besser, Links in einem neuen Tab zu öffnen.

Daher habe ich ein Browser-Plugin namens „Neuen Tab öffnen“ erstellt.

Warum musste ich ein neues Plugin schreiben? Weil ich nach einigen vorhandenen Plugins gesucht und diese verwendet habe, diese jedoch größtenteils eine allgemeine Logik implementiert haben. Diese allgemeine Logik ist einfach und funktioniert tatsächlich für die meisten Websites. Dies reicht jedoch nicht aus; Das bloße Schreiben allgemeiner Logik funktioniert für bestimmte Websites nicht. Die Funktionalität dieser Art von Plugins ist denen von Werbeblocker-Plugins sehr ähnlich, die mit der spezifischen DOM-Struktur bestimmter Websites umgehen müssen.

Nehmen Sie zum Beispiel Medium. Es ist Das href-Attribut des Tags ist keine vollständige URL, sondern eine seltsame Pfadzeichenfolge. Die vollständige URL befindet sich tatsächlich im data-href-Attribut eines Vorgängerelements. Für diese Website ist es also besser, die vollständige URL abzurufen und sie dann in einem neuen Tab zu öffnen.

Daher besteht die Besonderheit dieses Plugins darin, dass es zwar die Notwendigkeit erfüllt, Links in neuen Tabs für alle regulären Websites wie Google zu öffnen, aber auch eine spezielle Handhabung für Websites bietet, die Entwickler häufig besuchen, wie etwa Medium und Hacker News.

Ein passenderer Name für dieses Plugin wäre also eigentlich: „Neuen Tab für Entwickler öffnen.“

Tutor:https://www.bilibili.com/video/BV1hrpMe4E6x/
GitHub:https://github.com/cunzaizhuyi/open-new-tab-extension

Das obige ist der detaillierte Inhalt vonEine Browsererweiterung namens „Neuen Tab für Entwickler öffnen'. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage