Chrome DevTools recherche tous les fichiers javascript dans le site Web

Je suis en train de travailler sur un nouveau site du client qui se charge de Javascript à partir d'un CA de sorte que le Javascript n'est pas incorporé ou en ligne avec la page web de la source. Je voudrais m'arrêter à chaque fois que getCurrentPosition() est exécutée afin de déterminer les fichier JS externe elle est contenue dans.

Je me rends compte que je pouvais utiliser d'autres outils pour faire une chaîne de recherche à travers le contenu de la JS fichiers, mais je préfère les garder pour google Chrome, des outils de débogage.

Devrais-je essayer de créer une montre expression ou est-il une autre façon de déterminer quand et où un certain JS fonction est tiré?

source d'informationauteur sparecycle

30

Vous pouvez effectuer la recherche dans tous les fichiers à l'aide de Chrome DevTools. Trouvez votre fonction et le débogage:
1. Ouvrir DevTools (F12)
2. Aller à l'onglet sources de
3. De la Recherche ouverte Tous les Fichiers en appuyant sur ctrl + shift + f (Win) ou cmd + option + f (Mac)
4. De recherche getCurrentPosition
5. Mettre un point d'arrêt (En cliquant sur le numéro de ligne à gauche de la ligne)
5
1. Ouvrir Google outils de Dev(F12)
2. Appuyez sur Ctrl + p
Dans l'ouverture de la boîte de recherche de tous les fichiers(JS, CSS, ...).

Dans la boîte que vous avez 5 options:
1. Type "nom de fichier" et sélectionner.
2. Type": linenumber " pour aller à numéro de ligne spécifique(':10' aller à la ligne 10).
3. Type 'symbole' @' aller symbole spécifique('@TestSymbol' aller à TestSymbol symbole).
  
  Dans cette option, si vous écrivez @JSFunctionName ou @CSSClassName ensuite le curseur
  naviguer vers le JSFunctionName ou la CSSClassName.
4. Type '!extrait de' aller spécifiques extrait de('!snippetTest' aller à snippetTest extrait).
5. Type ">googleCommand " pour aller à commande spécifique (">Clear console' effacer la console).
Utilisation des options 2 à 5 sélectionnez un fichier.
0

Une façon serait de remplacer le Geolocation.getCurrentPosition méthode avec une fonction wrapper de sorte que vous pouvez définir un point d'arrêt à l'intérieur, et ensuite examiner la pile pour voir qui est de l'appeler.
0

Si vous savez où dans le code de la méthode est appelée, vous pouvez définir des points d'arrêt. Cela permettra de mettre en pause l'exécution de javascript en cours d'exécution, vous permettent d'obtenir une trace de la pile.
0

Vous pouvez trouver toutes les informations dont vous avez besoin sur la page web: https://developer.chrome.com/devtools/docs/javascript-debugging

En mettant simplement (copié à partir de la page web)
Ouvrir un site comme Google Fermeture hovercard page de démonstration ou de la TodoMVC
1. Ouvrir un site comme Google Fermeture hovercard page de démonstration ou de la TodoMVC Angulaire application
2. Ouvrir les DevTools fenêtre.
3. Si elle n'est pas déjà sélectionné, sélectionner les Sources.
Débogage avec des points d'arrêt

Un point d'arrêt est un intentionnelle arrêt ou de suspension place dans un script. Utiliser les points d'arrêt dans les DevTools de débogage du code JavaScript, DOM mises à jour, et les appels réseau.

Ajouter et supprimer des points d'arrêt
Dans le panneau des Sources, ouvrir un fichier JavaScript pour le débogage. Dans l'exemple ci-dessous, nous débogage de l'todoCtrl.js fichier à partir de la AngularJS version de TodoMVC.

Cliquez sur la ligne de gouttière pour définir un point d'arrêt pour la ligne de code. Une balise bleue indique si un point d'arrêt a été définie:

Avec l'exemple simple ci-dessus, vous pouvez réellement "stop" de la fonction getCurrentPosition() et de débogage.

Vous devez vous connecter pour publier un commentaire.