console.log() pas pour la sortie HTML de jQuery sélection d'objet

Pour répondre à la question:

• Personne ne sait comment je peux revenir aux paramètres d'origine de Google chrome console?

Il n'y a pas de réglage pour l'ancienne sortie de la console.log(). Vous pouvez soit:

• déclasser le navigateur (utilisez une ancienne version de chrome ou solutions de rechange à base de chrome)
• remplacer console.log() en ajoutant votre propre function log()
• utilisation outerHTML, dans certains cas, ou de mettre à jour google chrome 25.0.1323.1 (dev channel) où la console.log($(#Sélecteur)[0]); retourne outHMTL de nouveau (voir ci-dessous).

Chrome 23/24: Sortie de la console.log() a changé parfois

Selon user916276 la sortie de la console.log(jQuery-Objet) a changé:

//output of console.log($jQuerObject) 
[<div class='element'></div>, ...] // in chrome <= 23
[<div>, context: <div>]            //in chrome 24

Utilisateur brentonstrine m'a fait prendre conscience du fait que mon contexte.outerHTML ne fonctionne pas toujours.

J'ai mis à jour mon code avec un nouvel exemple. Il semble que l'existence de jqObject.context.outerHTML dépend de la façon dont vous passez le jQuery-Objet à la fonction.
Je l'ai testé avec chrome dev channel (25.0.1323.1) et deux de chrome en fonction des versions (21, 22).

console.log($(this)); //old chrome versions 
//new chrome version >23
//if you pass this to the function see my getThis(_this) function
console.log($(this).context.outerHTML); 
//if you use a jQuery selector
console.log($(this)[0]);   //at least in chrome build 25.0.1323.1

Pour éviter les malentendus. Cette réponse est sur le changement de comportement de la rédaction d'un objet jQuery pour la inbuild console de la récente de google chrome navigateurs (version 24, 25).

Code source de Chrome

J'ai pris un coup d'oeil dans le code source de chrome changements à l'Console.cpp et dans le l'affichage de la timeline pour trouver des renseignements sur les changements dans la WebInspector. Je ne pouvais pas trouver le montant exact qui est responsable pour le changement de comportement de console.log(). Je suppose que cela a à voir avec les changements de ConsoleView.js, Deux, Trois. Si quelqu'un souhaite lancer que console.log() renvoie le même résultat que dans google Chrome, 21, 22, il pourrait soumettre un rapport de bogue. Cette deux bugs pourrait être utilisé comme un modèle pour placer la demande de modification.

La sortie est correcte que $(this) fait référence à jQuery de sélection de l'objet, pas le sous-jacent objet DOM(s).

Si vous souhaitez à la sortie de la raw de l'élément DOM(s), vous pouvez essayer ce qui suit:

 console.log( $( this ).get(0) ) 
 //Or just 
 console.log( this )

Ou vous pouvez aussi le faire:

 console.log( $( this ).html() )  

Par défaut , google chrome maintenant retourne un objet avec tous les détails concernant cet élément lorsque u est une console.log($(element)).

un exemple de ce à quoi il retourne en fait

  console.log($('input:first'));
  [<input>, prevObject: c.fn.c.init[1], context: #document, selector: "input:first"] 
  0: <input>
  context: #document
  length: 1
  prevObject: c.fn.c.init[1]
  selector: "input:first"
  __proto__: Object[0]

donc si u ne console.log($('input:first')[0]) u serait ur obtenir le Résultat désiré.

espère que cette aide

Mon montage de @brentonstrine la réponse a été rejeté, donc je vais faire une nouvelle réponse pour elle. Mais voir mon autre réponse sur cette page pour un solution encore meilleure.

Cette démo vous montre pourquoi nous nous soucions de la journalisation de cette nouvelle façon par rapport à la normale de la sorte...

//paste this whole block into the console of THIS PAGE and see a working demo!

var domlog = function(obj){ console.log.apply(console, obj); };

domlog($('#answer-13594327'));

//compare ^that^ to the normal element logging...

var normallog = function(obj){ console.log(obj); };

normallog($('#answer-13594327'));