iOS webView获取html内容

14 篇文章 0 订阅
12 篇文章 0 订阅
  UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌     入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。

    stringByEvaluatingJavaScriptFromString

    使用stringByEvaluatingJavaScriptFromString方法,需要等UIWebView中的页面加载完成之后去调用。我们在界     面上拖放一个UIWebView控件。在Load中将google mobile加载到这个控件中,代码如下:

    - (void)viewDidLoad
 {
     [super viewDidLoad];
     webview.backgroundColor = [UIColor clearColor];  
    webview.scalesPageToFit =YES;
    webview.delegate =self;
   NSURL *url =[[NSURL alloc] initWithString:@"http://www.google.com.hk/m?gl=CN&hl=zh_CN&source=ihp"];
    NSURLRequest *request =  [[NSURLRequest alloc] initWithURL:url];
    [webview loadRequest:request];   
}


我们在webViewDidFinishLoad方法中就可以通过javascript操作界面元素了。

1、获取当前页面的url。

[plain]  view plain copy
  1. (void)webViewDidFinishLoad:(UIWebView *)webView    
  2.    NSString *currentURL [webView stringByEvaluatingJavaScriptFromString:@"document.location.href"];  


2、获取页面title:

[plain]  view plain copy
  1. NSString *title [webview stringByEvaluatingJavaScriptFromString:@"document.title"];    


3、修改界面元素的值。

[plain]  view plain copy
  1. NSString *js_result [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByName('q')[0].value='然';"];  


4、表单提交:

[plain]  view plain copy
  1. NSString *js_result2 [webView stringByEvaluatingJavaScriptFromString:@"document.forms[0].submit(); "];  

这样就实现了在google搜索关键字:“然”的功能。

5、插入js代码

上面的功能我们可以封装到一个js函数中,将这个函数插入到页面上执行,代码如下:

5、插入js代码

上面的功能我们可以封装到一个js函数中,将这个函数插入到页面上执行,代码如下:

[plain]  view plain copy
  1. if ([title compare: @"Google"]==NSOrderedSame  
  2.   
  3.     [webView stringByEvaluatingJavaScriptFromString:@"var script document.createElement_x('script');"    
  4.      "script.type 'text/javascript';"    
  5.      "script.text "function myFunction()    
  6.      "var field document.getElementsByName('q')[0];"    
  7.      "field.value='然';"    
  8.      "document.forms[0].submit();"    
  9.      "}";"    
  10.      "document.getElementsByTagName_r('head')[0].appendChild(script);"];     
  11.       
  12.     [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];    
  13.  


6、获取JS中输入框的内容:点击打开链接


看上面的代码:

a、首先通过js创建一个script的标签,type为'text/javascript'。

b、然后在这个标签中插入一段字符串,这段字符串就是一个函数:myFunction,这个函数实现google自动搜索关键字的功能。

c、然后使用stringByEvaluatingJavaScriptFromString执行myFunction函数。



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取HTML的高度可以使用JavaScript代码来实现。具体步骤如下: 1. 在iOS项目中创建一个UIWebView对象,并将HTML代码加载到该对象中。 2. 在UIWebView对象的代理方法中,使用JavaScript代码获取HTML的高度。 下面是四种方法,可以根据具体情况选择使用哪种方法: 方法一:使用JavaScript代码获取HTML实际内容的高度 ``` NSString *jsString = @"document.documentElement.scrollHeight"; CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:jsString] floatValue]; ``` 方法二:使用JavaScript代码获取HTML实际内容的高度,并将高度传递给iOS端 ``` NSString *jsString = @"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。 方法三:使用JavaScript代码获取HTML实际内容的高度,并将高度赋值给HTML的body元素的高度属性 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px'"; [webView evaluateJavaScript:jsString completionHandler:nil]; CGFloat height = webView.scrollView.contentSize.height; ``` 方法四:使用JavaScript代码获取HTML实际内容的高度,并将高度赋值给HTML的body元素的高度属性,同时将高度传递给iOS端 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px';"; jsString = [jsString stringByAppendingString:@"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"]; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,同样需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值