Caricamento dinamico di file javascript in UIWebView con cache locale non funzionante

Question

Sto provando a scrivere un'applicazione che utilizza molto script java all'interno di UIWebView. E parte di questo script java viene caricato dinamicamente (con jquery) quando è necessario.

L'index.html ei file jquery vengono caricati come previsto ma non il file code.js. Il file code.js è richiesta come questo (snipped del codice java script da index.html):

function require(moduleName,filePath) { 
    var uri = filePath; 
    jQuery.ajax({ 
     type: "GET", 
     url: uri,   
     async: false, 
     dataType: "script", 
     success: function(content) { 
      console.log("Receive content of "+moduleName); 
     }, 
     error: function(XMLHttpRequest, textStatus, errorThrown) {  
      console.log("Error content of "+moduleName); 
      console.log("Status: " + textStatus); 
      console.log("Thrown error: " + errorThrown); 
      console.log("h" + XMLHttpRequest.getAllResponseHeaders()); 
      console.log(XMLHttpRequest.responseText); 
     } 
    }); 
} 

function start() { 
    require("test", "code.js"); 
} 

La funzione start() viene chiamato in caso onload del tag body del index.html. Il file code.js contiene solo le seguenti tre righe di codice:

alert("Loaded file syncronosly"); 
// HEllo 
alert("second"); 

L'uscita che ricevo da questo codice simile a questo (ho il codice js qualche ulteriore che inoltra la console.log chiamate alla console Xcode che ho omesso):

UIWebView console: Error content of test 
UIWebView console: Status: error 
UIWebView console: Thrown error: 
UIWebView console: h 
UIWebView console: HTTP Error (0 error). 
UIWebView console: alert("Loaded file syncronosly"); 
// HEllo 
alert("second"); 

ottengo questo comportamento non appena cerco di restituire il contenuto del code.js nella classe NSURLCache ignorato. L'idea alla fine è di avere un'applicazione che parte di una parte viene eseguita in una UIWebView senza la necessità di caricare il contenuto da un server web esterno.

Questo è il codice accorciato della classe cache (LocalSubstitutionCache):

NSString *pathString = [[request URL] absoluteString]; 
NSLog(@"request => %@", pathString); 

NSString* fileToLoad = nil; 
if ([pathString isEqualToString:@"http://example.com/index.html"]) { 
    fileToLoad = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; 
} 
else if ([pathString hasPrefix:@"http://example.com/code.js"]) { 
    fileToLoad = [[NSBundle mainBundle] pathForResource:@"code" ofType:@"js"]; 
} 
else if ([pathString isEqualToString:@"http://example.com/jquery-1.6.2.min.js"]) { 
    fileToLoad = [[NSBundle mainBundle] pathForResource:@"jquery-1.6.2.min" ofType:@"js"]; 
} 

if (!fileToLoad) { 
    // No local data needed for this request let super handle it: 
    return [super cachedResponseForRequest:request]; 
} 

NSData *data = [NSData dataWithContentsOfFile:fileToLoad]; 

NSURLResponse *response = 
    [[NSURLResponse alloc] 
     initWithURL:[request URL] 
     MIMEType:[self mimeTypeForPath:pathString] 
     expectedContentLength:[data length] 
     textEncodingName:nil]; 
cachedResponse = 
    [[NSCachedURLResponse alloc] initWithResponse:response data:data]; 

(Il codice della cache da qui: http://cocoawithlove.com/2010/09/substituting-local-data-for-remote.html)

Ora a mio controller della vista (che contiene una vista web) faccio la seguente:

- (void)viewDidLoad { 
    [super viewDidLoad]; 

    // This line loads the content with the cache enabled (and does not work): 
    [_webview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://example.com/index.html"]]]; 
} 

Ora la cosa interessante è che quando ho sostituire il codice nel metodo viewDidLoad con il seguente codice:

- (void) viewDidLoad { 
    [super viewDidLoad]; 

    // This two line load the content without the cache: 
    NSString* fileToLoad = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; 
    [_webview loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:fileToLoad]]]; 
} 

Ora tutto funziona correttamente e viene visualizzato il mio avviso. Quindi sospetto che quello che sto tornando nella cache non sia lo stesso di quello che la richiesta originale sta tornando quando viene catturata dalla cache.

Ecco quello che ho già controllato per:

• Non usando gli URL di file per il caso di lavoro. Il mio codice originale ottiene il codice non memorizzato nella cache da un server web. Ma per il progetto di esempio sto usando gli URL dei file perché questo semplifica il progetto.
• Tipo di contenuto restituito. È in entrambi i casi testo/javascript
• Set di intestazioni speciali. Ho controllato con un proxy http quali intestazioni vengono impostate sulla richiesta che non è memorizzata nella cache. Non ci sono set di intestazioni speciali.

Il mio problema più grande è che la richiamata dell'errore jquery non restituisce alcuna informazione di errore utile. Ho appena ricevuto un output di errore per l'argomento textStatus.

È possibile scaricare il progetto di esempio da qui: http://dl.dropbox.com/u/5426092/LocalCacheJsInjectTest.zip

La speranza che qualcuno mi può aiutare qui

Answer 1

Dopo un po 'più di lavoro più ho trovato la soluzione al mio problema.E rispondi qui con quello che ho trovato.

La soluzione consiste nel creare un'implementazione NSURLProtocol personalizzata e registrarla nell'applicazione come gestore per il protocollo http. Il codice simile a questo (ho omesso alcuni comuni la gestione del codice di errore):

#import "MyHttpURLProtocol.h" 

@implementation MyHttpURLProtocol 

+ (BOOL)canInitWithRequest:(NSURLRequest *)request { 
    return [[[request URL] scheme] isEqualToString:@"http"]; // we handle http requests 
} 

+ (NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)request { 
    return request; 
} 

- (void) startLoading { 
    id<NSURLProtocolClient> client = [self client]; 
    NSURLRequest* request = [self request]; 
    NSString *pathString = [[request URL] absoluteString]; 

    NSString* fileToLoad = nil; 
    if ([pathString isEqualToString:@"http://example.com/index.html"]) { 
     fileToLoad = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; 
    } 
    else if ([pathString hasPrefix:@"http://example.com/code.js"]) { 
     fileToLoad = [[NSBundle mainBundle] pathForResource:@"code" ofType:@"js"]; 
    } 
    else if ([pathString isEqualToString:@"http://example.com/jquery-1.6.2.min.js"]) { 
     fileToLoad = [[NSBundle mainBundle] pathForResource:@"jquery-1.6.2.min" ofType:@"js"]; 
    } 

    NSData* data = [NSData dataWithContentsOfFile:fileToLoad]; 

    NSHTTPURLResponse* response = [[NSHTTPURLResponse alloc] initWithURL:[request URL] statusCode:200 HTTPVersion:@"HTTP/1.1" headerFields:[NSDictionary dictionary]]; 

    [client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed]; 
    [client URLProtocol:self didLoadData:data]; 
    [client URLProtocolDidFinishLoading:self]; 
} 

- (void) stopLoading {} 

@end 

Questo codice permette ora di caricare il file index.html essere accedendo al seguente codice:

[_webview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://example.com/index.html"]]]; 

E non dimenticare di registrare il protocollo personalizzato nel delegato della tua app:

[NSURLProtocol registerClass: [TOHttpURLProtocol class]];

[NSURLProtocol registerClass:[MyHttpURLProtocol class]]; 

È incredibile quanto sia semplice la soluzione dopo averla trovata. Ecco il link per il progetto di esempio aggiornato: http://dl.dropbox.com/u/5426092/LocalCacheJsInjectTest-working.zip

completezza e per amore è qui il link al post del blog che mi ha aiutato a trovare la soluzione: http://www.infinite-loop.dk/blog/2011/09/using-nsurlprotocol-for-injecting-test-data/