load a remote url with android webview and local css/js

Question

For days...I try to find a solution to load a remote url with android webview. But with local css/js/images

But I couldn't.

I think it is impossible because of security issue... right?

I think mybe I could use a trick.

in remote server I just publish my webpage without <head> and <body>:

//<html>
    // <head></head>
    // <body>
        ... body  code111 ...  // there is only this part in remote url page
    //</body>
//</html>

and then I create a index.html in android_asset folder:

<html>
    <head>
        <link css ...
        <link java ...
    </head>
    <body>
        ... now put code111 here!
    </body>
</html>

So now I can use local resource (in head)

I am new in android and java...I couldn't test it...but do you think is it possible?

You can load css from assets folder to web view. Have a look on this answer stackoverflow.com/a/7736654/1384010 — Adarsh Yadav
– Adarsh Yadav, Commented Jul 23, 2015 at 18:03

Community · Accepted Answer · 2017-05-23 12:07:34Z

0

well, let's start.

The easyer part is part B.

here you can find the answer: Rendering HTML in a WebView with custom CSS

basically, what you have to do is have the html website on a String variable, ex:

   String website = "<html><head>" + "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />" + <"javascript call to file that i don't remember right now"/>" + "</head>"

and then append to that website, your remote HTML code. you could do it via, for example, any of the Async HTTP libraries ( LoopJ's one is quite good loopj's http library ) .

and then append the rest of your website.

website += retrieved_website
website += "</body></html>"

finally load the website using the .loadDataWithBaseURL() method as explained in the accepted respose.

althought i have to say this is quite a complicated way of loading a website, this would be my approach.

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Jul 23, 2015 at 18:08

CptEric

9079 silver badges24 bronze badges

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

1 Comment

Roel Over a year ago

The good approach would be to create a websevice for both your website and a native app with a native UI.

Collectives™ on Stack Overflow

load a remote url with android webview and local css/js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related