Chrome Dev Tools: Comment tracer réseau pour un lien qui ouvre un nouvel onglet?

Je veux tracer l'activité du réseau qui se passe lorsque je clique sur un lien. Le problème est que le lien ouvre un nouvel onglet, et apparemment, les Outils de Dev œuvres par onglet, il a été ouvert. "Préserver le Journal Lors de la Navigation" n'aide pas.

Ma solution actuelle est de passer à FireFox et HttpFox qui n'a pas ce problème. Je me demande comment les développeurs de Chrome gérer, cela semble assez basique (bien sûr j'ai cherché la réponse, ne pas trouver quelque chose d'utile).

  • Depuis cette question reçoit beaucoup d'attention, j'ai commencé à me demander si je peut fournir une meilleure solution. Seraient tous les liens pour les ouvrir dans le même onglet faire l'affaire?
  • C'est une tâche pour moi et j'ai déménagé donc je ne peux pas vous dire. Si vous vous souciez d'essayer et d'écrire la réponse, je serai heureux de l'accepter.
  • Si vous souhaitez cette fonctionnalité, n'hésitez pas à Étoiles de ce Chrome bug: code.google.com/p/chromium/issues/detail?id=410958
InformationsquelleAutor davka | 2013-04-25
  1. 201

    Découvrez chrome://net-internals/#events (ou chrome://net-export dans la dernière version de Chrome) pour un aperçu détaillé de tous les événements de réseau qui se passe dans votre navigateur.

    D'autre solution possible, selon les spécificités de votre problème, peut-être pour permettre à "Préserver journal" sur l'onglet Réseau:

    Chrome Dev Tools: Comment tracer réseau pour un lien qui ouvre un nouvel onglet?

    et de la force de tous les liens pour les ouvrir dans le même onglet, en exécutant le code suivant dans la console:

    [].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};
    • merci c'est cool, mais je veux la liste comme dans les outils de dev (demandes&réponse avec tous les en-têtes), juste pour un autre onglet
    • Est-il un manuel sur la façon de comprendre net-internals?
    • C'est très intéressant, en particulier si vous annonce le filtre type:URL_REQUEST, mais il ne semble pas contenir les mêmes informations que l'onglet Réseau. Par exemple, il semble à la bande de biscuit de données pour les requêtes et les réponses.
    • document.querySelectorAll('a,form') aura aussi une incidence sur les formes.
    • Je souhaite que je pourrais upvote ce à deux reprises. J'ai fait un script contenu pour google chrome qui fait cela sur une touche de raccourci, et il a littéralement sauvé des heures de ma vie.
    • Je veux dire que la solution n'est pas pur, car si vous exécutez le script que vous êtes qui affectent la page et donc vous êtes affectant le résultat. Par exemple Chrome peut envoyer référent info si vous êtes à l'ouverture du lien dans la même Fenêtre et supprimer cette info si il est ouvert dans un nouvel onglet. Cette "solution" ne permet pas l'étude de tels cas.
    • un outil de dev comme fiddler peut aider aussi, demande complète de réponses avec en-tête et le corps et tout ce
    • Travailler comme un charme! excellent outil de Google Chrome en passant...
    • Chrome affiche "La net-internals observateur d'événements et de fonctionnalité a été supprimée. Veuillez utiliser chrome://net-exporter pour enregistrer netlogs et externes catapulte netlog_viewer pour les voir.", mais chrome://net-exportation des œuvres fantastiques.

    InformationsquelleAutor Konrad Dzwinel
  2. 97

    La demande de fonctionnalité mentionnées dans le commentaire par phsource a été mis en œuvre.

    Dans les versions récentes (à partir de Chrome 50), vous pouvez aller pour les Outils de développement des Paramètres menu (ouvrir les Outils de développement, puis utilisez le 3-points de menu ou appuyez sur F1) et cochez la case "ouvrir automatiquement les DevTools pour les popups".

    • Fonctionne très bien, sauf qu'il est un peu difficile d'activer l'option "Conserver les journaux" immédiatement une fois que la fenêtre est ouverte.
    • Vous devez mettre à jour votre réponse, google chrome version stable est actuellement 55
    • Soupir, la nouvelle fenêtre, cependant, n'a pas <Conserver les Journaux> activé. Quel est le problème avec Chrome ingénieurs?
    • Il n'est pas de travail pour moi dans de nouveaux onglets
    • Utilisez cette combinaison avec la stackoverflow.com/a/29029881/145400 (une grande réponse à "Chrome Dev Tools est-il possible de garder ouverte après la fenêtre se ferme?")!
    • l'utilisation de la 3-points de menu ou hit > page de préférences > DevTools > "ouvrir automatiquement les DevTools pour les popups"

    InformationsquelleAutor
  3. 23

    En Chrome 61.0.3163.100 vous avez maintenant l'option suivante est disponible.
    Il est accessible en allant sur le Chrome Dev Tools Paramètres. C'est au fond.

    Chrome Dev Tools: Comment tracer réseau pour un lien qui ouvre un nouvel onglet?

    • Ce n'est malheureusement pas activer "Conserver les Journaux" dans la fenêtre qui s'ouvre, donc, si vous obtenez une nouvelle fenêtre et une redirection dans ladite fenêtre, le journal de réseau sera effacée et commencer après la redirection.
    • La fixation, pour ceux qui ne veulent pas cliquer sur le lien pour voir l'image, est "ouvrir automatiquement les DevTools pour les popups", sous la rubrique "DevTools". D'autres paramètres disponibles: "Conserver l'historique", sous "Réseau"; "Préserver journal lors de la navigation" en vertu de "Console".
    • Ce travail est pour moi (Chrome 76), et il est l'activation de "Conserver les Journaux" quand il lance la fenêtre de popup' outils de développement.Cela peut être activé par moi d'avoir la Préserver Journal paramètre est activé?
    InformationsquelleAutor Konrad Piascik
  4. 11
    • Ajouter/mettre à jour le lien vers target="_self"
    • Cochez la case "conserver les journaux lors de la navigation" dans l'onglet Réseau.
    • Cliquez sur le lien et reçoit votre demande enregistré
    InformationsquelleAutor Sebastien Lorber
  5. 8

    Vous pouvez le faire de cette façon :

    1. set target="any_window_name" on voulait lien.
    2. cliquez sur ce lien une fois, pour ouvrir dans un nouvel onglet.
    3. Dans l'onglet ouvert, ouvrir les outils de développement.

    4. revenir à l'origine de la page, et cliquez sur le lien nouveau.

      Le résultat sera chargé dans déjà préparé fenêtre avec les outils de développement ouvert.

      Vous pouvez activer la fonction "préserver le journal" option dans outils de dev (voir Konrad Dzwinel excellente réponse) pour attraper les rediriger le trafic sur ce lien.

      Note : la plupart des gens familiers avec la cible du lien ∈ { _self,_blank,_parent,_top }. Mais en fait, n'importe quel nom peut être donné, cela va ouvrir une nouvelle fenêtre avec ce nom, et tous les clics sur des liens,des formulaires ou d'une fenêtre.ouvrir avec la même valeur cible sera ouvert dans une même fenêtre.
      lectures complémentaires - mdn : fenêtre.ouvert , mdn : <a> tag

    • Merci beaucoup pour cette astuce, je n'aurais jamais pensé à ça. Exactement ce dont j'avais besoin. À travers de multiples fenêtres (en Chrome au moins), si tous ceux qui lisent ceci veut voir comment se comporter deux pages en même temps.
    InformationsquelleAutor Michael L.
  6. 3

    Dans le cas de l'ouverture du lien ne redirige pas, vous pouvez ouvrir l'onglet Réseau dans l'onglet créer puis sur actualiser l'onglet.

    InformationsquelleAutor orgads
  7. 2

    Frapper rapidement F12 lorsque le nouvel onglet s'ouvre

    https://stackoverflow.com/a/13747562/660408

    Fonctionne pour moi quand j'ai moniteur télécharger Google Drive réponses

    InformationsquelleAutor gkiko
  8. 0

    * Avertissement: Posté par Développeur de HttpWatch *

    HttpWatch sur Windows pouvez enregistrer le trafic réseau généré lors d'un nouvel onglet google Chrome ou la fenêtre est ouverte par l'activation d'auto-enregistrement dans Outils->Options->Enregistrement. Dans la nouvelle fenêtre, cliquez sur le HttpWatch icône pour visualiser la trace réseau.

    La version gratuite fournira des informations de base telles que l'URL, code d'état, et le temps écoulé pour chaque demande.

    * Avertissement: Posté par Développeur de HttpWatch *

    InformationsquelleAutor HttpWatchSupport