UIWebView加載本地html控制橫向滾動條消失,並且顯示html中的本地圖片

手頭ios項目需要一些關於我們和簡介的簡單頁面

考慮到樣式的靈活性和多變行,我決定使用支持js和Css的UIWebView加載html來完成。

遇到的問題:

1.亂碼問題。

2.樣式混亂,橫向滾動條問題。

3.圖片不顯示問題。


解決方案:

1.亂碼問題:

  a.設置html的保存格式爲utf-8

  b.設置UIWebView的解碼方式爲utf-8

 

  NSString *htmlPath = [[NSBundle mainBundle]pathForResource:htmlName ofType:@"html"];
    NSData *data = [NSData dataWithContentsOfURL:[NSURL fileURLWithPath:htmlPath]];
    [introductionWebView loadData:data MIMEType:@"text/html" textEncodingName:@"UTF-8" baseURL:nil];
	introductionWebView.backgroundColor = [UIColor clearColor];
	introductionWebView.opaque = NO;

2.樣式混亂問題:(要注意兩點)

a.這自適屏幕的相對寬度,代碼如下

body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>

b.貌似&nbsp;是不被識別的,所以在頁面中不要出現,另外textindent:2em;貌似過大也會造成樣式不如任意;


3.圖片不顯示問題。

a.有問題代碼

<!--<img style="display:none;width=167;height=128" src="logo.png" width="167" height="128">
                        -->

b.正確代碼

<a href="www.soyinke.com">搜音客<img width="167" height="128" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU4AAAD/CAYAAACesj8NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1QTdFRUUyNjlCNkFFMjExQTQwNUExNDQ5RkMwNDk5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOUY4QzI0QjhCNzgxMUUyQUU1NUEwNzdBM0MyNjcyNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOUY4QzI0QThCNzgxMUUyQUU1NUEwNzdBM0MyNjcyNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REIyNUEzNjdFMjhBRTIxMTk0MzJFMEQ0OUNGODNDODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUE3RUVFMjY5QjZBRTIxMUE0MDVBMTQ0OUZDMDQ5OUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRm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" alt="logo.png"  /></a>

c.操作過程:

 先將圖片轉成base64編碼串後在頁面中引用就行了,轉換工具可以參考使用: http://www.abluestar.com/utilities/encode_base64/index.php


歡迎轉載,請註明出處 :   wangyang2698341

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章