[摘要]本文是對IOS UIWebView截獲html並修改便簽內容,寬度自適應的講解,對學習IOS蘋果軟件開發有所幫助,與大家分享。
需求:混合應用UIWebView打開html後,UIWebView有左右滾動條,要去掉左右滾動效果; 方法:通過js截獲UIWebView中的html,然後修改html標簽內容; 實例代碼: 服務器端html
Java代碼
- <html><head>
- <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
- <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
- <title>網曝四川省一考場時鐘慢半小時老師稱這就是命</title></head<body>網曝四川省一考場時鐘慢半小時老師稱這就是命</body></html>
這樣顯示的結果網頁的最小寬度會是device-width;但有時候不需要這個寬度,就需要修改width=device-width為width=myWidth;
客戶端代碼
Java代碼
- -(void)webViewDidFinishLoad:(UIWebView*)webView
- {
- //修改服務器頁面的meta的值
- NSString*meta=[NSStringstringWithFormat:@"document.getElementsByName(\"viewport\")[0].content=\"width=%f,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\"",webView.frame.size.width];
- [webViewstringByEvaluatingJavaScriptFromString:meta];
- }
這樣問題就可以解決了
新增代碼:
Java代碼
- //給網頁增加utf-8編碼
- [webViewstringByEvaluatingJavaScriptFromString:
- @"vartagHead=document.documentElement.firstChild;"
- "vartagMeta=document.createElement(\"meta\");"
- "tagMeta.setAttribute(\"http-equiv\",\"Content-Type\");"
- "tagMeta.setAttribute(\"content\",\"text/html;charset=utf-8\");"
- "vartagHeadAdd=tagHead.appendChild(tagMeta);"];
Java代碼
- //給網頁增加css樣式
- [webViewstringByEvaluatingJavaScriptFromString:
- @"vartagHead=document.documentElement.firstChild;"
- "vartagStyle=document.createElement(\"style\");"
- "tagStyle.setAttribute(\"type\",\"text/css\");"
- "tagStyle.appendChild(document.createTextNode(\"BODY{padding:20pt15pt}\"));"
- "vartagHeadAdd=tagHead.appendChild(tagStyle);"];
Java代碼
- //攔截網頁圖片並修改圖片大小
- [webViewstringByEvaluatingJavaScriptFromString:
- @"varscript=document.createElement('script');"
- "script.type='text/javascript';"
- "script.text=\"functionResizeImages(){"
- "varmyimg,oldwidth;"
- "varmaxwidth=380;"//縮放系數
- "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);"];
- [webViewstringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
其他html屬性重載和此方法類似;