blog.pauloasilva.com

Category Archives: (x)html

Páginas estáticas em WordPress

Para quem usa wordpress como framework/plataforma de desenvolvimento e costuma brigar com o editor WYSIWYG para criar páginas (pseudo)estáticas, cá vai uma ajuda. read more »

Safari Web developer tools

Apesar do post onde relato a excelente experiência com Opera Unite, enquanto developer contínuo a lidar com os vários browsers: Firefox, Safari e agora Opera.

O  Firebug é um add-on para Firefox imprescindível para qualquer developer que permite a edição, debug e monitorização de CSS, HTML e JavaScript em tempo real e em qualquer página.

Usando o Firefox como referência no desenvolvimento, o Firebug é a ferramenta perfeita (ou muito perto disso) particularmente para debug de JavaScript.

No entanto quando lidamos com implementações particulares de JavaScript, como é o caso do objecto XMLHttpRequest, surge a necessidade de analisar o comportamento do nosso código nos vários browsers. Portanto pretendemos algo semelhante ao Firebug para Safaria e Opera.

Para o primeiro, Safari, o caso é simples: o pessoal da Apple deixou um mimo “escondido”. Para o activar basta abrir um terminal e executar o seguinte comando (todas as instâncias do Safari devem ser fechadas):
defaults write com.apple.Safari IncludeDebugMenu 1
A partir daqui ficará disponível um novo menu: “Develop”, com um vasto leque de opções incluindo o debugger de JavaScript.

No caso do Opera Unite não é necessário qualquer tipo de mágica: basta aceder aos menus Tools > Advanced > Developer Tools.

Safari Developer Tools

Safari Developer Tools

Opera Developer Tool

Opera Developer Tool