Dans le Navigateur outils de dev dans la console le résultat est différent après actualisation

Question 1

Je suis actuellement en apprentissage de javascript. Donc je suis souvent dans le Brwoser du dev de l'outil, dans l'onglet console. Maintenant, il y a quelque chose que je ne peux pas l'expliquer. La sortie dans le journal de la console est différent, après l'actualisation de la page web. Soit c'est comme la partie supérieure de la fenêtre dans ma capture d'écran ou comme la partie inférieure de la fenêtre. Dans google Chrome, c'est toujours comme ça dans la partie supérieure de la fenêtre. Dans Courageux navigateur, la chance est d'environ 50/50 que c'est comme la partie supérieure ou inférieure.

J'ai trouvé que l'option "conserver l'historique" changer la sortie de sorte qu'il est toujours comme la capture d'écran supérieure. Mais je voudrais désactiver cette option pour obtenir de l'effacement de la console après un rafraîchissement.

Quelqu'un sait-il comment modifier ce comportement du navigateur?

Je suis sous macOS 12.0.1 de Monterey et Courageux du navigateur: Version 1.32.106 Chrome: 96.0.4664.45 (Offizieller Construire) (x86_64)
ou
Chrome: Version 96.0.4664.55 (Offizieller Construire) (x86_64)

Question 2

Je voudrais partager la solution à mon problème. Maintenant, je suis quelques leçons plus loin dans mes cours et obtenu de nouvelles commandes. Avec la charge EventListener il fonctionne:

let jumbo

window.addEventListener("load", e => {
    jumbo = document.querySelector(".jumbotron");
    console.log(jumbo);
});

L'enseignant a mentionné également qu'il existe également deux autres paramètres ou les commandes: "async" et de "reporter".

Question 3

Cliquez sur l'engrenage dans le coin supérieur droit du panneau de la console pour afficher les options. Décocher la case "Conserver l'historique".

Miracuru · Answer 1 · 2021-11-26T20:23:49

Je voudrais partager la solution à mon problème. Maintenant, je suis quelques leçons plus loin dans mes cours et obtenu de nouvelles commandes. Avec la charge EventListener il fonctionne:

let jumbo

window.addEventListener("load", e => {
    jumbo = document.querySelector(".jumbotron");
    console.log(jumbo);
});

L'enseignant a mentionné également qu'il existe également deux autres paramètres ou les commandes: "async" et de "reporter".

DustInCompetent · Answer 2 · 2021-11-20T21:50:12

Cliquez sur l'engrenage dans le coin supérieur droit du panneau de la console pour afficher les options. Décocher la case "Conserver l'historique".

Je vous remercie. "Conserver l'historique" est déjà décoché. Et encore montre ce comportement.
J'ai essayé aussi avec une réinitialisation d'usine de toutes les options, sans succès.

Dans le Navigateur outils de dev dans la console le résultat est différent après actualisation

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie