IOS UIWebView intercepts HTML and modifies note content, width adaptive

Requirements: Hybrid application UIWebView open HTML, UIWebView have left and right scroll bar, to remove the left and right scrolling effect; method: Through JS intercept the HTML in the UIWebView, and then modify the HTML tag content; Instance code: server-side HTML

Java code

2. <meta http-equiv="Content-type" content= "text/html; Charset=utf-8 ">
3. <meta name="viewport" content="Width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale= 1.0, User-scalable=no ">
4. <title> network exposure to a test room clock slow half hour teacher said this is life </title>

The minimum width of the resulting web page will be device-width, but sometimes it is not necessary to modify the width=device-width to Width=mywidth;
Client code

Java code

1. -(void) Webviewdidfinishload: (UIWebView *) WebView
2. {
3. //Modify the meta value of the server page
4. 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];
5. [WebView Stringbyevaluatingjavascriptfromstring:meta];
6. }

So the problem can be solved.

New Code:

Java code

1. Add utf-8 encoding to Web pages
2. [WebView stringbyevaluatingjavascriptfromstring:
3. @"var taghead =document.documentelement.firstchild;"
4. "var tagmeta = document.createelement (\" Meta\ ");"
5. "Tagmeta.setattribute (\" http-equiv\ ", \" content-type\ ");"
6. "Tagmeta.setattribute (\" content\ ", \" text/html; charset=utf-8\ ");"
7. "var tagheadadd = Taghead.appendchild (Tagmeta);"];

Java code

1. Add CSS styles to a Web page
2. [WebView stringbyevaluatingjavascriptfromstring:
3. @"var taghead =document.documentelement.firstchild;"
4. "var tagstyle = document.createelement (\" style\ ");"
5. "Tagstyle.setattribute (\" type\ ", \" Text/css\ ");"
6. "Tagstyle.appendchild (document.createTextNode (\" body{padding:20pt 15pt}\ "));"
7. "var tagheadadd = Taghead.appendchild (Tagstyle);"];

Java code

2. Block page images and modify image size
4. [WebView stringbyevaluatingjavascriptfromstring:
6. @"var script = document.createelement (' script ');"
8. "Script.type = ' text/javascript ';"
10. "script.text = \" Function resizeimages () {"
12. "var myimg,oldwidth;"
14. "var maxwidth=380;" //Zoom factor
16. "for (I=0;i <document.images.length;i++) {"
18. "myimg = Document.images[i];"
20. "if (Myimg.width > MaxWidth) {"
22. "oldwidth = Myimg.width;"
24. "myimg.width = MaxWidth;"
26. "Myimg.height = Myimg.height * (maxwidth/oldwidth);"
28. "}"   
30. "}"   
32. "}\";"   
34. "document.getElementsByTagName (' head ') [0].appendchild (script);"];
38. [WebView stringbyevaluatingjavascriptfromstring:@"resizeimages ();"];

Other HTML property overloads are similar to this method;  
Reference URL:  
(how to use stringbyevaluatingjavascriptfromstring)/HTTP/ www.uml.org.cn/mobiledev/201108181.asp   
(iphone gets UIWebView inside HTML method) http://blog.csdn.net/ diyagoanyhacker/article/details/6564897 
(IOS uiwebview referencing external CSS styles) http://hi.baidu.com/jwq359699768/item/ 780879e5c98bfb3e4ddcaf22