JS與iOS之間的通訊

時間  2019-11-12
標籤 ios 之間 通訊 欄目 JavaScript 简体版
原文   原文鏈接

JS與iOS之間的通訊，主要運用兩個方法：(PhoneGap框架也是基於此原理) javascript

一、UIWebView的 stringByEvaluatingJavaScriptFromString方法 css

二、UIWebViewDelegate的 html

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType方法 java


示例： jquery

上部分是一個UIWebView，實現UIWebViewDelegate web



[plain] view plain copy print ?
  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. NSString *path = [[NSBundle mainBundle] pathForResource:@"jm/info" ofType:@"html"];
  5. NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]];
  6. [self.webView loadRequest:request];
  7. } 
- (void)viewDidLoad
{
    [super viewDidLoad];
    NSString *path = [[NSBundle mainBundle] pathForResource:@"jm/info" ofType:@"html"];
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]];
    [self.webView loadRequest:request];
}


[plain] view plain copy print ?
  1. #pragma mark - UIWebViewDelegate
  3. - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
  4. {
  5. if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/name"])
  6. {
  7. NSString *info = [[UIDevice currentDevice] name];
  8. NSString *js = [NSString stringWithFormat:@"showInfo(\"name\",\"%@\")",info];
  9. [self.webView stringByEvaluatingJavaScriptFromString:js];
  10. return false;
  11. }
  12. if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/systemVersion"])
  13. {
  14. NSString *info = [[UIDevice currentDevice] systemVersion];
  15. NSString *js = [NSString stringWithFormat:@"showInfo(\"systemVersion\",\"%@\")",info];
  16. [self.webView stringByEvaluatingJavaScriptFromString:js];
  17. return false;
  18. }
  19. return true;
  20. } 
#pragma mark - UIWebViewDelegate

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/name"])
    {
        NSString *info = [[UIDevice currentDevice] name];
        NSString *js = [NSString stringWithFormat:@"showInfo(\"name\",\"%@\")",info];
        [self.webView stringByEvaluatingJavaScriptFromString:js];
        return false;
    }
    if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/systemVersion"])
    {
        NSString *info = [[UIDevice currentDevice] systemVersion];
        NSString *js = [NSString stringWithFormat:@"showInfo(\"systemVersion\",\"%@\")",info];
        [self.webView stringByEvaluatingJavaScriptFromString:js];
        return false;
    }
    return true;
}

JS代碼：



[html] view plain copy print ?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>city</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="jquery.mobile-1.0.css"/>
  8. <script type="text/javascript" src="jquery.js"></script>
  9. <script type="text/javascript" src="jquery.mobile-1.0.js"></script>
  10. <script>
  11. function getInfo(name)
  12. {
  13. window.location = "/getInfo/"+name;
  14. }
  16. function showInfo(id,info)
  17. {
  18. $("p#"+id).html(info);
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <div data-role="page">
  24. <div data-role="content">
  25. <h2>Divice Info</h2>
  26. <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
  27. <div data-role="collapsible">
  28. <h3 onclick="getInfo('name')">name</h3>
  29. <p id="name"></p>
  30. </div>
  31. <div data-role="collapsible">
  32. <h3 onclick="getInfo('systemVersion')">systemVersion</h3>
  33. <p id="systemVersion"></p>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </body>
  39. </html>
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程