La barra de Chris Pederick’s para el desarrollo web, mi nuevo aliado.
Desde que instalé la barra de Chris Pederick’s para el desarrollo web mi experiencia para depurar páginas web ha sido otra. Esta barra de herramienta se ha convertido en mi mano derecha para depurar hojas de estilo, código html y xhtml, además funciona para validar, elimina las imágenes, desabilitar el JavaScript etc, etc. Aquà te dejo con todas las funciones.
| Disable | Delete Domain Cookies |
| Disable Cookies | |
| Disable Images | |
| Disable Java | |
| Disable JavaScript | |
| Disable Page Colors | |
| Disable Referrer Logging | |
| Disable Styles | |
| Forms | Convert GETs To POSTs |
| Convert POSTs To GETs | |
| Display Form Details | |
| Enable Auto Completion | |
| Show Passwords | |
| View Form Information | |
| Images | Display Image Dimensions |
| Display Image Paths | |
| Find Broken Images | |
| Hide Images | |
| Make Images Invisible | |
| Outline Images Without Alt Attributes | |
| Outline Images Without Title Attributes | |
| Replace Images With Alt Attributes | |
| Information | View Cookie Information |
| View CSS | |
| View Page Information | |
| View Response Headers | |
| View Speed Report | |
| View Style Information | |
| W3C Documents | |
| Miscellaneous | Add User Style Sheet |
| Clear Cache | |
| Clear HTTP Authentication | |
| Edit CSS | |
| Open Java Console | |
| Open JavaScript Console | |
| View ID & Class Details | |
| Visited Links | |
| Zoom | |
| Outline | Outline Block Level Elements |
| Outline Deprecated Elements | |
| Outline Frames | |
| Outline Links Without Title Attributes | |
| Outline Table Cells | |
| Outline Custom Elements… | |
| Resize | Display Current Size |
| Custom Size… | |
| Validation | Validate CSS |
| Validate HTML | |
| Validate Links | |
| Validate Section 508 Accessibility | |
| Validate WAI Accessibility | |
| Validate Local CSS | |
| Validate Local HTML | |
| Custom Validator | |
| View Source | View Source |
| Options | Persist Styles |
| Reset Page | |
| Options… | |
| Uninstall Web Developer | |
| About Web Developer |
Una de las opciones que más útil ha sido es la de “Outline Block Level Elements”. Esta opción marca con un ligero borde a color todos los elementos bloques del documento. Este nos permite ver con más rapidez algún error que pudiera haber en nuestro documento al momento de crear plantillas utilizando solo <div> o cuando haya un elemento fuera de lugar en nuestro diseño. El creador de esta herramienta verdaderamente es un genio.
Mayo 25th, 2004 at 4:55
Aunq nunca comento, paso por aquí todos los días. Me parece muy interesante todo lo q escribes, más q nada pq no caes en el rol de repetir/copiar/hacer trackback de otros grandes del mundillo.
Y esta barra creo q me vendrá muy bien. Gracias
Mayo 25th, 2004 at 13:29
Gracias por tu comentario Anla. Me alegra saber que el tiempo invertido en este pequeño blog no es en vano. ¡En hora buena!
Mayo 25th, 2004 at 15:17
Que tal Jaime. Al igual que Anla yo tambien paso por aqui muy seguido(casi todos los días) pero no comento mucho que se diga…
Pero creo que estas haciendo una gran labor, segui adelante, tratas temas de mucho interes.
Mayo 26th, 2004 at 2:41
Que tal Jaime. Esta barra es realmente una joya, y vale su peso en oro!
Gracias por compartirla.
Hasta luego.
Mayo 26th, 2004 at 12:10
Ya probe un poco la barra y la verdad es una maravilla! Gracias por compartir la info.
Mayo 26th, 2004 at 17:03
Buenas,.. que pasaba yo por aquí, vengo enlazando del blog de Anla (que por cierto, te podia haber trackbackeao (eh, Anla :P) y que quería agradecerte el descubrimiento.
Si que tiene cosillas útiles la barrita, sí.. una de ellas, muy tonta, es la de “reset page”, que nunca terminaba yo de saber como se cargaban mis paginas compeletas desde 0…
Mayo 26th, 2004 at 17:26
[…] 217;t fallen in role of copy-link others blogs with similars contents. Today, I advise you this post. He talk about a purge code bar for firefox (yes, another plugin) very usef […]
Diciembre 7th, 2004 at 21:42
[…] res web
Bajo el tema de: Diseño Web — James @ 5:42 pm
¿Se acuerdan de la barra de Chris Pederick’s? Ahora añado a mi lista de ayudas Juicy Studio. E […]