Quali sono alcuni metodi per eseguire il debug di Javascript all'interno di un UIWebView?

Sto cercando di capire perché qualcosa con Javascript non funziona all'interno di UIWebView. Per quanto ne so, non c'è modo di impostare un breakpoint all'interno di XCode per un file js. Nessun problema, tornerò al 2004 e userò gli statisti di allerta-- oh aspetta, non sembrano funzionare nemmeno all'interno di un UIWebView!

L'unica cosa che mi viene in mente è esportando i miei file HTML e JS sul mio desktop e poi semplicemente facendo il mio debug all'interno di Safari. E funziona! Ma ovviamente, il bug con cui sto combattendo in UIWebView non si verifica in Safari.

Esistono altri modi per eseguire il debug all'interno di un UIWebView o eventuali trucchi che posso usare affine all'utilizzo del metodo di avviso della vecchia scuola?

Se stai usando iOS> = 6 e hai il leone di montagna (10.8) o Safari> = 6, puoi semplicemente:

1. Apri l'applicazione nel simulatore (o il tuo dispositivo in XCode> = 4.5.x).
2. Apri Safari (vai a Preferences -> Advancede assicurati che "Mostra menu Sviluppo nella barra dei menu" sia attivo.
3. Dalla barra dei menu (di Safari) selezionare Develop -> iPhone Simulator -> [your webview page].

Questo è tutto !

Questa query supera Google, quindi vale la pena collegarla a remoteInspector nascosto in iOS5 - di gran lunga il modo migliore trovato finora per eseguire il debug di UIWebViews - compilare solo in modo condizionale prima di inviarlo ad Apple.

alert () sicuramente funziona per me.

Tuttavia, puoi anche fare molte altre cose, come creare il tuo avviso DHTML che si apre in un livello. Questo può essere utile perché puoi inviare più avvisi a un singolo div, senza interrompere l'app. Dovresti anche essere in grado di scrivere una traccia dello stack (la traccia dello stack si trova nell'oggetto eccezione e puoi sempre generare le tue eccezioni).

In alternativa, se in esecuzione sul simulatore il tuo "alert ()" personalizzato potrebbe chiamare nell'obiettivo C e visualizzare la stringa nella finestra della console del simulatore iPhone:

document.location.href = "http://debugger/" + 
   encodeURIComponent(outputString);   

e sul lato obiettivo C:

//--------------------------------------------------------------------
- (BOOL)webView:(UIWebView*)webView 
       shouldStartLoadWithRequest: (NSURLRequest*)req 
       navigationType:(UIWebViewNavigationType)navigationType {
    if ([[[req URL] host] isEqualToString:@"debugger"]){
        // do stuff with [[req URL] path] 
       }
}

Detto questo, ho un'app che è pesante sulle cose UiWebView / javascript e tendo a fare la maggior parte degli sviluppatori javascript in Chrome (simulando ciò che è necessario dall'ambiente iPhone)

Ottengo il modo fantastico per eseguire il debug di UIWebView o SFSafariViewController .

Spero che sarà di aiuto.

Passaggio 1: 
 Apri Safari VC sul tuo Mac (ahah, non fare la tua faccia, se ti sto dicendo nel tuo Macbook, segui solo i miei passi)



Passaggio 2: vai alle preferenze di Safari e fai clic su Avanzate. Otterrai questa impostazione sullo schermo del tuo MacBook.

Ora abilita il menu Mostra per sviluppare il menu nella barra dei menu. Ora il tuo lavoro è completo. Stai pensando che sto scherzando: P: P no uomo ... 



Passaggio 3: eseguire l'applicazione in Dispositivo o Simulatore. (Non pensare Basta eseguire) E vai nella tua applicazione in cui stai aprendo Webview o SFSafariViewController. Fino ad ora non hai capito lo so. Sii calmo e vedi il mio prossimo passo.


Step4: Apri Safari nel tuo MacBook e fai clic su Opzioni di sviluppo dalla barra dei menu. Hai ricevuto qualcosa che il tuo MacBook, iPad / iPhone sta visualizzando correttamente ?????



Step5: Fatto. fai clic sul dispositivo e fai clic sull'URL Verrà visualizzato un nuovo popup come questo.




Step6: cosa stai guardando ora è qui tutti i passaggi.

Ora esegui il debug della tua pagina Web su questa console. Sii felice e goditi la giornata mentre fai la programmazione con una tazza di tè o caffè.

IMP: non dimenticare di abilitare Vedi immagine sotto 








Non l'ho ancora provato, ma dai un'occhiata a questo Weinre

Sembra molto promettente.

Questa è una vecchia domanda. Ma mi piacerebbe ancora condividere i miei due centesimi.

Ho usato jsconsole.com per il debug remoto. È facile. È sufficiente includere un tag di script e utilizzare i registri della console per eseguire il debug tramite la stampa. Questo può essere utilizzato anche per il debug su un dispositivo reale.

Vecchia domanda, ma penso di aver trovato la soluzione migliore, nel mio caso è necessario eseguire il debug di uiwebview, ma non avevo accesso all'app IOS e solo al contenuto html e ho dovuto visualizzare alcuni log JS, ho aggiunto il seguente codice per caricare la light firebug JS e mostrarla automaticamente:

chiamandolo da JS

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://getfirebug.com/firebug-lite-debug.js';
document.head.appendChild(script);

o caricalo da HTML

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

È possibile configurare un sistema come quello utilizzato in PhoneGap per inviare messaggi da JavaScript a Objective-C e accedere da lì. In breve, stanno impostando document.location con uno schema personalizzato e bloccando tale schema nel callback del delegato.

È possibile sfruttare il fatto che un UIWebView è la maggior parte dei delegati per un WebView. WebKit non è tecnicamente documentato per iPhone, ma è sostanzialmente lo stesso specificato nelle intestazioni WebKit desktop, incluso eventualmente WebScriptObject. Lo uso per il debug, ma assicurati di eliminare questo codice prima di inviarlo ad Apple.

Per ottenere un WebView da un UIWebView, implementare un metodo delegato come -(void) webView:(id)inWebView didFinishLoadForFrame:(id)inWebFramein una sottoclasse di UIWebView. Chiama super se lo usi.