UIWebView獲得內容的高 高度自適應 寬度自適應
UIWebView獲得內容的高－作出自適應高的UIWebView
- (void)webViewDidFinishLoad:(UIWebView *)webView { NSString *height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]; int height = [height_str intValue]; webView.frame = CGRectMake(0,0,320,height); NSLog(@"height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]); }
IOS UIWebView截獲html并修改便簽內容,寬度自適應 iosuiwebview寬度自適應 需求：混合應用UIWebView打開html后，UIWebView有左右滾動條，要去掉左右滾動效果； 方法：通過js截獲UIWebView中的html，然后修改html標簽內容； 實例代碼： 服務器端html Java代碼 收藏代碼 <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="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 = [NSString stringWithFormat:@"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]; [webView stringByEvaluatingJavaScriptFromString:meta]; } 這樣問題就可以解決了 新增代碼： Java代碼 收藏代碼 //給網頁增加utf-8編碼 [webView stringByEvaluatingJavaScriptFromString: @"var tagHead =document.documentElement.firstChild;" "var tagMeta = document.createElement(\"meta\");" "tagMeta.setAttribute(\"http-equiv\", \"Content-Type\");" "tagMeta.setAttribute(\"content\", \"text/html; charset=utf-8\");" "var tagHeadAdd = tagHead.appendChild(tagMeta);"]; Java代碼 收藏代碼 //給網頁增加css樣式 [webView stringByEvaluatingJavaScriptFromString: @"var tagHead =document.documentElement.firstChild;" "var tagStyle = document.createElement(\"style\");" "tagStyle.setAttribute(\"type\", \"text/css\");" "tagStyle.appendChild(document.createTextNode(\"BODY{padding: 20pt 15pt}\"));" "var tagHeadAdd = tagHead.appendChild(tagStyle);"]; Java代碼 收藏代碼 //攔截網頁圖片 并修改圖片大小 [webView stringByEvaluatingJavaScriptFromString: @"var script = document.createElement('script');" "script.type = 'text/javascript';" "script.text = \"function ResizeImages() { " "var myimg,oldwidth;" "var maxwidth=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);"]; [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
posted on 2014-03-03 15:51 ACM_Someone like you 閱讀(1859) 評論(0) 收藏 舉報
浙公網安備 33010602011771號