Maison > interface Web > js tutoriel > Onglet du navigateur à fermeture automatique avec JavaScript

Onglet du navigateur à fermeture automatique avec JavaScript

Susan Sarandon
Libérer: 2024-12-03 11:51:11
original
237 Les gens l'ont consulté

Self Closing Browser Tab with JavaScript

Saviez-vous que vous pouvez fermer un onglet de navigateur à l'aide de JavaScript ?

Vous pourriez être surpris d'apprendre que vous pouvez fermer un onglet de navigateur par programmation avec JavaScript. Oui, c'est possible, en utilisant la méthode window.close().

Cette méthode est généralement utilisée uniquement avec les fenêtres contextuelles, j'ai donc été aussi surpris que vous pourriez l'être lorsque j'ai découvert pour la première fois que vous pouvez également l'utiliser sur des onglets normaux lorsqu'une page que j'ai visitée s'est fermée de manière inattendue après avoir soumis un formulaire. C'était étrange, presque comme quelque chose que l'on attend d'une application mobile qui plante à cause d'un bug. Mais sur le web, les choses ne fonctionnent pas ainsi.

Contrairement aux applications mobiles, les pages Web ou les onglets du navigateur ne se contentent pas de « planter » et de se fermer en raison d'une erreur fatale. Dans le pire des cas, la page peut se bloquer ou vous rencontrerez un message d'erreur. Alors, comment cet onglet s’est-il fermé ? Intrigué, j'ai décidé d'approfondir les mécanismes derrière ce comportement.

Si vous êtes curieux de voir cela en action, vous pouvez l'essayer dès maintenant en utilisant les outils de développement de votre navigateur. Voici comment :

  • Ouvrez les outils de développement sur cette page (généralement en appuyant sur F12 ou Ctrl Shift I sous Windows, ou Cmd Option I sous macOS).
  • Accédez à l'onglet Console.
  • Tapez la commande suivante et appuyez sur Entrée :
window.close();
Copier après la connexion

Ou

Démo en direct

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal