混合开发H5的图片怎么适配自己想要的大小
1.先上个自己没适配的图,这个图没显示全,因为用的是webview 所以 用的是webView的代理事件 解决
2.上代码
NSString *injectionJSString =
@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function ResizeImages() { "
"var myimg,oldwidth;"
"var maxwidth=375;" // UIWebView中显示的图片最大宽度
"for(i=0;i <document.images.length;i++){"
"myimg = document.images[i];"
"oldwidth = myimg.width;"
"if(oldwidth > maxwidth){"//原图大于最大宽度
"if(myimg.width>myimg.height){"//原图的宽度大于高度
"myimg.width=maxwidth*2/3;"
"myimg.height = myimg.width*myimg.height/oldwidth;" //修改高度
"}else{"//原图的宽度小于高度
"myimg.width=maxwidth*2/3;"
"myimg.height = myimg.width*myimg.height/oldwidth;" //修改高度
"}"
"}"
"}"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);";
[webView stringByEvaluatingJavaScriptFromString:injectionJSString];
[webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
3.然后出的效果图是这样的
4.既然写到这里了,我就顺便把计算webView的内容高度也写了吧
5.上代码
NSString *injectionJSString2 = @"var script = document.createElement('meta');"
"script.name = 'viewport';"
"script.content=\"initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no\";"
"document.getElementsByTagName('head')[0].appendChild(script);";
[webView stringByEvaluatingJavaScriptFromString:injectionJSString2];
[webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '100%'"];//修改百分
CGRect frame = webView.frame;
frame.size.width = SKDeviceWidth;
frame.size.height = 1;
webView.frame = frame;
if (FourInch) {
frame.size.height = webView.scrollView.contentSize.height+25;
}else if (FourOfSevenInch )
{
frame.size.height = webView.scrollView.contentSize.height+15;
}else if (FiveOfFifthInch)
{
frame.size.height = webView.scrollView.contentSize.height+15;
}
6.其实方法有很多,不管是上面的适配还是得到高度,还可以用另外一种方法统一解决
7.这个 我就只上一个关键代码
//获取webView 中的所有H5内容
NSString *str=[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.innerHTML"];
这个数据获得,能得到所有H5代码的标签,内容,等等 通过这个 可以自己拿到字符去改变,嘿嘿 这个我没做,不过可以走通
最新文章
- Linux下如何遍历指定目录下的所有文件并删除指定天数之前创建的文件
- Android环境虚拟WINDOWS系统
- javascript当文本框获得焦点设置边框
- 编译为 Release 与 Debug 的区别
- ISO/IEC 14496 文档内容简介, MPEG标准
- POJ2389: 大数字乘法算法
- Event对象的事件句柄
- python编程快速上手之第7章实践项目参考答案
- JavaScript正则表达式之分组匹配 / 反向引用
- Java语言编程 - Java历史简介
- springboot情操陶冶-@Configuration注解解析
- 办公室的远程传文件 的命令三种方式linux
- Ubuntu18.04的网络配置
- 简单脱壳教程笔记(2)---手脱UPX壳(1)
- Centos7常见问题及解决方法
- ElasticSearch 2 (28) - 信息聚合系列之高层概念
- Angular 4 投影
- linux 缓存手动清除
- linux netstat查看服务和端口状态
- 【直播预告】云栖直播:阿里热修复产品HotFix2.0升级详解
热门文章
- WinForm 公共控件
- Atom使用到的插件
- 服务器asp.net 3.5 HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效。
- 利用dmidecode 查看服务器的信息技巧
- 浏览器主页被hao123贱贱的篡改的一种方式
- EasyUI表单内容整理
- 美化iTerm2
- html5 audio的暂停与播放
- one recursive approach for 3, hdu 1016 (with an improved version) , permutations, N-Queens puzzle 分类: hdoj 2015-07-19 16:49 86人阅读 评论(0) 收藏
- SDWebImage下载图片有时候无法成功显示出来