Comment activer l'utilisation du trait de soulignement dans la console dans l'outil de développement Chrome?

Question

J'utilise Angular2 et de souligner,

import * as _ from 'underscore'; 

et je veux utiliser la bibliothèque underscore fenêtre de la console Chrome aussi. Même je casse au milieu du code, et essaie d'utiliser , mais j'ai l'erreur ' n'est pas définie'.

Est-il possible que je peux utiliser le trait de soulignement dans la fenêtre de la console Chrome? Comment?

Answer 1

Vous pouvez simplement le faire en ajoutant underscore.js scénario sur la tête de votre page:

1) Aller à Console Chrome de la page que vous souhaitez déboguer.

2) Exécutez ce script pour importer underscorejs afin que la console commence la reconnaissance _ commandes:

var s = document.createElement('script'); 
s.type = 'text/javascript'; 
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'; 
document.head.appendChild(s); 

Alternativement, vous pouvez enregistrer ce script d'importation Code dans un extrait pour un usage ultérieur:

Passez à source onglet, sélectionnez snippet su b-onglet, cliquez sur + pour ajouter un nouvel extrait, puis ajoutez le code suivant et enregistrez:

(function() { 
    if (typeof window.R === 'undefined') {  
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.src = 'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'; 
    document.head.appendChild(s); 
    } 
}()); 

De cette façon, chaque fois que vous avez besoin de déboguer une page en utilisant une bibliothèque externe, vous pouvez simplement l'ajouter en cours d'exécution son extrait de correspondant!