Dynamically load index.html in Phonegap Application

Question

I am beginner to phonegap. I want to create layout inside index.html which is driven by javascript and also having cordova to use apis in app. I am able to run hard coded index.html but I want to run as a live site inside phonegap and also want to use cordova plugins inside my live site.

Can anybody help me or any idea to how I use live site or dynamic html through javascript?

Thanks in advance,

Vijay Barnwal

Actually I want to add all the js,css files in index.html dynamically through javascript, I want to load my live site inside phonegap using just like window.location and also I can use all plugins of cordova inside my site. — user1903724
– user1903724, Commented Aug 25, 2014 at 13:32

Community · Accepted Answer · 2017-05-23 12:29:43Z

2

You can load a live website by any of these 3 methods:

Embed an HTML iframe <iframe src="http://example.com"></iframe>, for this to work, you will need to enable Cross-Origin Resource Sharing on your device and on your web server. Read Cordova 3.5.0 Whitelist Guide and for server, I want to add CORS support to my server.
Use metatag to redirect the user to the desired URL. <meta http-equiv="refresh" content="0; url=http://example.com/" />
If you still need to use all the Cordova functions and plugins, the only way to do it is by loading the website using AJAX into a <div> tag. Read: Ajax/jQuery - Load webpage content into a div on page load? Note: You still need to enable CORS for this to work.

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Aug 26, 2014 at 2:06

James Wong

4,6594 gold badges52 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Dynamically load index.html in Phonegap Application

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related