Esta publicación forma parte de una serie de publicaciones de blog en las que se describen los cambios que estamos realizando en la arquitectura de DevTools y cómo se compila.
Cuando se crearon DevTools hace muchos años, el equipo decidió crear un framework de IU personalizado. Esta fue una opción razonable en ese momento y le ha servido bien a DevTools.
Sin embargo, desde entonces, se lanzaron varias funciones en la plataforma y una de ellas, Web Components, es ideal para compilar nuevos elementos de IU en DevTools. Si nos apoyamos en lo que proporciona la plataforma, podemos reducir en gran medida la cantidad de código de IU personalizado que tenemos que mantener y, en cambio, invertir más en la compilación de funciones para DevTools, en lugar de admitir infraestructura personalizada.
Para facilitar la transición, creamos una guía para compilar elementos de la IU en DevTools y compartirla con el equipo general de DevTools. Parte de la guía está diseñada a medida para DevTools y su arquitectura, que tiene su propio conjunto de restricciones, pero parte de ella son lineamientos genéricos sobre los enfoques que usamos para compilar, estructurar y probar componentes web.
Hoy, ponemos este documento a disposición del público en goo.gle/building-ui-devtools. Si alguna vez te preguntaste cómo se usan los componentes web en aplicaciones grandes del mundo real o algunos de los desafíos que conlleva la integración de componentes en una base de código grande y preexistente, este documento podría ayudarte y brindarte algunas respuestas. Si tienes alguna pregunta sobre nuestros lineamientos, escríbeme un tweet.
Descarga los canales de vista previa
Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de vista previa te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de plataformas web de vanguardia y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.
Comunícate con el equipo de Herramientas para desarrolladores de Chrome
Usa las siguientes opciones para hablar sobre las funciones nuevas, las actualizaciones o cualquier otro tema relacionado con DevTools.
- Envíanos tus comentarios y solicitudes de funciones a crbug.com.
- Informa un problema de DevTools con Más opciones > Ayuda > Informar un problema de DevTools en DevTools.
- Twittea a @ChromeDevTools.
- Deja comentarios en los videos de YouTube sobre las novedades de DevTools o en los videos de YouTube sobre sugerencias de DevTools.