How to use Firebug on your iPad and iPhone

I web developer che utilizzano HTML5 sui vari iDevice possono trarre grandi vantaggi dall’avere Web Developer Tools o Firebug su Safari Mobile.
How to use Firebug on your iPad and iPhone

Specifiche sulla traduzione

Di seguito la traduzione dell’articolo “How to use Firebug on your iPad and iPhone” di Martin Kool.

Come usare Firebug sul tuo Ipad e Iphone

I web developer che utilizzano HTML5 sui vari iDevice possono trarre grandi vantaggi dall’avere Web Developer Tools o Firebug su Safari Mobile. Entra su Firebug Lite! Tuttavia iPad, iPhone e bookmarklet non vanno particolarmente d’accordo, quindi ho creato un piccolo prontuario. Tutti i credit per la creazione di Firebug vanno a Joe Hewitt.

I passi da seguire

  1. Naviga su questa pagina con il tuo iPad o iPhone e aggiungila ai preferiti.
  2. Rinomina il bookmark in “Firebug”. Come puoi vedere, l’URL al momento non è editabile.
  3. Premi sulla textarea (che compare nell’articolo)
  4. Premi di nuovo, scegli “seleziona tutto” seguito da “Copia”
  5. “Modifica” il bookmarklet Firebug, rimuovi l’URL e incolla il bookmarklet appena copiato.
  6. Clicca su “Vai” (sulla tastiera virtuale) ed è tutto pronto.
  7. Usare questo bookmarklet dovrebbe fornirti un Firebug completo delle sue funzionalità in fondo al “viewport” del tuo iPad o del tuo iphone:

[responsive]qIVla[/responsive]

Conclusioni finali con alcune raccomandazioni

Sicuramente un ottimo tool da utilizzare in particolari fasi di debug per la costruzione di siti orientati al mobile. Su iphone lo spazio non è granchè e si fa più fatica ad utilizzarlo. L’utilizzo su ipad è buono e si può interagire tranquillamente con tutte le sue funzionalità! Attenzione però ad alcune cose:

  • A volte potrebbe volerci un pò per aprirsi
  • Se state usando firebug su una pagina e chiudete il tool e cercate di riaprilo cliccando nuovamente sul bookmark, potrebbe non riaprirsi. Refresciate la pagina.
  • A volte potrebbe comparire nella parte destra del tool il messaggio “This element has no style rules”. Il wiki di Firebug lite illustra la causa del problema.
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github