¿Alguien puede decirme cómo las herramientas para desarrolladores de Chrome área de trabajo de las asignaciones de trabajo.
Creo que sólo está disponible en Canarias en el momento.

Pensé que se supone que me permita hacer cambios a las reglas CSS de los elementos de la vista y los tienen guardados automáticamente a los archivos locales como se ha demostrado por Paul Irish en el Google IO 2013. Yo no puedo conseguir esta funcionalidad para el trabajo.

https://developers.google.com/events/io/sessions/325206725

InformationsquelleAutor Mike | 2013-05-19

2 Comentarios

  1. 54

    Funciona sólo en canarias en el momento.

    EDIT: Ahora en Chrome (desde ver+ de 30)

    1) usted necesita para abrir devtools panel de ajustes. Se ha ‘espacio de trabajo’ de la sección.

    Herramientas para desarrolladores de Chrome asignaciones de espacio de trabajo

    2) en esta sección usted necesita para hacer clic en «Añadir carpeta» artículo. Se mostrará el diálogo de selección de carpeta.

    3) Después de seleccionar una carpeta, usted verá una barra de información acerca de los derechos de acceso para la carpeta.

    Herramientas para desarrolladores de Chrome asignaciones de espacio de trabajo

    4) Como resultado, usted va a ver dos de los principales elementos de nivel en el panel Origen de selector de archivos del panel. En mi caso fueron localhost:9080 sitio y devtools local de la carpeta del sistema de archivos. En este momento usted necesita para crear una asignación entre los archivos del sitio y de los archivos locales. Lo puede hacer desde el menú contextual de un archivo.

    Herramientas para desarrolladores de Chrome asignaciones de espacio de trabajo

    No importa lo que el archivo de mapa local o en el sitio archivo.

    5) en ese momento devtools le preguntará acerca de reiniciar.
    Herramientas para desarrolladores de Chrome asignaciones de espacio de trabajo

    Después de reiniciar devtools le mostrará el singe entrada de carpeta en el panel de archivos, y se aplicará a todos los cambios que usted hace para el archivo local cada vez cuando se presiona Ctrl + S o Cmd + S en mac.

    • Debería haber explicado que hice todos los pasos anteriores y aún no estaba trabajando cuando yo estaba usando «codeavengers.com» como mi servidor. («codeavengers.com» se asigna a localhost en mi archivo hosts de windows). Cuando me cambié a usar localhost en mi url funcionó como se describió anteriormente. Sin embargo, la depuración de JavaScript parecía que dejar de trabajar.
    • He optado para instalar la extensión de Chrome Tincr. Hasta ahora funciona muy bien. addyosmani.com/blog/…
    • Usted necesita comprobar cuidadosamente que se aplica la asignación. Podría suceder que la estructura de tu sitio no refleje la estructura de carpetas. También es necesario tener dos asignaciones para dos url, uno de local y otro para codeavengers.com. Si devtools no puedo asignar un archivo local a un archivo del sitio, entonces no se puede establecer un punto de interrupción dentro de ella.
    • Ahora parece ser normal, Chrome versión. Estoy ejecutando la versión 30.0.1599.101
    • He tenido un problema similar con la depuración de… funcionó por un tiempo, entonces de repente se detuvo. Hizo Tincr Solucionar este problema?
    • Es posible hacer esto de una carpeta, en lugar de un único recurso?
    • Cuando se asigna un recurso DevTools en realidad mapas de todo.
    • Con el fin de obtener depuración de JavaScript de trabajo sin la extensión, tuve que quitar la versión números que se anexa al final de javascripts archivos después ?. Ahora solo me anexar los números de versión cuando podemos construir y desplegar una nueva versión. La versión local excluye a los números de versión.
    • Eso es exactamente lo que me pasa a mí, yo tengo build #s que se adjunta al final de la JS ?v=1.2.3 causando problemas. Gracias man
    • Hoy en día todo el mundo utiliza todos los tipos de compiladores para css y js – brújula, sass, babel, webpack, browserify, etc, etc, etc. Yo uso comapss, por ejemplo. Tiene sólo un main.scss archivo que incluye todo lo necesario _partials.scss archivos. Ahora pls me dicen ¿cómo puedo mapa de mi main.scss (o lo que sea .scss archivo no sé que uno, lo que sea) para habilitar esta Chrome Devtools característica? O no funciona con los compiladores, sólo con plain vanilla .css?

  2. 4

    Sólo una corrección en lo que loislo ha dicho.
    «Sólo funciona en canarias en el momento.»

    Puede desencadenar todas estas experimental características estable de chrome versiones escribiendo
    Chrome://flags en la barra de direcciones.

Dejar respuesta

Please enter your comment!
Please enter your name here