Win10 9926 nueva versión de F12 desarrollador herramientas introducción

A fines de enero de 2015, Microsoft lanzó oficialmente la versión preliminar de Win10 9926. Las características mejoradas son realmente muchas. Pero algunas mejoras se utilizarán menos, como la herramienta de desarrollo F12, que prueba y depura las páginas web. ¿Qué mejoras de las nuevas herramientas de Developer F12 lo tienen?

En primer lugar, las mejoras generales de interfaz de usuario

A pesar del cambio en diciembre de 2014, como una extensión hizo ningún ajuste, pero estos cambios son Muy practica Las mejoras anteriores ahora se han adoptado como el estándar para la herramienta Win10 Preview 9926, y se ha agregado la función de zoom, que permitirá una mayor edición de partículas.

En segundo lugar, el depurador

Agregó la función de punto de interrupción XHR, que se puede controlar desde el panel " punto de interrupción ". También se incluye el soporte del mapa de recursos CSS, por lo que los archivos LESS y SASS se pueden importar directamente sin la necesidad de generar automáticamente archivos CSS. La herramienta de impresión ordenada ahora también es compatible con HTML y CSS, y puede activarse a través del botón " impresión ordenada ".

Tercero, la consola

La consola ahora tiene una nueva función llamada "" Ver en el Explorador de DOM". Esto permitirá al usuario moverse rápidamente desde el elemento DOM seleccionado por la herramienta de consola al nodo del administrador de recursos DOM, lo que hace que la operación sea más conveniente. No solo eso, sino que los errores de red ahora se pueden mostrar directamente en la consola.

Cuarto, Respuesta de UI

La herramienta Analyzer ya no es una entidad separada, sino que es una herramienta de respuesta de UI. Esto significa que el usuario no tiene que cambiar de herramientas durante el uso. El analizador actual cambia su nombre a "Pila de llamadas JavaScript", que es una función de la herramienta de interfaz de usuario correspondiente. La respuesta de la IU y las herramientas de memoria también hacen que el DOM Explorer sea más poderoso, lo que facilita el trabajo con elementos DOM.

Quinto, herramientas de red

La mejora visual de las herramientas de red es más obvia, y la interfaz es más simple y limpia. Esto hace que la experiencia laboral sea tanto de novato como de veterana.

La ubicación de las Herramientas de desarrollo F12 se encuentra en la herramienta del navegador Win10 9926 IE, que también se puede abrir con la tecla F12. Con las herramientas de desarrollo F12, puede depurar, probar y acelerar sus páginas web. Ya sea que necesite ajustar su diseño CSS o encontrar una pérdida de memoria, puede encontrar herramientas de ayuda aquí.