Maison > interface Web > js tutoriel > Une extension de navigateur appelée « Ouvrir un nouvel onglet pour les développeurs »

Une extension de navigateur appelée « Ouvrir un nouvel onglet pour les développeurs »

WBOY
Libérer: 2024-09-06 13:00:25
original
1035 Les gens l'ont consulté

A browser extension called

En tant que développeur, je parcours souvent des sites Web comme Medium.com et Hacker News, mais les liens sur ces sites s'ouvrent dans le même onglet. Après avoir lu un article, je dois revenir au site principal, ce qui a un impact négatif sur l'expérience utilisateur. Ouvrir les liens dans un nouvel onglet serait bien mieux.

Par conséquent, j'ai créé un plugin de navigateur appelé "Ouvrir un nouvel onglet".

Pourquoi ai-je dû écrire un nouveau plugin ? Parce que j'ai recherché et utilisé des plugins existants, mais ils implémentaient pour la plupart une logique générale. Cette logique générale est simple et fonctionne effectivement pour la plupart des sites Web. Cependant, cela ne suffit pas ; le simple fait d'écrire une logique générale ne fonctionne pas pour certains sites Web spécifiques. La fonctionnalité de ce type de plugin est assez similaire à celle des plugins de blocage des publicités, qui doivent gérer la structure DOM spécifique de sites Web particuliers.

Prenez Medium, par exemple. Son l'attribut href de la balise n'est pas une URL complète mais une chaîne de chemin étrange. L'URL complète se trouve en fait dans l'attribut data-href d'un élément ancêtre. Donc pour ce site, la meilleure approche est d'obtenir l'URL complète puis de l'ouvrir dans un nouvel onglet.

Par conséquent, la fonctionnalité de ce plugin est que, bien qu'il réponde au besoin d'ouvrir des liens dans de nouveaux onglets pour tous les sites Web classiques comme Google, il offre également une gestion spéciale pour les sites Web que les développeurs visitent fréquemment, tels que Medium et Hacker News.

Donc, un nom plus approprié pour ce plugin serait en fait : "Ouvrir un nouvel onglet pour les développeurs."

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal