Phoenix - estensione per Firefox - rilasciata
webmaster: 05/05/09 @ 09:35Phoenix è 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
- [03/09/09] Phoenix, Facebook e Twitter
- [09/06/09] Page speed
- [02/06/09] Risultati delle ottimizzazioni
- [17/04/09] Estensione Firefox
- [13/03/09] Le migliori 10 estensioni FireFox per sviluppatori
I commenti dei lettori:
rilasciata la versione 1.1.0 che introduce il syntax highlighting:
https://addons.mozilla.or ...
n-US/firefox/addon/11708/
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.
grazie per la segnalazione michelangelo. non mi ero proprio accorto di non aver attivato il comando exit. provvedo subito e aggiorno
ho appena rilasciato la versione 1.1.1 che sistema il bug da te indicato michelangelo
Se cerchi l'ottimizzazione più spinta e usi spesso le PNG dai un'occhiata a
questo:
http://entropymine.com/jason/pngrewrite/
sorry, ho sbagliato articolo :-)
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!
grazie kyoshin, mi potresti mandare uno screenshot via email per favore?
Ok, a quale indirizzo lo devo mandare?
Penso tu possa provare:webmaster [chiocciola] l'url di questo sito
confermo kyoshin, il mio nick seguito dell'url di questo sito è il mio indirizzo email :)
ho rilasciato la versione 1.2.0
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
buona idea dylan. il search lo aggiungo alla prossima versione mentre per l'undo/redo dovremo aspettare ancora un po'
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
rilasciata la versione 1.3.0
rilasciata la versione 1.4.1 con funzione di search
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
Che c'è di nuovo nella 1.6 invece?
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
questa versione risolve tutti i bug conosciuti, i rallentamenti e le possibili cause di crash. una versione davvero stabile
dylan, immagino che l'avviso per l'aggiornamento ti sia arrivato direttamente da mozilla, giusto?
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
This is a great extension.
Any change to an update for Firefox 4.0 upcoming version?
Keep it up!
Thanks a lot