How to use Javascript from document directory in UIWebView in iOS?

Question

In my application , i have to change font from webPage that loaded from online.

First i store my CustomJava.js files in online hosting and i use that file to change font in my iOS app.

Here is some of my codes.

- (void)webViewDidFinishLoad:(UIWebView *)webView
{  
    NSString *js = [NSString stringWithFormat:@"var script = document.createElement('script');"
                    "script.type = 'text/javascript';"
    "script.src = 'http://www.gustohei.com/SYjs/customJava.js';"];

    js = [NSString stringWithFormat:@"%@ document.getElementsByTagName('head')[0].appendChild(script);", js];
    [self.webViewOfBrowser stringByEvaluatingJavaScriptFromString:js];

    UIApplication *app = [UIApplication sharedApplication];
    app.networkActivityIndicatorVisible = NO;
}

It's fine and change font correctly.

In my case , i want to keep that JS File in my document directory and want to use that file from document directory . i don't want to use from online.

So i wrote following code.

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *jsPath = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"customJava.js"];

    NSString *js = [NSString stringWithFormat:@"var script = document.createElement('script');"
                    "script.type = 'text/javascript';"
                    "script.src ='%@'",jsPath];

    js = [NSString stringWithFormat:@"%@ document.getElementsByTagName('head')[0].appendChild(script);", js];
    [self.webViewOfBrowser stringByEvaluatingJavaScriptFromString:js];

    UIApplication *app = [UIApplication sharedApplication];
    app.networkActivityIndicatorVisible = NO;
}

However it's doesn't work. How to do that?

iphonic · Accepted Answer · 2013-02-14 08:03:40Z

1

In Xcode’s project navigator (left column) click on the blue project icon.
Select the “Build Phases” tab in the main window
Open the “Compile Sources” section
Find your Javascript file in the list and remove it.
Open the “Copy Bundle Resources” section
Add your Javascript file to the list

Then load the js file using following code

[[NSBundle mainBundle] pathForResource:@"script.js" ofType:nil];

UPDATE: Xcode 4.5 now creates a warning when you just add a javascript file to your project without removing it from the “Compile Sources” section:

warning: no rule to process file 'FILEPATH' of type sourcecode.javascript for architecture armv7

edited Feb 14, 2013 at 8:03

answered Feb 14, 2013 at 7:55

iphonic

12.7k7 gold badges67 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fire Fist Over a year ago

It's not work brother. I loaded same JS file into Bundle like you said.But font doesn't change like when i use JS file from Online.

iphonic Over a year ago

This link might help you then stackoverflow.com/questions/5733883/…

Bhupendra · Accepted Answer · 2013-02-14 08:36:20Z

0

Keep the javascript file and the HTML in same folder in documents directory and Just include the javascript in the HTML you are loading over webview

<script src = "CustomJava.js" type="application/javascript"></script>

and then call the javascript function in your code like this: (for example "changeFont();" is the name of the function you want to call over webview)

   NSString *javascriptFunctionCall = [NSString stringWithFormat:@"changeFont('%@');",self.fontSize];

   [bookWebView stringByEvaluatingJavaScriptFromString:javascriptFunctionCall];

answered Feb 14, 2013 at 8:36

Bhupendra

2,54519 silver badges21 bronze badges

6 Comments

Fire Fist Over a year ago

i don't understand what you mean bro? i am loading page from web and want to insert js code into that loaded page from web in UIWebView.

Fire Fist Over a year ago

I am loading page like web browser and want to append my JS Code into that loaded page in UIWebView.

Bhupendra Over a year ago

okay you cant edit the page from web ? its not hosted on your server only ?

Fire Fist Over a year ago

No. I can append when i keep my JS File in hosting and read that js file and append into my loaded page, It's fine. I want to do with local file. not from hosting.

Bhupendra Over a year ago

ohhh !!! then i dont think giving local path to script.src will work as you did !! i need to think if its possible or not

|

Collectives™ on Stack Overflow

How to use Javascript from document directory in UIWebView in iOS?

2 Answers 2

2 Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related