Modifier les fichiers JavaScript sur Google Chrome Developer Tools
Je sais comment utiliser JavaScript sur Google Chrome console.
Mais est-il possible de modifier les fichiers JavaScript de Google Chrome developer tools et voir les changements immédiatement? Si oui, comment?
J'ai essayé de changer le code, mais il n'a pas d'effet sur la page.
Drôle... ce qui a toujours travaillé pour moi, mais ne fonctionne pas maintenant pour une raison quelconque. Vous shuold il suffit d'éditer le code et appuyez sur ctrl+s jsfiddle.net/XpU6R/2 Vous devrez peut-être cliquez sur le joli bouton imprimer deux fois pour chrome pour vous permettre de le modifier
Récemment Chrome 25 est sorti, ils ont peut-être fait quelques changements? Ce n'est pas que je ne peux pas modifier le code, c'est plus de ne pas avoir un effet direct sur la page, ce qui serait l'idéal (tels que google Chrome le fait déjà avec la modification de la CSS)
Tenir également compte de la Workspaces fonctionnalité des versions récentes de Chrome.
Récemment Chrome 25 est sorti, ils ont peut-être fait quelques changements? Ce n'est pas que je ne peux pas modifier le code, c'est plus de ne pas avoir un effet direct sur la page, ce qui serait l'idéal (tels que google Chrome le fait déjà avec la modification de la CSS)
Tenir également compte de la Workspaces fonctionnalité des versions récentes de Chrome.
OriginalL'auteur GangstaGraham | 2013-02-25
Vous devez vous connecter pour publier un commentaire.
Vous pouvez modifier le javascript de la page. Vous avez dû faire un double clic dans l'ancienne version de google chrome, ou dans la version récente vous avez besoin de faire un simple clic dans le fichier js. Après cela, vous devez appuyez sur les touches Ctrl+S ou Cmd+S sur Mac.
Puis DevTools enverra le code modifié V8.
Si vous êtes dans une session de débogage et de rester sur une pause dans une fonction, vous pouvez modifier et après un Ctrl+S v8 de déplacer le point de l'exécution de la modification de la fonction de sorte que vous serez en mesure de passer à nouveau.
Voulez-vous dire s'exécute?
il y a "Enregistrer" et "Enregistrer sous..." des éléments dans le menu contextuel.
Tout cela ne répond toujours pas à la question entièrement, je vais vous donner une coche, même si je suis surpris de Chrome et les autres navigateurs n'ont pas cette capacité.
Changements pour les scripts sont exécutés uniquement à la période d'évaluation, ce qui signifie que les modifications du code qui n'est pas en cours d'exécution après le chargement de la page n'aura pas d'effet. Les changements apportés au code exécuté à un stade ultérieur, comme le passage de la souris gestionnaires ou cliquez sur les rappels d'événement peut toutefois être modifié et testé à la volée. developers.google.com/chrome-developer-tools/docs/...
OriginalL'auteur loislo
Vous pouvez redéfinir une fonction globale ou modifier la valeur d'une variable dans la portée, mais je ne suis pas au courant de toute façon dans le Chrome Dev Tools pour modifier votre code en direct. J'ai modifier, puis cliquez sur actualiser.
Vous pouvez vivre modifier le code CSS dans l'onglet Sources.
Pour info, vous pouvez le faire immédiate de l'édition de CSS dans Chrome via l'onglet Sources.
OriginalL'auteur jfriend00