Ovviamente bisogna utilizzare uno dei browser che semplificano tale compito, es Firefox, Safari e derivati (es Chrome), etc.

Vi “presento” un’istruzione molto utile per arrestare l’esecuzione di un JavaScript ed aprire la finestra di debug del browser. Basta inserire nel corpo dello script, nel punto in cui vogliamo che il codice si arresti e venga visualizzata la finestra di debug del browser, la parola:

debugger;

Ricaricando la pagina, vedrete che l’esecuzione dello script si interromperà, permettendovi di analizzare meglio cosa accade.

enjoy!

Per fare il debug di applicazioni locali, è però necessario autorizzare Chrome per effettuare chiamate Ajax su filesystem, altrimenti si avrà un errore del tipo:

XMLHttpRequest cannot load file://localhost/Users/me/repos/app/templates/blah.html. Cross origin requests are only supported for HTTP.

In questo caso è necessario avviare Chrome con l’opzione -allow-file-access-from-files. Per farlo si può avviare l’applicazione AppleScript editor ( Applicazioni -> Utility -> AppleScript Editor ) ed incollare il seguente codice:

do shell script "open '/Applications/Google Chrome.app' --new --args -allow-file-access-from-files"

Fatto questo, bisognerà cliccare sul pulsante Compila e poi salvare lo script come Applicazione (File -> Salva -> “ChromeDev”). Assicurarsi che il formato sia Applicazione.

Bene, ora si potrà fare doppio click su ChromeDev per poter fare anche chiamate Ajax locali.

In alternativa, per i più smanettoni e comunque una procedura che va ripetuta ad ogni aggiornamento di Chrome, si può creare uno script di avvio “ponte” che avvia la vera app quando richiamato. In particolare, dal terminale:

cd /Applications/Google\ Chrome.app/Contents/MacOS/
mv Google\ Chrome Google\ Chrome.ok

e poi creiamo nuovamente il file di partenza dell’app:

vi Google\ Chrome

in cui inseriamo il seguente contenuto:

#!/bin/bash
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome.ok --new --args -allow-file-access-from-files

chmod 755 Google\ Chrome

enjoy!