[iOSWeb页] - 相关知识点

近来做了个项目基本上都是加载Web页，心里那是一个爽啊，都是直接给个链接完事，太他妈爽了，根本都不用写界面，爽爽爽。。。
这种加载Web页开发的方式有啥优缺点呢？
优点：节省开发时间和成本。当然我们移动端开发基本上搭个架子就完事了
缺点：体验不好。
随着项目的推进，为了让用户不觉的这是加载Web页的空壳子，我发现还是有很多问题和知识我是欠缺的

遇到的问题

- 如何在Web 页内返回上一级
- 如何获取网页的title显示在我们的导航栏上
- 如何关闭在Web 页长按弹出网页链接的现象（如下图所示）

F78E03B3043C71A5CC8E5EB5EE290CD0.jpg

- 如何关闭下拉上拉时露底的现象
- 如何获取即将加载网页URL
- 如何在加载失败后不出现404的字样呢
- 如何修改Web页提示的Alert title是网址的方法

在写解决方法之前呢，我们先了解一下WebView传送门

如何解决遇到的问题

加载Web页如何返回上一级
@property (nonatomic, readonly, getter=canGoBack) BOOL canGoBack;
//获取能否返回上一级
-- (void)goBack;
//返回上一级

if ([_webView canGoBack]) {
        [_webView goBack];
    } else {
        [self.navigationController popViewControllerAnimated:YES];
    }

- 如何获取网页的title显示在我们的导航栏上
-- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
//通过javaScript操作web数据

self.title = [_webView stringByEvaluatingJavaScriptFromString:@"document.title"];//一定要写@“document.title”

- 如何关闭在Web 页长按弹出网页链接的现象

 -(void)webViewDidFinishLoad:(UIWebView*)theWebView{
    [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
    [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];
}

- 如何关闭下拉上拉时露底的现象

-(void)webViewDidFinishLoad:(UIWebView*)theWebView{
    [(UIScrollView *)[[self.webView subviews] objectAtIndex:0] setBounces:NO];
}

- 如何获取即将加载网页URL

 -(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    
    NSString * requestString = request.URL.absoluteString;
    NSLog(@"这个就是即将加载的URL可以拿到做一些事情：%@",requestString);
    NSLog(@"%ld",(long)navigationType);
    NSHTTPURLResponse *response = nil;
    return YES;
}

- 如何在加载失败后不出现404的字样呢

 -(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{

    [NSURLConnection sendSynchronousRequest:request returningResponse:&response error:nil];
    if (response.statusCode != 200) {
        UIImageView *imageV = [[UIImageView alloc] init];
        imageV.frame = [UIScreen mainScreen].bounds;
        imageV.image = [UIImage imageNamed:@"失败背景图"];
        [self.webView addSubview:imageV];
        return NO;
    }
    return YES;
}

- 如何修改Web页提示的Alert title是网址的方法

1.我们需要创建一个WebView的分类,写上下面的代码 运行试试 完美解决

.h

@interface UIWebView (hr_ent)
-(void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(id)frame;
@end

.m

@implementation UIWebView (hr_ent)
-(void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(id)frame {
    UIAlertView* customAlert = [[UIAlertView alloc] initWithTitle:@""
                                                          message:message
                                                         delegate:nil
                                                cancelButtonTitle:@"确定"
                                                otherButtonTitles:nil];
    [customAlert show];
}
@end