para - depurar javascript chrome

Edición de Javascript usando las herramientas de desarrollo de Chrome

Question

Estoy tratando de editar javascript en un sitio usando las herramientas para desarrolladores de Chrome. He leído aproximadamente 30 cuentas de cómo hacerlo y he visto algunos videos. El hecho es que cuando voy a la pestaña de fuentes y abro el archivo que quiero editar, no puedo hacer nada. ¿Hay algún paso que me estoy perdiendo?

Puedo crear puntos de ruptura, paso a paso, etc. No puedo editar. ¿Se eliminó esta funcionalidad recientemente?

Answer 1

No sé si necesita esto para guardar de forma permanente, pero si necesita modificar temporalmente el js:

Puedo copiar ese javascript que deseo modificar en un editor de texto, editarlo, luego pegarlo en la consola y redefinirá cualquier función o lo que sea que necesite redefinir.

por ejemplo, si la página tiene:

<script>
var foo = function() { console.log("Hi"); }
</script>

Puedo tomar el contenido entre el script, editarlo, luego ingresarlo en el depurador como:

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

y funcionará para mí.

O si tienes,

function foo() {
doAThing();
}

Solo puede ingresar

function foo() {
doSomethingElse();
}

y foo será redefinido.

Probablemente no sea la mejor solución, pero funciona. Durará hasta que recargues la página.

Answer 2

Puede editar javascript en las herramientas de desarrollador en la pestaña "Fuentes", PERO solo le permitirá editar javascript en su propio archivo. El script incrustado en un archivo HTML (o PHP) seguirá siendo de solo lectura.

Answer 3

Sé que esta pregunta es obsoleta, pero acabo de tener un problema similar y encontré la solución.

Si tiene el archivo embellecido, Chrome no permitirá las ediciones. Lo apagué y pude editar. Dispuesto a apostar esto es / era su problema.

Answer 4

Tiene algunas limitaciones:

1. tiene que ser un archivo JS. no se pueden incluir etiquetas en una página html.

2. no puede ser embellecido