近来做了个项目基本上都是加载Web页,心里那是一个爽啊,都是直接给个链接完事,太他妈爽了,根本都不用写界面,爽爽爽。。。
这种加载Web页开发的方式有啥优缺点呢?
优点:节省开发时间和成本。当然我们移动端开发基本上搭个架子就完事了
缺点:体验不好。
随着项目的推进,为了让用户不觉的这是加载Web页的空壳子,我发现还是有很多问题和知识我是欠缺的
遇到的问题
- 如何在Web 页内返回上一级
- 如何获取网页的title显示在我们的导航栏上
- 如何关闭在Web 页长按弹出网页链接的现象(如下图所示)
- 如何关闭下拉上拉时露底的现象
- 如何获取即将加载网页URL
- 如何在加载失败后不出现404的字样呢
- 如何修改Web页提示的Alert title是网址的方法
在写解决方法之前呢,我们先了解一下WebView传送门
如何解决遇到的问题
<a id = "1">加载Web页如何返回上一级</a>
@property (nonatomic, readonly, getter=canGoBack) BOOL canGoBack;
//获取能否返回上一级
-- (void)goBack;
//返回上一级
if ([_webView canGoBack]) {
[_webView goBack];
} else {
[self.navigationController popViewControllerAnimated:YES];
}
<a id = "2">- 如何获取网页的title显示在我们的导航栏上</a>
-- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
//通过javaScript操作web数据
self.title = [_webView stringByEvaluatingJavaScriptFromString:@"document.title"];//一定要写@“document.title”
<a id = "3">- 如何关闭在Web 页长按弹出网页链接的现象</a>
-(void)webViewDidFinishLoad:(UIWebView*)theWebView{
[self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
[self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];
}
<a id = "4">- 如何关闭下拉上拉时露底的现象</a>
-(void)webViewDidFinishLoad:(UIWebView*)theWebView{
[(UIScrollView *)[[self.webView subviews] objectAtIndex:0] setBounces:NO];
}
<a id = "5">- 如何获取即将加载网页URL</a>
-(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;
}
<a id = "6">- 如何在加载失败后不出现404的字样呢</a>
-(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;
}
<a id = "7">- 如何修改Web页提示的Alert title是网址的方法</a>
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