¿Cómo puedo ver todos los cambios que he hecho uso de herramientas para Desarrolladores de Chrome?

Ejemplo:

  1. abrir un sitio web.
  2. abrir Chrome Developer Tool.
  3. cambiar el estilo atributo de una etiqueta.
  4. agregar nuevo estilo a algún archivo css.
  5. de cambio de una función de JavaScript.

Cómo ver los cambios? Algo así como:

    page.html:56 Change style attribute of foo to bar.
    page.css:21 Lines added: 21,22,23,24.
    page.js:12 Line modified.
InformationsquelleAutor MaciejLisCK | 2014-07-29

3 Comentarios

  1. 14

    Así, las modificaciones locales de trabajo para los cambios a los archivos que hacer, pero no le ayudará si usted agregar estilos en línea o cambiar su DOM de alguna manera.

    Me gusta usar un método donde puedo capturar el DOM antes y después de mis cambios.

    copy(document.getElementsByTagName('html')[0].outerHTML)

    Que coloca el estado actual de la DOM en el búfer de copia.

    Pegar esto en la columna de la izquierda de una herramienta de comparación como vimdiff, http://www.mergely.com/ o Meld.

    Luego de terminar mis modificaciones y ejecutar el comando copiar de nuevo. Me pega que en la columna de la derecha de la herramienta de comparación, a continuación, puede ver mis cambios.

    Mostrar todos los cambios realizados a través de Herramientas para Desarrolladores de Chrome

    Artículo completo aquí: https://medium.com/@theroccob/get-code-out-of-chrome-devtools-and-into-your-editor-defaf5651b4a

    • oh, supongo que si no se recuerda hacerlo antes, usted puede simplemente copiar(html) y, a continuación, vuelva a cargar la página y copiar de nuevo. Gracias
  2. 9

    Puede que desee probar el Modificaciones Locales característica:

    La DevTools también mantiene un historial de revisión de todos los cambios realizados
    los archivos locales. Si has editado una secuencia de comandos o de la hoja de estilos y guarda los cambios
    el uso de las Herramientas, usted puede hacer clic derecho en un nombre de archivo de Fuentes (o
    dentro del área de la fuente) y seleccione «Local» modificaciones a la vista de este
    historia.

    Mostrar todos los cambios realizados a través de Herramientas para Desarrolladores de Chrome

    Modificaciones locales del panel aparecerá mostrando:

    • Un resumen de los cambios
    • El momento en que el cambio se hizo en
    • El dominio bajo el que un archivo ha cambiado
    • Gracias por responder, pero esta es la respuesta parcial que yo era consciente antes. Como puedo modificar varios archivos que me gustaría ver todos los archivos de modificaciones en una lista de modificación de la historia.
    • Esto tampoco es muy completo, ya que sólo muestra lo que ha cambiado, y no se donde (excepto para los números de línea). También es una línea de tiempo, no la cambio final – así que si usted cambia un parámetro en varias ocasiones, aparece varias veces así.
    • Hay realmente ninguna manera de ver a un combinado de diff, en lugar de una serie de cambios individuales?
    • Esto funciona para ver lo que ha cambiado… pero no todos los cambios necesariamente que sea el estado final del documento. Así que si usted hace un montón de cambios que va a tomar un tiempo para encontrar el estado final de cada elemento. Sería más fácil si todos los cambios que se presentaron en el inspector de la hoja de estilo.

Dejar respuesta

Please enter your comment!
Please enter your name here