Très court astuce: journal d'objets JavaScript

Si vous êtes à se développer dans un environnement où il est impossible d'utiliser les outils de débogage comme Firebug , tels que l'iPad d'Apple Xcode simulateur, il peut devenir frustrant pour identifier les problèmes, un tout faux l'accès aux propriétés d'un objet. Ici, l'utilisation de la œuvres alert() devient cruciale! Cependant effectuer un:

1
object ) ; alerte (objet);

vous n'obtenez pas beaucoup d'informations, en effet!
Si, comme moi, vous avez développé une application iPad avec l'utilisation de l'objet UIWebView , je vous propose donc un tour / snippet utile peut être utilisée dans n'importe quel contexte:

1
2
3
4
5
6
7
obj ) { fonction debugObject (obj) {
'' ; var output ='';
property in obj ) { pour (propriété obj) {
': ' + obj [ property ] + '; \n ' ; sortie + = bien + ':' + obj [property] + '\ n';
}
output ) ; alerte (sortie);
}

Il existe également des variantes de la plus facile à surmonter le problème, mais pas tous les environnements et circonstances prennent en charge, tels que:

1
2
/ / Ne fonctionne pas sur Safari / WebKit
; . objet toSource ();

Ou utiliser la console:

1
2
/ / Uniquement présent si la console - voir FireFox + Firebug
object ) ; . console log (objet);

One Response to: ""

  1. 9 septembre 2011 Giovan Battista Fazioli :

    Variante utile (avec jQuery), si au sein de notre page HTML insérer un:

    1
    "console" >< / div > < div id = "console"> </ div >

    nous pouvons utiliser la variante:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    str ) { fonction console (str) {
    typeof ( str ) == 'object' ) { if (typeof (str) == 'object') {
    '' ; var output ='';
    property in str ) { pour (propriété str) {
    ': ' + str [ property ] + ';<br/>' ; sortie + = bien + ':' + str [propriété] + '; <br/>';
    }
    str = sortie;
    }
    ) . html ( '<pre>' + str + '</pre>' ) ; . $ ('Div # console') HTML ('<pre>' + str + '</ pre>');
    }

    Ensuite, en utilisant comme ceci:

    1
    ; // Oppure stringa... console (myObject) / / ou une chaîne ...

Laisser un commentaire

TAG XHTML PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> entrée du code:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL