WebView加载HTML时图片适配屏幕

今天使用WebView加载HTML时,发现图片过大,没有适配屏幕,于是我设置webView.scalesPageToFit = YES,设置之后,图片确实小了,但是文字也相应地缩小了,而且图片太小,没事配屏幕,不符合我的要求,于是,我又想到了用js解决

1 - (void)webViewDidFinishLoad:(UIWebView *)web
2 {
3     int count = [[webView stringByEvaluatingJavaScriptFromString:@"document.images.length"] intValue]; //获取img标签的数量
4     for (int i=0; i<count; i++) {
5          [webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.images[%d].style.maxWidth=‘100%%‘", i]]; //图片宽度100%适应,若大于320,缩放,若小于不处理
6          [webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.images[%d].style.height=‘auto‘", i]]; //图片高度自适应
7     }
8 }
时间: 2024-11-08 00:45:20

WebView加载HTML时图片适配屏幕的相关文章

使用webview加载网页时session同步

直接调用Android的webview加载URL时,由于需要登录的session导致URL无法显示,解决方案是在需要访问的URL中加session: String reporturl = "http://xxx.xxx.xx"; CookieSyncManager.createInstance(getApplication()); CookieManager cookieManager = CookieManager.getInstance(); CookieSyncManager.g

iOS WebView 加载本地资源(图片,文件等)

NSString *path = [[NSBundle mainBundle] pathForResource:@"关于.docx" ofType:nil]; NSURL *url = [NSURL fileURLWithPath:path]; NSLog(@"%@", [self mimeType:url]); //webview加载本地文件,可以使用加载数据的方式 //第一个诶参数是一个NSData, 本地文件对应的数据 //第二个参数是MIMEType //第

WebView加载HTML时替换图片地址

这两天做项目时,因为实际情况,需要将获取到的html字符串加载出来,并将所有img标签的地址加上主机 开始的时候,我使用系统自带的方法 1 NSURL *baseURL = [NSURL URLWithString:@"主机"]; 2 [webView loadHTMLString:htmlStr baseURL:baseURL]; baseURL会在加载图片的时候自动加到图片地址的前面,但是这样写有个问题,就是主机为http://www.baidu.com的话,这样做没问题,若主机为

Android webView 加载网页时,使用本地图片替换网页内的图片

============问题描述============ RT,本质目的是阻止网页图片加载,将图片放在本地,然后在app中替换,以加快反应速度. 以前提过这个问题,没能解决,因为3.0以上才提供了替换网页资源的接口(WebResourceResponse),3.0以下没有专门的接口,想过使用get将网页取下来存为String然后替换,却发现不是所有的网页都能使用get取到(很多页面都报异常,包括百度中的某些链接),研究过一段时间,认为不能实现,放弃了. 今天突然发现一款游戏,叫巴哈姆特之怒,惊讶

WebView加载HTML时进制超链接跳转

1 - (BOOL)webView:(UIWebView *)web shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType 2 { 3 if (navigationType == UIWebViewNavigationTypeLinkClicked) { //判断类型,根据需求,判断不同类型禁止 4 return NO; 5 } 6 7 r

ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度

1 .ios navigationcontroller 滑动返回 滑动返回是navigationcontroller默认返回按钮自带的功能,如果返回按钮自定义该功能失效, 解决的办法有两个: ① self.navigationItem.backBarButtonItem =   [[UIBarButtonItem alloc]initWithCustomView:button];//这个方法用不了 只能用 self.navigationItem.backBarButtonItem = [ [UI

使用webview加载html图片、表单超屏幕问题

webView加载html代码时,使用webView自带的 scalesPageToFit 可以解决图片所带来的超过屏幕问题:但是,所带来的问题就是文字变小了,怎样让图片边小,并且文字还是原来html里大小? 只需加上一段代码就OK. [self.webView loadHTMLString:[NSString stringWithFormat:@"<!DOCTYPE html><html><style type=\"text/css\">

安卓 WebView加载本地图片时居中显示

在一个项目中使用WebView显示gif图片(自定义的View无法放大gif),当图片过小时只在左侧显示,经过研究发现无论设置android:layout_gravity="center_horizontal"还是设置android:gravity="center_horizontal" 都无法居中显示,而且还设置了android:layout_width="wrap_content",但是实际上WebView并没有自适应内容,它的宽度占了屏幕宽

WebView加载HTML图片大小自适应与文章自动换行

http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html 在很多App中都会使用到webview,尤其是在加载新闻内容等文章形式的数据时.因为图文混编以及不同字体格式的显示,在iOS进行编辑和显示都是一大问题(当然,iOS中也可以用CoreText进行绘制),但是对于web端来说,一个富文本编辑器就可以完美解决这个问题.所以后台很多时候会直接返回HTML代码拿给前端解析,这时,在客户端对HTML代码的处理就显得尤为