UIWebView CSS injection à l'aide de JavaScript

Je suis en train d'injecter un local fichier css dans une UIWebView que la fin du chargement du site web, tels que google, etc.

Je suis en train d'essayer avec du JavaScript, mais sans succès.


- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString *cssPath = [[NSString alloc] initWithString:[[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"styles.css"]];
    NSURL *baseURL = [NSURL fileURLWithPath:cssPath];

    NSString *js = [NSString stringWithFormat:@"var fileref = document.createElement('link');
                    fileref.setAttribute('rel', 'stylesheet');
                    fileref.setAttribute('type', 'text/css');
                    fileref.setAttribute('href', %@);", baseURL];

    [webView stringByEvaluatingJavaScriptFromString:js];
}

Merci,

InformationsquelleAutor | 2011-08-01
  1. 6

    D'injecter du code javascript dans un affichage web, vous devez écrire explicitement dans le code html.

    Un exemple de ce est là que je l'ai écrit dans un javascript scrollTo fonction:

    - (void)webViewDidFinishLoad:(UIWebView *)webView {
 [webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"  
 "script.type = 'text/javascript';"  
 "script.text = \"function myFunction() { "  
 "window.scrollTo(100,100)"
 "}\";"  
 "document.getElementsByTagName('head')[0].appendChild(script);"];  

 [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];}

    Ce code écrit l'ensemble des balises de script et le myFunction dans la tête du code HTML de

    • Merci, et si je veux le lien pour le fichier CSS répertoire (baseURL) ?
    • Oui cela devrait fonctionner parfaitement
    • Si ça marche puis-je obtenir ma réponse acceptée, veuillez
    InformationsquelleAutor rich
  2. 20

    J'avais un besoin similaire. J'ai des fichiers html locaux dans le bundle que je voulais changer des attributs css par programmation. Puisque vous ne pouvez pas modifier les fichiers dans le paquet, j'ai voulu injecter mon css au moment du chargement de variables dans l'application.

    Le code ci-dessous montre la technique, en remplaçant simplement votre méthode pour obtenir les css, c'est à dire lire à partir d'un fichier plist, code, ou db.

    - (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString* css = @"\"@font-face { font-family: 'Chalkboard'; src: local('ChalkboardSE-Regular'); } body { background-color: #F0F0FC; color: #572B00; font-family: Chalkboard;} a { color: #A00; text-decoration: none;}\"";
    NSString* js = [NSString stringWithFormat:
                @"var styleNode = document.createElement('style');\n"
                 "styleNode.type = \"text/css\";\n"
                 "var styleText = document.createTextNode('%@');\n"
                 "styleNode.appendChild(styleText);\n"
                 "document.getElementsByTagName('head')[0].appendChild(styleNode);\n",css];
    NSLog(@"js:\n%@",js);
    [self.webView stringByEvaluatingJavaScriptFromString:js];
}
    • FWIW, j'ai dû échapper à des retours à la ligne dans le injecté CSS pour éviter un Javascript EOF erreur.
    InformationsquelleAutor Jim T
  3. 4

    Je vous suggère de créer un fichier js et l'ajouter à votre fichier de projet.

    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"test" ofType:@"js"];

NSData *fileData = [NSData dataWithContentsOfFile:filePath]; 

NSString *jsString = [[NSString alloc] initWithData:fileData encoding:NSUTF8StringEncoding];

    et vous savez comment appeler js dans un fichier html. c'est le plus simple et propre façon de faire.

    • ce travail s'il n'est pas de chargement HTML en local?
    • qui peut fonctionner que si il est le chargement de la chaîne à l'aide de loadHTMLString. il suffit d'inclure le <SCRIPT LANGUAGE="JavaScript" SRC="myJSfile.js"> </SCRIPT> dans la chaîne.
    InformationsquelleAutor Praveen-K