Due web app per il Cross Browser Testing

Ogni web designer sa che le differenze fra i vari browser possono creare un gran di mal di testa. L’individuazione e la risoluzione dei problemi può essere difficile se non si è attrezzati con gli strumenti giusti. In questo post vi consiglio due risorse gratis che conosco per rendere il Cross Browser Testing più veloce e più produttivo.

Browsershots

Browsershots è un servizio popolare gratuito che fornirà gli screenshot di una pagina web su qualsiasi browser dei sistemi operativi più comuni. Tutto quello che dovete fare è inserire l’URL e selezionare i browser e i sistemi operativi che desiderate testare. Browsershots aggiungerà i vostri dati in una coda di elaborazione e in pochi minuti vedrete apparire un’infinità di screnshoot dei browser più disparati.

C’è un opzione a pagamento che vi darà maggiore priorità sulla coda di elaborazione. Capita molte volte che il servizio sia occupato e che impieghi un po’ di tempo per effettuare gli screenshot in modalità gratuita, pagando 15 dollari al mese aumenterete la priorità dei vostri elaborati e il vostro tempo di attesa diminuirà .

IE NetRenderer

IE NetRenderer è uno strumento gratuito ottimo per testare siti web in Internet Explorer, di solito il browser più fastidioso. Con IE NetRenderer tutto ciò che dovrete fare è scegliere una versione di IE e inserire l’URL che desiderate testare, e avrete immediatamente uno screenshot della pagina in fase di test.

Fra i due preferisco Browsershots, per la completezza di browser e sistemi operativi offerti, ma per questioni di praticità uso maggiormente IE NetRenderer che, al contrario del primo, risponde con prontata immediatezza alle vostre richieste di testing.

Scaricare video da La7.tv

È da poco ricominciato lo show di Crozza (Italialand), uno dei miei programmi preferiti, che mi fa passare un paio di ore di allegria1 … tuttavia quando una cosa nasce sterco, sterco a vita resterà, indipendemente dal numero di versione.

Per vedere le repliche dello show in maniera più o meno lineare (senza un fastidioso sfarfallio e la CPU a mille) ho dovuto scrivermi uno script in bash che scarica il video da La7.tv e nel frattempo me lo apre con il mio lettore preferito (nel mio caso VLC).

Ora, non sono sicuro che funzioni per tutti i video de La7.tv, ma perché non lasciare ai posteri questa sentenza? :D

Vabbe, ecco lo script:

#!/bin/bash
## Descrizione:
## Script per scaricare video da La7
## Reference: http://www.leoiannacone.com/2011/10/script-scaricare-video-da-la7-tv

## Opzioni:
VIDEO_PLAYER="vlc --quiet"
DOWNLOAD_PROCESS="mplayer -quiet -dumpstream -dumpfile"
TMP_DIR_DOWNLOAD="/tmp/"
SLEEP_TIME=5

## Per usare da riga di comando usare:
#U=$1
## Altrimenti da interfaccia grafica:
U=`zenity --entry --text="Inserisci URL del video"`

## Prendo alcune informazioni sul file
ID=`echo $U | cut -d = -f2`
LINK=$(wget --quiet http://www.la7.tv/repliche/content/index.php?contentId=$ID \
       -O -| grep -o 'mp4:/[^<]*' | sed "s/]]>$//" | head -n1 )

## Imposto alcune variabili:
VIDEO_URL="rtmp://yalpvod.alice.cdn.interbusiness.it:1935/vod/"${LINK}
DUMP_FILE="${TMP_DIR_DOWNLOAD}/la7_$ID.mp4"

## Scarico il file
DUMP_PROCESS="${DOWNLOAD_PROCESS} ${DUMP_FILE} ${VIDEO_URL}"
${DUMP_PROCESS} &

## Avvio il player do SLEEP_TIME secondi
sleep $SLEEP_TIME
${VIDEO_PLAYER} ${DUMP_FILE}

## Quando il player viene chiuso, killo il download del video,
## commentare se si vuole scaricare tutto il file
pkill -f -x "${DUMP_PROCESS}"

## Decommentare questa riga se si vuole eliminare il file scaricato
## quando si esce dal player
#rm ${DUMP_FILE}

exit 0

Il codice è super commentato, così potete capirlo e modificarlo sulle vostre esigenze. La base proviene da un articolo di tdinox.

Vanno soddisfatte alcune dipendenze:

sudo apt-get install mplayer vlc procps wget zenity

TODO: riscriverlo in python per renderlo più flessibile.. lo fate voi? :)

Note all’articolo:

  1. della serie: “Ridere per non piangere” ! []