Peut-on voir les liens entre pages HTML ?

Bonjour,

Y a-til moyen de savoir, avec Visual Studio Code, les liens entre les pages ? Par exemple, dans une page HTML un lien <a> va vers une autre page HTML. Est-ce qu'il y a moyen de voir vers quelle page pointe ce lien ?

Merci pour vos réponses

Bonjour,
Dans Visual Studio Code pour voir ou pointe le lien tu regardes la valeur de l'attribut href.

Par contre si tu souhaites avoir la liste (et le nombre) de lien dans une page, tu peux installer l'extension Web Developer
Dans l'onglet information > View Link information

Merci casper2, j'ai installé "Web Developer" mais je ne parviens pas à utiliser ce plugin. L'action que tu me dis de faire ne fonctionne pas, j'ai beau cliquer sur "information > View Link information", il ne se passe rien.
Ensuite, je ne cherche pas à connaître la valeur de l'attribut href mais à savoir quels sont tous les fichiers concernés par ce lien.
Modifié par ObiJuanKenobi (29 Aug 2024 - 08:34)

Bonjour,
Pour l'extension, peut être redémarrer le navigateur.

>> mais à savoir quels sont tous les fichiers concernés par ce lien.
Ha je n'avais pas bien compris. Dans VSC Menu édition > rechercher dans les fichiers (CTRL + MAJ + F)

Ah YESSSSS ! Cela fonctionne bien avec Menu édition > Rechercher dans les fichiers de VSC.

J'explique : J'ai un dossier de plus de cent pages web et certaines d'entre elles doivent être déplacées vers un autre dossier pour une meilleure organisation. Mais le problème c'est que j'ai aussi d'autres pages web parmi celles-ci avec des liens absolus vers ces pages à déplacer. Je dois donc mettre à jour ces liens et la fonction "Menu Edition > Recherches dans les fichiers" de VSC m'aidera puisqu'il m'indiquera quels sont les fichiers concernés par le changement de lien absolu.

Par contre, j'ai redémarré mon ordi et toujours pareil, aucun des liens dans l'onglet "Information" du plugin "Web Developer" ne fonctionne. Il ne se passe rien quand je tente de cliquer dessus. Dommage, j'aurai aimé savoir ce que vaut ce plug-in.
Modifié par ObiJuanKenobi (29 Aug 2024 - 11:37)

Je crois que j'ai compris : ce plugin ne fonctionne que sur les pages web en ligne, pas en local. J'ai testé sur mes pages et ça ne fonctionne pas mais sur des pages web d'autres site en ligne comme "Google", là il m'affiche des informations. Dommage !

Bonjour,

pour Web Developer : chezmoiçamarche, avec Firefox sur Win 11. L'icône de l'extension est violette (c'est récent).
Si tu es en mode de navigation privée, en tout cas avec Firefox, il faut autoriser l'extension à s'exécuter. C'est demandé 1 ou 2 fois au début mais on peut facilement passer à côté.

L'extension, au moins sur Firefox, a bénéficié de pas mal de correctifs récemment (cet été ?). Pendant plusieurs années, beaucoup de fonctionnalités ne fonctionnaient pas sur Firefox mais seulement sur Chrome.

Je viens de tester sur Firefox et ça fonctionne sur mes pages web en local. Sur Chrome, cela ne fonctionne pas chez moi.

Avec VS Code, vous pouvez survoler un lien <a> pour voir où il pointe. Vous pouvez aussi utiliser des extensions comme "HTML Preview" pour prévisualiser les pages liées.

Tutuapp 9Apps
Modifié par hap (15 Oct 2024 - 01:31)

Merci hap pour ton extension VSC "HTML Preview", elle est très utile.

Pour créer des liens entre pages HTML, utilisez la balise `<a>`. Exemple : `<a href="page2.html">Aller à la Page 2</a>`. Pour des pages dans des sous-dossiers, ajustez le chemin : `<a href="dossier/page2.html">`. Ajouter `target="_blank"` ouvre le lien dans un nouvel onglet.

CodeNinja a écrit :
Pour créer des liens entre pages HTML, utilisez la balise `&lt;a&gt;`. Exemple : `&lt;a href="page2.html"&gt;Aller à la Page 2&lt;/a&gt;`. Pour des pages dans des sous-dossiers, ajustez le chemin : `&lt;a href="dossier/page2.html"&gt;`. Ajouter `target="_blank"` ouvre le lien dans un nouvel onglet.

hors sujet !