La mela non ha rivali

Parliamoci chiaro, io amo i mac, ci lavoro tutti i giorni e preferisco di gran lunga utilizzare uno di questi strumenti che ricorrere a windows come piattaforma di sviluppo principale.

Diverse alternative

Per il test sui browser di casa microsoft puoi orientarti verso due tipologie di tool; quelli che renderizzano a video solo un printscreen, e a volte neanche dell’intera pagina web, e quelli che ti consentono di navigare con le varie versioni di IE nei siti che stai sviluppando. Analizziamone alcuni:

Browserstack

  • Url: www.browserstack.com
  • Tipologia: interattiva
  • Online: si
  • Pro: Vasta scelta di browser / Servizio Tuneling / 60 min Trial
  • Contro: Costo elevato

Questo servizio, scoperto non molti mesi fa, ti consente, tramite la creazione di un account, l’utilizzo gratuito del software online per un massimo di 60 minuti e un comodo contatore tiene traccia dei minuti trascorsi e di quelli rimanenti. Terminato il periodo di prova, potrai decidere tra uno dei pacchetti a pagamento; quello base, per un singolo user e tempo illimitato costa 19$/Mese. Puoi anche condividere l’account con più persone e la cifra diventa piu abbordabile. La scelta dei browser è molto ampia e una feature molto interessante consente di testare i tuoi siti locali tramite un sistema di tuneling.

Adobe BrowserLab

  • Url: browserlab.adobe.com
  • Tipologia: Screenshot
  • Online: si
  • Pro: Vasta scelta di browser / screenshot dell’intera pagina / integrazione con DW
  • Contro: Nessuno

Adobe BrowserLab è un servizio online che garantisce una riproduzione dei contenuti web. È possibile visualizzare in anteprima le pagine web su più browser e sistemi operativi, tramite un sistema di screenshot. E’ necessaria la creazione di un’utenza sul sito adobe per poter accedere alla piattaforma online. Tra le feature più importanti è possibile ingrandire, affiancare o sovrapporre i vari screenshot che sono realizzati sull’intera pagina compreso lo scroll; inoltre è possibile sfruttate l’integrazione con Adobe Dreamweaver tramite un pannello dedicato.

Browsershots

  • Url: www.browsershots.org
  • Tipologia: screenshot
  • Online: si
  • Pro: Vasta scelta di browser / Archivio di screenshot
  • Contro: Più aumentano i browser scelti, più si dovrà attendere per il rendering

Servizio online che restituisce screenshot su una vasta gamma di browser. Il tempo di attesa aumenta in relazione al numero di browser selezionati, ma se il vostro URL è già presente in archivio, vi verrà mostrato un elenco di screen precedenti eseguiti da altri utenti specificando per ognuno a quando risale.

Netrenderer

  • Url: www.netrenderer.com
  • Tipologia: screenshot
  • Online: si
  • Pro: Molto veloce e snello
  • Contro: Limitato alle sole versioni di IE / Limite di screenshot / No screenshot comprensivo di scroll

Questo servizio, presente online da ormai molti anni, consente di eseguire screenshot solo sulla famiglia di browser microsoft, dalla versione 5.5 alla 10. Il servizio è molto snello e veloce ma non consente lo screenshot totale della pagina web comprensivo di scroll. I tempi di risposta sono brevi ma è possibile impostare l’offset verticale per eseguire lo screenshot delle parti basse della pagina per ovviare al problema precedentemente esposto. Sicuramente consigliato per controllare velocemente il render di una parte di una pagina web.

DebugBar

Debugbar, la cui documentazione si trova a questo indirizzo, consta di un ottima toolbar che sostituisce firebug lite in ogni sua parte per inspezionare live una pagina web e di un software dedicato ai soli possessori di un pc con sistema operativo windows, che consente di testare in maniera veloce, il risultato con le diverse versioni di IE affiancando semplicemente le finestre.

Spoon.net

  • Url: Sppon.net
  • Tipologia: interattivo
  • Online: si
  • Pro: Tutti i browser quando vuoi
  • Contro:Il primo avvio di un browser è molto lento / Solo utenti Windows / A pagamento

Spoon.net consente di eseguire le applicazioni da qualsiasi PC senza installazioni. Puoi virtualizzare le applicazioni installate sul tuo computer o accedere a migliaia di applicazioni online, come ad esempio browser o giochi. Dall’elenco dei browser, clicca su uno qualsiasi presente nell’elenco, aspetta che il sistema configuri l’applicazione, e direttamente online senza ulteriori complicazioni, potrai utilizzare il browser selezionato. Il sistema, previa registrazione gratuita, è a pagamento. il costo? 8$ al mese.

Virtualbox

  • Url: virtualbox.org
  • Tipologia: interattivo
  • Online: no
  • Pro: Configurabile nei minimi particolari
  • Contro: Nessuno

La soluzione piu completa a disposizione per noi sviluppatori per replicare in maniera esatta gli scenari in cui un possibile utente potrebbe trovarsi se utilizzasse windows con internet explorer è proprio la macchina virtuale. Per utenti mac e windows, la virtualizzazione di un sistema operativo all’interno di quello principale, consente l’apertura di un nuovo ambiente di lavoro, per testare i risultati anche su altri browser che non è possibile installare nativamente sull’OS principale attualmente in uso. Personalmente mi trovo molto bene con VirtualBox. Creare una nuova macchina virtuale è molto semplice, pochi settaggi sulle impostazioni hardware e siete pronti per utilizzare windows sul vostro MAC.

Conclusioni

Le soluzioni ci sono e queste sono solo alcune rispetto a quelle che possono essere trovate online. Ti suggerisco, per controlli veloci, di utilizzare un sistema basato su screenshot (ottimo è adobe lab); se invece sei in piena fase di debug, consiglio sicuramente una situazione piu stabile come potrebbe essere la virtualizzazione del sistema operativo. La strada del debug crossbrowsing è lunga e piena di insidie. Dotati delle giuste armi e scendi in campo preparato.

  • Molto utili grazie! 😛

  • Ciao, io dopo anni di screenshot sono passato da ormai un paio d’anni a crossbrowsertesting.com E’ un po’ più costoso di altri servizi, ma la qualità è altrettanto superiore. Le disponibilità di sistemi operativi e browser è molto vasta e si può testare anche su iPad iPhone e vari Android. Un ottimo servizio che consiglio sicuramente 😉

  • Ivan

    Suggerisco anche Multi-Browser Viewer (http://www.multibrowserviewer.com/), secondo me il più completo: solo per Windows

  • Ottimi suggerimenti ragazzi, appena torno a casa voglio provarli!!! Grazie per la collaborazione

Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github