Sé que puede usar Firebug en la vista DOM para editar variables de JavaScript PERO ... ¿hay alguna manera que pueda usar (cualquier otra cosa) para editar JavaScript activo que esté incrustado en una página HTML?Editar bloques de JavaScript de la página web ... en vivo
Como este tipo que se encuentra en una página html:
<script type="text/javascript>
// code here
</script>
Gracias.
Desde el Wikipedia entry
Un bookmarklet es un applet, una pequeña aplicación informática, se almacena como la dirección URL de un marcador en un navegador web o como un hipervínculo en una página web. El término es un acrónimo de los términos marcador y applet. Si las utilidades de marcador se almacenan como marcadores o hipervínculos, están diseñadas para agregar funcionalidad de un clic a un navegador o página web. Al hacer clic, un bookmarklet realiza alguna función, una de una amplia variedad, como una consulta de búsqueda o extracción de datos. Por lo general, el applet es un programa de JavaScript.
Y como una nota relacionada no tratar de spam o nada he creado un bookmarklet generator que me ayude a crear bookmarklets más fácil.
Muy bien, acabo de volver a leer la pregunta, tal vez los bookmarklets no son lo que buscas, puedes probar http://jsfiddle.net/, pero no estoy seguro de que eso * haga exactamente * lo que quieras tampoco . – zzzzBov
Me refiero a ir a una página web diferente y edité SUS bloques de JavaScript. – nn2
Google Chrome y Opera también tienen un editor DOM decente. Firebug es mi herramienta preferida para editar en vivo otras páginas. * sí, sé que solicitó otras opciones * – zzzzBov
Eloquent javascript tiene una ventana de tipo consola en la parte inferior (haga clic en la flecha pequeña en la parte inferior derecha). Esto podría ser lo que estás buscando. El término exacto para lo que quiere decir es un REPL, un ciclo Read-Evaluate-Print.
Bueno, no podrá editar código JavaScript que se haya cargado en su navegador, excepto con la ayuda de ese mismo navegador. Eso básicamente significa a través de un complemento y no conozco ningún complemento que no sea FireBug que te permita hacer eso.
¿Existe alguna razón específica por la que no pueda/no quiera utilizar FireBug?
Esto no es necesariamente cierto. Uno podría usar un elemento de entrada estándar (por ejemplo, un área de texto) para ingresar el código. A continuación, utilice la función javascript 'eval()' para ejecutarlo, proporcionando de manera efectiva una consola. – Exelian
Firebug en sí tiene una versión "lite" que no depende de los complementos. Si examina el código fuente de eso, puede averiguar cómo implementar un gran subconjunto de la funcionalidad Firebug.
Chrome también tiene una ventana de consola que puede ser activado una vez que se inspeccione el elemento (o página). Desde allí puedes escribir javascript simples. Incluso tiene un depurador bastante decente.
Firebug tiene una consola (la primera pestaña de la ventana Firebug) donde puede escribir el código JS y ejecutarlo en la página actual. Supongamos que la página web tiene definida una función llamada myFunc y desea anularla: la ejecución de lo siguiente en la consola hará el truco.
myFunc = function(/* function arguments here */) {
/* new function body here */
}; /* notice the ; */
y ver el la versión actual de una función que puede ejecutar
uneval(myFunc);
esto mostrara la corriente myFunc
nota: Creo que por defecto la consola viene con una cuadro de entrada de una sola línea, pero en alguna parte de las opciones puede cambiar a un cuadro de entrada de varias líneas. Cuando está en línea múltiple, va a una nueva línea, + ejecuta el código.
Si va a Herramientas/Herramientas de desarrollador en Chrome, encontrará un espacio donde puede cambiar todo el código de html, a javascript y CSS, en vivo en su navegador. Obviamente, no genera un cambio real en la página, tal como lo ve, ya que solo se puede editar para el administrador del sitio web
Si desea que se apliquen cambios reales, puede usar Opera. Opera permite la edición de archivos en línea JS y JS. Después de volver a cargar la página suavemente, se aplicarán los cambios. Haga clic con el botón derecho> Fuente> Realizar cambios> Aplicar cambios. – XP1
Puede editar etiquetas de guiones en línea con la vista HTML de Firebug. Simplemente seleccione la etiqueta del script, y luego presione el botón "Editar". Después de editar, presione el botón "Editar" nuevamente para aplicar los cambios.
Aún no se ha mencionado el complemento de Firefox 'Greasemonkey. De esa manera puede almacenar, reutilizar y compartir sus scripts. No estoy 100% seguro de que pueda ejecutar su código en el mismo ámbito que el código de la página OOTB. Sin embargo, aún es posible insertar etiquetas de script arbitrarias.
Puede usar Opera 12. Opera 12 permite la edición de archivos en línea JS y JS. Después de volver a cargar la página suavemente, se aplicarán los cambios. Haga clic con el botón derecho> Fuente> Realizar cambios> Aplicar cambios.
Puede usar Opera. Opera permite la edición de archivos en línea JS y JS. Después de volver a cargar la página suavemente, se aplicarán los cambios. Haga clic con el botón derecho> Fuente> Realizar cambios> Aplicar cambios. – XP1