Les outils de développement de Chrome sont excellents, mais une chose qu'ils ne semblent pas avoir (à ma connaissance) est un moyen de trouver la définition d'une fonction JavaScript. Ce serait super pratique pour moi, car je travaille sur un site qui comprend de nombreux fichiers JS externes. Bien sûr, grep résout ce problème, mais dans le navigateur serait beaucoup mieux. Je veux dire, le navigateur doit le savoir, alors pourquoi ne pas l'exposer ? Ce que j'attendais était quelque chose comme :
- Sélectionnez "Inspecter l'élément" dans la page, ce qui met en évidence la ligne dans l'onglet Éléments.
- Cliquez avec le bouton droit de la souris sur la ligne et sélectionnez "Aller à la définition de la fonction".
- Le script correct est chargé dans l'onglet script et il saute à la définition de la fonction.
Tout d'abord, cette fonctionnalité existe-t-elle et je ne la vois pas ?
Et si ce n'est pas le cas, je suppose que cela viendrait de WebKit, mais je n'ai rien pu trouver pour Demandes de fonctionnalités de l'outil du développeur o Bugzilla de WebKit .
3 votes
Une barre de recherche permet de rechercher le fichier actuel dans l'onglet scripts et vous pouvez jeter un coup d'œil au contenu d'une fonction en l'imprimant. Mais je suis maintenant curieux de savoir s'il existe un moyen de faire une recherche plus générale comme vous le souhaitez...
3 votes
Avec les Google Chrome Developer Tools, dans la fenêtre "Sources" Tap -> droite, vous avez la possibilité de définir des "Event Breakpoints".
1 votes
Dans mon cas, j'avais une variable définie sur une fonction inconnue. J'ai fait myvar.toString() et ça a donné : "function Object() { [native code] }" ce qui est tout ce que j'avais besoin de savoir.