Comment injecter JQuery dans une page existante dans un UIWebView?

Question

J'essaie d'injecter JQuery dans un UIWebView d'une page que je ne peux pas contrôler, disons Google, par exemple. Lorsqu'un UITextField obtient le focus, j'exécute les lignes de code suivantes:

NSString* scriptInject = @"var headElement = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); 
    script.setAttribute('src','http://jquery.com/src/jquery-latest.js'); 
    script.setAttribute('type','text/javascript'); headElement.appendChild(script);"; 
    [myWebView stringByEvaluatingJavaScriptFromString:scriptInject];  
    [myWebView stringByEvaluatingJavaScriptFromString:@"$(document).ready(function() {$('body').css('background', '#FF0000');}"]; 

J'exécute le changement de fond pour valider que je suis en mesure d'exécuter un script JQuery. Je peux vérifier que la méthode Objective-C est appelée, et j'ai même planté un alert pour l'onload de la nouvelle balise <script>, donc je sais qu'elle est en cours d'exécution dans le UIWebView. Comment puis-je injecter correctement que je peux l'exécuter?

EDIT:

J'ai essayé événement cette après avoir appelé la fonction pour changer la couleur:

[myWebView stringByEvaluatingJavaScriptFromString:@"alert($('body').css());"]; 

Pas d'alerte montre.

Answer 1

Si jQuery n'est pas déjà dans le DOM, vous pouvez utiliser stringByEvaluatingJavaScriptFromString: pour l'injecter. J'ai eu un problème similaire, j'ai écrit un article de blog à ce sujet: HTML parsing/screen scraping in iOS.

Answer 2

Cela a fonctionné pour moi:

NSString *jqueryCDN = @"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"; 
NSData *jquery = [NSData dataWithContentsOfURL:[NSURL URLWithString:jqueryCDN]]; 
NSString *jqueryString = [[NSMutableString alloc] initWithData:jquery encoding:NSUTF8StringEncoding]; 
[webView stringByEvaluatingJavaScriptFromString:jqueryString]; 

[webView stringByEvaluatingJavaScriptFromString:/*jquery commands here*/]; 

Taken de this article.