Partage
  • Partager sur Facebook
  • Partager sur Twitter

Raccourci pour afficher le source d'une page en ht

Windows / Internet Explorer

Sujet résolu
    1 juillet 2019 à 2:49:11

    Bonjour,

    Je suis avec Windows 8.1 et Internet Explorer.

    Existe-t-il un raccourci clavier me permettant d'afficher le code source en html de la page courante et d'y retourner ensuite?

    Merci pour toute information.

    • Partager sur Facebook
    • Partager sur Twitter

    Le Tout est souvent plus grand que la somme de ses parties.

      Staff 1 juillet 2019 à 3:04:05

      Bonjour,  ce n'est pas de l'HTML/CSS

      Mauvais forum

      Le sujet est déplacé de la section HTML / CSS vers la section Discussions Software


      Bonjour, je n'ai pas IE pour tester mais pour Firefox et chrome c'est CTRL + U.

      Si ce raccourci ne fonctionne pas, vous pouvez  ajouter "view-source:" devant L’URL.

      • Partager sur Facebook
      • Partager sur Twitter
        1 juillet 2019 à 14:15:13

        Le Ctrl+U ne fonctionne pas et placer "view-source:" (sans les guillemets) me dit que Windows ne trouve pas l'application. Tout va bien, quoi?

        Je voudrais le faire pour deux raisons, la première est que j'apprend html 5 avec css 3, la deuxième est que je veux comprendre comment ce forum est programmé.

        • Partager sur Facebook
        • Partager sur Twitter

        Le Tout est souvent plus grand que la somme de ses parties.

          Staff 1 juillet 2019 à 15:20:57

          Ha ce IE, toujours limitatif!!  J'ai eu un utilisateur qui utilisait IE (je ne sais plus quelle version) il voulait enregistrer la page web sur son ordinateur, je lui dit clique droit enregistrer sous ou CTRL+S. Et bien IE ne permet pas ces actions.

          Si vous avez la possibilité d’installer Firefox je vous le recommande vraiment, chrome et similaire pour faire de l'HTML/CSS mais ce démarque plus pour le JavaScript (plus rapide avec son moteur de rendu V8). 

          Si je vous dit cela c'est parce qu'il existe des extensions que l'on peut ajouter pour faciliter l'analyse  du code source, parce que si vous lisez la source depuis le début, parcourir tout le code, cela vas être laborieux. Enfin pense.

          Il existe des outils natif aux navigateurs (IE compris) c'est l'inspecteur d'élément. Pour y accéder touche F12. Une console s'ouvre alors, généralement en bas du navigateur, elle est composée de deux parties. La partie gauche c'est l'inspecteur d'élément, qui vous montre le code source de la page, la partie gauche présente les règles de styles CSS que l'on peu activer/désactiver via une cas à cocher.   Chaque partie possède des onglets pour changer de fonctionnalité,  par exemple afficher la console JavaScript, ou un schéma du modèle de boite CSS avec les dimensions des marges intérieurs/extérieurs et bordure pour l'élément souhaité.

          Tester si vous y avez accès via F12, et si le contenu vous est accessible.

          Pour apprendre le HTML/CSS je présume que vous suivez le cours de ce site. Il est bon, pour les bases, pour approfondir il faut lire la documentation MDN entre autre. 

          Pour ce qui est de regarder le code source de ce forum, faite le uniquement pour pouvoir mieux utiliser le forum, pas pour le prendre comme exemple, c'est du vieux code, je ne dirais pas obsolète, mais il n'est pas source d'un bon apprentissage.

          Ha tant que j'y pense peut être l'occasion de vous transmettre ces liens

          Ces ressources devraient vous être accessibles et utiles dans votre apprentissage. ;)

          -
          Edité par AbcAbc6 1 juillet 2019 à 15:22:24

          • Partager sur Facebook
          • Partager sur Twitter
            2 juillet 2019 à 4:42:17

            Je vous remercie pour ces liens. Il y aurait beaucoup à dire sur le sujet.

            Je voudrais y ajouter celui-ci:

            TOUTES LES BALISES HTML : Liste complète avec syntaxe

            http://www.codeshttp.com/baliseh.htm

            Je ne voulais pas apprendre html en me servant du forum comme exemple mais pour comprendre (j'espérais) comment il fonctionne.

            Dans certains cours, il y a des problèmes d'affichage. On m'a confirmé que c'est un bug de conception. Mais je voulais voir ce dont il s'agissais pour comprendre la difficulté à le corriger , puisqu'il se trouve dans la plupart des cours.

            Je veux confirmer que je suis effectivement le cours d'OpenClassrooms sur html et celui sur Markdown. Tous deux ont été écrits par Mathieu Nebra.

            • Partager sur Facebook
            • Partager sur Twitter

            Le Tout est souvent plus grand que la somme de ses parties.

              Staff 2 juillet 2019 à 7:01:29

              Bonjour, juste un point de détail: le dernier lien que vous indiquez est incomplet, il ne reprend pas les dernières balise HTML5, de plus il n'indique pas les balises qui sont devenue obsolète, ce qui pourrait vous induire en erreur. Préférer celui ci:  https://developer.mozilla.org/fr/docs/Web/HTML/Element

              Avez vous eu accès à l'inspecteur d'élément de votre navigateur?  est-ce utilisable pour vous?

              • Partager sur Facebook
              • Partager sur Twitter
                3 juillet 2019 à 1:32:54

                Merci pour la précision sur mon lien, il y avait plus que le cours d'OpenClassrooms. Le lien de mozilla est très bien.

                Je ne peux rejoindre l'inspecteur d'éléments. Je vais essayer de pousser ma recherche plus loin. Ce damné IE, c'est peut-être ET!

                • Partager sur Facebook
                • Partager sur Twitter

                Le Tout est souvent plus grand que la somme de ses parties.

                  13 juillet 2019 à 2:20:14

                  Je peux afficher le code html en faisant la touche "application" qui est équivalente au bouton droit de la souris.

                  Ensuite je remonte jusqu'à "afficher la source" et je vois tout le html.

                  Je ne l'ai pas encore testé avec les pages de ce forum.

                  Comme je l'ai dit, je veux repérer les endroits où il y a un problème de codage.

                  Pour ma synthèse vocale, certains mots en orange (ce qu'on m'a dit) sont collés sur les mots adjacents. C'est peut-être la même chose pour un voyant mais il voit la différence par la couleur et n'est pas dérangé parce que c'est collé.

                  • Partager sur Facebook
                  • Partager sur Twitter

                  Le Tout est souvent plus grand que la somme de ses parties.

                    Staff 13 juillet 2019 à 5:53:40

                    Bonjour, je viens de réactivé IE 10.0.9200.16384 sur un windows 8. (je ne sais pas si vous avez la même version d'IE). J'avais désactivé IE pensent que je n'en aurais pas besoin.

                    Effectivement il n'est pas aisé de parcourir le code source, de façon similaire à Chrome ou Firefox. (vous ne voulez pas tester l'un ou l'autre? )

                    Bref Pour l'affichage du code source d'une page c'est comme pour les autres navigateur CTRL + U. Contrairement au autre navigateur, IE ouvre par défaut une sorte d'éditeur à coloration syntaxique. Il est possible de choisir l'application de lecture du code source, soit le bloc note de Windows, soit un autre programme.

                    Avez-vous sur votre ordinateur un programme spécifique que vous utiliser pour coder? Si vous êtes habitué avec un logiciel en particulier, il peut être intéressant d'utiliser celui-ci.

                    Sinon vous avez également la possibilité de parcourir l'arbre du DOM, via les outils de développement;

                    Pour IE10 faite F12 pour ouvrir la console puis 3 fois la touche de tabulation pour vous trouvez dans la zone de lecture du code source.

                    Pour vous déplacer utiliser les flèches de directions. Haut et Bas pour passer d'un élément frère à un autre frère. Droite pour développer les éléments enfants, et de ce fait parcourir l'arbre du DOM. Gauche pour replier les éléments enfants et remonter dans le DOM.

                      Si vous éprouvez des difficultés vous pouvez utiliser les moyens de communication mit en place par Microsoft. Pour un contact général (français canada) https://support.microsoft.com/fr-ca/contactus/ . Pour un contact sur des questions d'accessibilité (français canada) https://support.microsoft.com/fr-ca/accessibility/disability-answer-desk . Il y à un numéro de téléphone.

                    D'autre moyens existe, comme par exemple trouver une personne MVP (Personne spécialisée dans les produits Microsoft et reconnue comme tel par Microsoft). Si nécessaire je ferais des recherches pour savoir qui contacter.

                    En attendant, pouvez vous tester les propositions que je vous fais?

                    • Partager sur Facebook
                    • Partager sur Twitter
                      13 juillet 2019 à 7:28:43

                      Bonjour ou Bonsoir,

                      Je ne sais pas quelle version de IE je possède. Je rappelle que je suis avec Windows 8.1. Est-ce que IE10 fait référence à W10?

                      J'hésite à utiliser Chrome ou Firefox car je ne sais jamais comment ma synthèse vocale va réagir.

                      J'utilise le bloc-notes (qui s'appelle notepad.exe) pour coder en C ou en html. Il fonctionne très bien dans les deux cas.

                      Je vous remercie pour les liens vers Microsoft. Je connaissais le premier lien mais pas le deuxième.

                      À la rigueur, je pourrais utiliser mon contact pour Seeing AI qui saura sans doute transférer mon message.

                      J'ai tout de même une personne ressource si besoin est. Il est également aveugle, mais il connait très bien Windows.

                      J'ai également un numéro de téléphone d'accès à Microsoft pour l'Amérique qui est en français et en anglais.

                      Je vais étudier vos propositions et les tester. J'ai déjà "vu" ce dont a l'air justement le cours sur html et css en format html. J'espère que celui-ci n'est pas un trop mauvais exemple.

                      Je peux également me promener dans la page en faisant des recherches virtuelles avec Jaws (Ctrl+F).

                      Merci pour le temps que vous me consacrez!

                      • Partager sur Facebook
                      • Partager sur Twitter

                      Le Tout est souvent plus grand que la somme de ses parties.

                        Staff 13 juillet 2019 à 8:42:07

                        C'est bonjour en ce qui me concerne, il est 8h30 du mat, j'ai passé une nuit blanche. Je dormirais dans la journée. :p

                        Je ne sais pas quelle version de IE je possède.

                        Touche ALT pour faire apparaitre le menu, puis ? pour le menu d'aide, descendre jusqu’à " A propos d'internet explorer". Une petite fenêtre s'ouvre avec l'info de la version.

                        Je rappelle que je suis avec Windows 8.1. Est-ce que IE10 fait référence à W10?

                        Oui je sais que vous êtes sous W8.1. Moi je suis sous W8 je n'ai pas encore fait la mise à jour sur cette machine que j'ai reçu à Pâque. Et Non IE10 ne fait pas référence à W10.  IE10 c'est la version 10 d'internet explorer qui existe depuis ..... bien longtemps. W10 c'est la version de Windows qui vient après la votre.  IE10 existe sur W8 comme sur W10 mais ce n'est pas les même version puisqu'il y a des mise à jours supplémentaire sur W10. Info supplémentaire W10 possède le navigateur Edge qui est le remplacent d'internet explorer.  

                        La version d'internet explorer dépend des mises à jours de Windows. Donc logiquement vous devez avoir la version 10 mais une mise à jours supérieur à la mienne. (ce qui ne devrait pas posé problème pour ce qui nous occupe)

                         Pour changer de programme pour voir le code source: F12 pour ouvrir la console, ALT + F pour ouvrir le menu fichier de la console, 2 fois flèches vers le bas pour sélectionner "Personnaliser la source d'affichage d'IE" puis flèche droite pour déployer le sous menu et descendre une fois pour sélectionner le bloc note (notepad.exe) .

                          Refermer la console avec F12. Vous pouvez faire CTRL + U , le bloc note s'ouvre avec le code source de la page web que vous visiter.

                        -
                        Edité par AbcAbc6 13 juillet 2019 à 8:44:49

                        • Partager sur Facebook
                        • Partager sur Twitter
                          14 juillet 2019 à 6:41:53

                          Si je fais Alt, je n'obtient pas le menu d'aide  ?  comme dans d'autres applications. IE me fait vraiment ch...

                          Si je fais F12, j'arrive à un menu de debugging, pas ce que j'attendais.

                          Le Alt+F ne change rien.

                          Il y a une doc sur WindowsFacile qui parle de "roulette dentée" ...

                          Je peux faire Ctrl+U pour afficher le html et cela marche. Cependant, puisque je ne suis pas avec bloc-notes, je ne peux pas faire de Ctrl+F pour chercher.

                          Je suis allé sur d'autres sites et la ligne <!DOCTYPE  était plutôt longue. Cela ne ressemble pas à du html 5?

                          Je n'ai pas trouvé la page où il y avait des mots collés avec un soi-disant mot en orange.

                          J'ai pensé à une possibilité. Si l'auteur a mis le mot précédent en fin de ligne et n'a pas mis d'espace avant la balise, cela pourrait expliquer le problème.

                          On pourrait avoir quelque chose du genre:

                          la balise     pas d'espace avant la fin de ligne

                          <em>code</em>     pas d'espace avant la fin de ligne

                          est utilisée ...

                          Avec un style de couleur orange, genre <em style="color: orange" >

                          On pourrait trouver un script sed (regex) pour trouver ces occurences et les corriger.

                          • Partager sur Facebook
                          • Partager sur Twitter

                          Le Tout est souvent plus grand que la somme de ses parties.

                            Staff 14 juillet 2019 à 8:10:39

                            Oui il y a une roue dentée dans le coin supérieur droit, c'est un accès aux paramètres du navigateur. Pour y accéder ALT + X.

                            Il est fort possible que les outils de développement du navigateur retiennent en mémoire le dernier onglet d'ouvert. Essayer avec la flèche de direction gauche de retourner dans l'onglet HTML. 

                            Les onglets sont nommé (de gauche à droite) HTML, CSS, console, script, profileur et réseau. 

                            Si après F12 vous n'arrivez pas au menu fichier via ALT + F, il faudra demander à un voyant de le faire pour vous, je comprends votre embêtement.

                            Je peux faire Ctrl+U pour afficher le html et cela marche. Cependant, puisque je ne suis pas avec bloc-notes, je ne peux pas faire de Ctrl+F pour chercher.

                            Ha, pour moi cela fonctionne, dans la visionneuse par défaut, si je fait CTRL + F la boite de dialogue de recherche s'ouvre bien.

                            Je suis allé sur d'autres sites et la ligne <!DOCTYPE  était plutôt longue. Cela ne ressemble pas à du html 5?

                            Je n'ai plus le pourcentage exacte en tête mais il faut vous dire que plus de 80% du web est obsolète. Cela ne m'étonne pas que vous y trouviez d'ancienne écriture de doctype voir pas de doctype du tout.

                            Il est possible également, que le code source soit minifier, cela veux dire qu'il n'y à qu'une seule ligne de code pour toute les informations du document. Dans ce cas, seul les outils de développement servent à analyser le code, sinon c'est impossible à lire, en tout cas je n’essaie pas.

                            -
                            Edité par AbcAbc6 14 juillet 2019 à 8:11:23

                            • Partager sur Facebook
                            • Partager sur Twitter
                              14 juillet 2019 à 19:07:50

                              En effet, cela devient plutôt compliqué. J'ai un ou deux voyants dans mon entourage qui peuvent m'aider et j'ai le numéro de Microsoft en plus.

                              Dans les exemples que j'ai rencontré, le texte est réparti sur plusieurs lignes, je peux le parcourir par ligne sans problème.

                              • Partager sur Facebook
                              • Partager sur Twitter

                              Le Tout est souvent plus grand que la somme de ses parties.

                                16 juillet 2019 à 1:31:12

                                Je peux accéder à la plupart des pages avec Ctrl+U sauf le forum d'OpenClassrooms. C'est vrai, je n'ai pas essayé avec d'autres forum!

                                Je viens d'essayer avec stackoverflow et ils n'ont pas de DOCTYPE.

                                J'ai essayé avec un blogue.

                                Je me suis trompé, je peux faire des recherches avec Ctrl+F mais je dois faire Escape et demander à Jaws de me lister la ligne.

                                Sur IE, Jaws me liste automatiquement la ligne sans que je le demande.

                                • Partager sur Facebook
                                • Partager sur Twitter

                                Le Tout est souvent plus grand que la somme de ses parties.

                                Raccourci pour afficher le source d'une page en ht

                                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                • Editeur
                                • Markdown