2017-08-10 3 views
0

Dans le site Web medium si j'inspecte le bouton J'aime sur un article, je ne suis pas en mesure d'afficher les scripts js. (Je voulais voir le code de clickHandler.)inspecter/déboguer les scripts js chargés à partir d'un CDN

J'ai trouvé plus tard que les scripts provenaient d'un autre domaine (CDN). Pourquoi ne puis-je pas inspecter les fichiers js s'ils proviennent d'un autre domaine même s'ils sont en cours d'exécution?

J'utilise le chrome en passant.

Otez (discussion post):

  • Les événements peuvent bouillonner de l'enfant à nœuds parents.
  • Event Handlers peuvent être attachés au nœud parent et peut fait à des événements traités bouillonnait de nœuds enfants. (Délégation Event)
+0

Tous les fichiers javascript sont peut-être regroupés en un seul fichier. Parfois, les scripts sont minifiés pour gagner de l'espace pour le transfert. Dans tous les cas, vous avez le script qui est exécuté dans votre navigateur en local, il est donc toujours possible de trouver quelle action est exécutée. – rsommerard

Répondre

0

Tel que présenté here vous devriez être en mesure d'inspecter les gestionnaires d'événements de l'élément DOM à l'aide du chrome outils de développement. Très probablement, le code Javascript que vous trouverez est minifié, ce qui signifie qu'il est à peine lisible. (Mais chrome a aussi something for that, bien que vous ayez toujours à faire avec des noms de variables non-sens, etc.)

+0

oui, mais dans le cas des articles de taille moyenne, je ne trouve aucun gestionnaire d'événements. pl vérifier sur le site une fois. Je vous remercie. – Saikumarch

+0

Je peux voir certains gestionnaires d'événements click, voir [la capture d'écran] (http://imgur.com/a/CwH43). Je suppose que l'icône du cœur est le bouton similaire (je ne suis pas vraiment familier avec le moyen). Dans la partie droite de l'onglet de l'écouteur d'événement, vous pouvez voir les gestionnaires d'événements click. Lorsque vous cliquez dessus, cela vous amène à la source JS. – jjdoe

+0

mais aucun des gestionnaires de clic ne sont attachés au vote/comme btn droit? alors comment se passe l'appel ajax? – Saikumarch

0

Vous pouvez inspecter totalement le gestionnaire de clic à partir d'un CDN séparé. Merci à la nature ouverte du web, DevTools a accès à tout JS que la page télécharge et exécute.

  1. Aller à Sources et permettre Event Listener Breakpoints pour click événements.

    click event breakpoints

  2. Cliquez sur le bouton Comme sur Medium. DevTools s'arrête sur le code de l'écouteur d'événement.

    paused on click event handler

  3. Cliquez Format (près du bas de la Sources panneau) pour rendre plus facile à lire le fichier minified.