IOS中的HTML 5设计屏幕答案

【问题标题】：HTML 5 in IOS to design screenIOS中的HTML 5设计屏幕
【发布时间】：2013-01-08 16:44:10
【问题描述】：

是否可以将 HTML 5 与我的原生应用程序混合使用？我希望用 Objective-c 制作一个页面，而用 HTML 5 制作另一个页面。如果是这样，有人可以朝着正确的方向前进吗？

【问题讨论】：

【解决方案1】：

是的，这是可能的。几周前我做了一个测试。在您的故事板上，您只需将WebView 组件拖到上面，并将其与您的ViewController.h 界面链接。这是一个混合故事板的示例。首先拖拽带有按钮的UIToolbar，然后拖拽WebView：

当视图加载时（viewDidLoad）你需要初始化 WebView：

- (void) viewDidLoad {
    [super viewDidLoad];

    self.webView.delegate = self;

    NSURL *url = [NSURL URLWithString:@"http://localhost:8080"];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];

    [self.webView loadRequest:request];
}

您可以在 WebView 和 iOS 之间进行通信。 I did an explanation here.

此外，如果需要，您可以设置内部 HTTP 服务器。我用过CocoaHTTPServer，用CocoaPods 很容易安装。只需创建一个Podfile：

platform :ios
pod 'CocoaHTTPServer',  '~> 2.2.1'

并从项目目录命令pod install。

【讨论】：