Skip to content

Instantly share code, notes, and snippets.

@amster
Last active October 24, 2022 20:44
Show Gist options
  • Star 20 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save amster/9160860 to your computer and use it in GitHub Desktop.
Save amster/9160860 to your computer and use it in GitHub Desktop.
Load a UIWebView in iOS that can also load local resources like images, CSS, and JavaScript
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="your_styles.css" type="text/css">
<script src="your_javascript.js"></script>
</head>
<body>
<h1>Big Title</h1>
<!-- Again, all bundle resources must have unique filenames -->
<img src="some_image.jpg" width="100%">
<!-- Example interaction -->
<button id="exampleButton" onclick="document.getElementById('debug').innerHTML='Was clicked';">Click?</button>
<p id="debug"></p>
</body>
</html>
// An example viewDidLoad
- (void)viewDidLoad
{
[super viewDidLoad];
[self loadWebView];
}
// The example loader
//
// Assumes you have an IBOutlet for the UIWebView defined: @property (strong, nonatomic) UIWebView *wv;
- (void)loadWebView {
// Remember that bundle resources do *not* have directories so all filenames must be unique.
NSBundle *mainBundle = [NSBundle mainBundle];
NSURL *homeIndexUrl = [mainBundle URLForResource:@"home_index" withExtension:@"html"];
// The magic is loading a request, *not* using loadHTMLString:baseURL:
NSURLRequest *urlReq = [NSURLRequest requestWithURL:homeIndexUrl];
[self.wv loadRequest:urlReq];
}
@technologers
Copy link

working like charma ..thanks alot man

@ajaybeniwal
Copy link

How to load the html from outside main bundle like documents directory or library directory in IOS

@WanChengCheng
Copy link

Great, this magic really works! thanks a lot 👍

@Remonell
Copy link

Could I also read a local json file for example via javascript like that? Thats not possible in Safari or Chrome right now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment