Blog

Phoenix - estensione per Firefox - rilasciata

webmaster: 05/05/09 @ 09:35
Come forse saprete, sto sviluppando un'estensione per Firefox e il 29 di Aprile ne ho rilasciato la prima versione pubblica sul sito di Mozilla.

Phoenix è un'estensione mirata agli sviluppatori, è un tool di sviluppo e debug per CSS, HTML e JavaScript. Phoenix vi tiene informati di quanti file CSS e JS una pagina carica e quanto questi pesano. Con un click potete poi easminare il contenuto di questi file - incluso il codice HTML e il codice HTML generato dinamicamente. Il codice può essere formattato per una più facile lettura e presto sarà disponibile il syntax highlighting. Nel caso di JavaScript offuscato Phoenix vi permette di fare l'unpacking del codice. Potrete poi modificare il codice e reinserirlo nella pagina corrente in modo da vederne gli effetti immediatamente.

Questo vuol dire che qualsiasi modifica effettuata al CSS o all'HTML sarà immediatamente visibile sulla pagina, senza bisogno di ricaricarla, mentre il codice JavaScript sarà eseguito immediatamente.

Se lavorate in locale è invece possibile modificare un file JS o CSS sul vostro PC e chiedere a Phoenix di rinserirlo dinamicamente nella pagina: funzione molto comoda qando si effettua il debug di una pagina AJAX.

Chi volesse provarla la può trovare qui:
https://addons.mozilla.or ... n-US/firefox/addon/11708/

Commenti: 24


I commenti dei lettori:

webmaster webmaster il 10 Maggio 09 @ 14:25 pm

rilasciata la versione 1.1.0 che introduce il syntax highlighting:
https://addons.mozilla.or ... n-US/firefox/addon/11708/

Michelangelo Michelangelo il 11 Maggio 09 @ 19:13 pm

Sto usando con soddisfazione l'estensione da qualche giorno. E il syntax highlighting la rende ancora più interessante e funzionale.
Noto anche con piacere che ora la finestra è ridimensionabile semplicemente (prima ero riuscito solo con l'opzione apposita).
Ma mi pare che ancora non funzioni il comando Exit nel menu File... piccolezze.
Comunque, complimenti ancora per l'ottima estensione, che è unica - soprattutto nell' unpack del javascript.

webmaster webmaster il 11 Maggio 09 @ 19:16 pm

grazie per la segnalazione michelangelo. non mi ero proprio accorto di non aver attivato il comando exit. provvedo subito e aggiorno

webmaster webmaster il 11 Maggio 09 @ 22:55 pm

ho appena rilasciato la versione 1.1.1 che sistema il bug da te indicato michelangelo

Dylan666 Dylan666 il 14 Maggio 09 @ 15:40 pm

Se cerchi l'ottimizzazione più spinta e usi spesso le PNG dai un'occhiata a questo:
http://entropymine.com/jason/pngrewrite/

Dylan666 Dylan666 il 14 Maggio 09 @ 15:41 pm

sorry, ho sbagliato articolo :-)

Kyoshin Kyoshin il 15 Maggio 09 @ 12:47 pm

Ciao Webmaster, sto testando la tua estensione ed ho riscontrato che la console degli errori me
ne segnala due inesistenti, uno relativo alla prima linea del file CSS e uno relativo a quella del
file Javascript, cosa che invece non accade quando Phoenix non è installata, quindi sono
propenso a pensare che si tratti di un bug: quando puoi dagli un occhio. ;)

P.S.: Comunque veramente un lavoro ben fatto, complimenti!

webmaster webmaster il 15 Maggio 09 @ 12:50 pm

grazie kyoshin, mi potresti mandare uno screenshot via email per favore?

Kyoshin Kyoshin il 18 Maggio 09 @ 13:17 pm

Ok, a quale indirizzo lo devo mandare?

Anonimo Anonimo il 18 Maggio 09 @ 17:19 pm

Penso tu possa provare:webmaster [chiocciola] l'url di questo sito

webmaster webmaster il 18 Maggio 09 @ 20:28 pm

confermo kyoshin, il mio nick seguito dell'url di questo sito è il mio indirizzo email :)

webmaster webmaster il 30 Maggio 09 @ 19:58 pm

ho rilasciato la versione 1.2.0

Dylan666 Dylan666 il 01 Giugno 09 @ 23:52 pm

Lo sto usando ora e noto la mancanza di due cose per me fondamentali:

1) un "cerca" (il solito Ctrl+F) per trovare determinate parole nel codice

2) un "undo/redo" (cioè Ctrl-Z/Y) per andare a ritroso tra i ambiamernti che ho fatto nel codice

webmaster webmaster il 02 Giugno 09 @ 19:00 pm

buona idea dylan. il search lo aggiungo alla prossima versione mentre per l'undo/redo dovremo aspettare ancora un po'

Dylan666 Dylan666 il 02 Giugno 09 @ 23:46 pm

Suppongo tu conosca anche FireBug, dico bene?
Ha l'innegabile pregio di mostrarti il codice portandoti esattamente alla riga che "tratta" della parte di pagina che stai evidenziando e in una colonna vicino ci mette anche il CSS coinvolto barrando tutto quello che NON è applicato alla sezione che ti interessa.

http://getfirebug.com/html1.gif

Pensi sia pensabile per il tuo tool? infondo serve per provare modifiche al volo, eppure ha la grossa limitazione di non farti vedere subito la parte di codice che ti serve modificare

PS: sarebbe utile anche un comando di "jump" o "go to", insomma quello per arrivare direttamente alla riga numero TOT senza dover scrollare mille volte con la rotellina del mouse

webmaster webmaster il 12 Giugno 09 @ 20:47 pm

rilasciata la versione 1.3.0

webmaster webmaster il 30 Giugno 09 @ 21:15 pm

rilasciata la versione 1.4.1 con funzione di search

webmaster webmaster il 23 Agosto 09 @ 11:14 am

rilasciata la versione 1.5.0 le cui funzioni nuove principali sono:
* undo/redo
* migliorate le prestazioni
* phoenix può essere attivato o disattivato per determinati url
* possibilità di vedere gli header di file individuali

Dylan666 Dylan666 il 05 Novembre 09 @ 01:45 am

Che c'è di nuovo nella 1.6 invece?

Dylan666 Dylan666 il 05 Novembre 09 @ 01:49 am

Ops, scusa, finalmente l'ho trovato (era proprio alla fine della pagina su mozilla.org):

Version 1.6.0 ?
October 18, 2009 ? 96 KB
* Fixed loading icon bug when disabling Phoenix

* Phoenix is now multi-language (en-US & it-IT to start with) - contact me if you want to help with translations

* Cached file contents once these have been loaded once to improve speed of repeated openings

* Added option to download the whole file anc check if the code is packed and/or minified

* Corrected bug in the find script

* Improved Phoenix efficiency

* Fixed a bug in Save dialog

webmaster webmaster il 05 Novembre 09 @ 13:31 pm

questa versione risolve tutti i bug conosciuti, i rallentamenti e le possibili cause di crash. una versione davvero stabile

webmaster webmaster il 05 Novembre 09 @ 22:40 pm

dylan, immagino che l'avviso per l'aggiornamento ti sia arrivato direttamente da mozilla, giusto?

Dylan666 Dylan666 il 05 Novembre 09 @ 23:38 pm

Assolutamente no, mi è stato notificato un aggiornamento per Firebug e mi è venuto in mente Phoenix, sono andato sulla pagina di Mozilla e ho visto che c'era la 1.6

9tt.eu 9tt.eu il 19 Luglio 10 @ 22:55 pm

This is a great extension.
Any change to an update for Firefox 4.0 upcoming version?
Keep it up!

Thanks a lot

Lascia un commento

Insulti, volgarità e commenti ritenuti privi di valore verranno modificati e/o cancellati.
Nome:

Commento:
Conferma visiva: (ricarica)

Inserisci la targa della città indicata nell'immagine.

Login | Iscriviti

Username:

Password: