iOS开发Webview,加载html代码图片适配
来源:互联网 发布:淘宝儿童食品代理 编辑:程序博客网 时间:2024/05/16 02:31
在iOS与html混合开发中,往往会使用到webview去加载自己编写或者服务器分发的html代码,这其中就会设计到html代码不能完美适配到移动端,在一些地方我们就要做相应的修改。
如果我们需要修改的是一段已知的html代码,且本身有一定html基础的情况下, 我们可以去替换出相应的字符串,从而达到适配当前页面的情况,例如
// _model.rule = [_model.rule stringByReplacingOccurrencesOfString:@"500"withString:@"400"];
// _model.rule = [_model.rule stringByReplacingOccurrencesOfString:@"250"withString:@"200“];
_model.rule就是我们从服务器上获取到的html代码,我们需要在webview上去loadHtmlString,在我们已知这段html代码的情况下,我们就可以去替换掉里面的部分唯一数据。如果某处css设置宽度为500,且唯一,在手机端又无法适配,我们就可以去做相应的修改,当然这种方法拥有较大的局限性,只是在某些js修改较为麻烦的情况下,我门可以尝试性的去进行修改。
如果仅仅是web图片超出手机屏幕宽度或高度,就可以通过js修改去完成脚步调用,从而达到适配的效果,代码如下:
[webView stringByEvaluatingJavaScriptFromString:
@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function ResizeImages() { "
"var myimg,oldwidth;"
"var maxwidth=document.body.clientWidth;"//缩放系数</span>
"for(i=0;i <document.images.length;i++){"
"myimg = document.images[i];"
"if(myimg.width > maxwidth){"
"oldwidth = myimg.width;"
"myimg.width = maxwidth;"
"myimg.height = myimg.height * (maxwidth/oldwidth);"
"}"
"}"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);"];
[webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
- iOS开发Webview,加载html代码图片适配
- iOS开发 webView加载html数据
- webview加载html代码,其中代码中有图片
- iOS开发-webView加载网页,加载静态HTML文件
- 利用WebView加载HTML代码时解决图片正常显示
- 关于webView加载html代码 图片拦截修改
- 用 webView 加载 html 字符串代码来显示图片
- iOS webView加载本地html,及图片等问题
- iOS开发,webView加载图片, js交互, 点击图片放大
- IOS学习之WebView加载本地HTML代码或网络资源
- webView 加载html代码乱码
- Android WebView 加载HTML代码
- iOS webview 加载html 乱码
- ios的webView加载本地html图片路径显示及webview适配
- XZ_iOS之使用webView加载后台返回的一串html代码,HTML中的图片不显示
- Android WebView加载html文本时,图片太大不能适配屏幕
- Android WebView加载html文本时,图片太大不能适配屏幕
- Android WebView加载Html文本不能适配,以及图片中间有空白的问题
- iOS应用程序之间数据共享
- 特殊字符的处理
- UVA-11401 Triangle Counting(数学优化)
- C/C++复习(6):预处理器
- POJ 2378 Tree Cutting (简单树形DP、删点)
- iOS开发Webview,加载html代码图片适配
- Mysql 相邻两行记录某列的差值
- 判断输入是否包含汉字或其他字母
- python,.Net,Java的垃圾回收机制
- 构造方法数据类型的测试
- android实现抓取网络访问数据的方式(一)
- Codeforces Round #336 (Div. 2)-C. Chain Reaction
- 【数据结构】数据结构中常用的排序算法
- [bzoj1088][DP]扫雷Mine