Google Chrome: Comment éditer des fichiers JavaScript / CSS et prévisualiser les modifications sans recharger?

Je veux apporter des modifications via l'onglet sources dans Inspect Elements et je veux voir un aperçu rapidement sans rafraîchir le navigateur.

Y a-t-il un moyen de le faire?

Par exemple, en JavaScript, j'ai une variable:

var abc = 'xyz';

Mais via l'onglet Sources, je suis arrivé à mon fichier de script et j'ai changé le code:

var abc = 'hello world';

Maintenant, si j'essaie alert(abc) alors, affichera-t-il les derniers changements? Je ne veux pas rafraîchir pour voir ce changement.

Y a-t-il une sorte de possibilité ou plugin qui peut le faire? Parce que parfois, c'est un gain de temps très important. Par exemple, chaque fois que je teste, je dois faire beaucoup d'étapes pour voir une valeur ou une réponse. Donc, pour faire un changement mineur, je dois le changer dans le fichier d'origine et l'actualiser à nouveau pour le voir et de cette façon, je dois toujours suivre le processus complet qui perd beaucoup de temps.

demandé sur