IOS Html富文本渲染方式：DTCoreText、WKWebView、UIWebView的内存占用对比_html/css

Home

Web Front-end

HTML Tutorial

IOS Html富文本渲染方式：DTCoreText、WKWebView、UIWebView的内存占用对比_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 08:57 AM

在app的内容页（详情页）中，富文本的显示一直是经常需要处理的问题，而通常在后端的富文本编辑中，Html应用比较普遍，所以其实需要处理的Html富文本显示的问题，以下这三种方式肯定不是最优的显示Html富文本的方式，只是相对简单的解决方案，对前后端的转换要求少，可以快速集成。

以下对这3种方式进行内存的测试对比，毕竟详情页是相对比较大，而且打开频率高的页面，所以内存占用是必须要考虑的问题。

基本环境：

Objective-C
Xcode 6.4
Deployment Target IOS 8.0
DTCoreText 版本：1.6.16

说明：

DTCoreText：第三方富文本显示组件，支持Html转换为 NSAttributedString；
WKWebView：IOS 的WebKit框架的浏览器组件，从IOS 8.0 开始支持；
UIWebView：IOS 的UIKit框架的浏览器组件，从IOS 2.0 开始支持；

测试方法：

使用3个组件分别显示一个web页面的内容（例如：http://news.dayoo.com/guangzhou/201512/11/139995_45489706.htm）；
页面加载完后，清空内容，再次加载内容，重复3次；
比较3个组件所占用的内存情况；

内存调试工具：Instruments

测试结果：

DTCoreText

WKWebView

UIWebView

运行期的内存占用： DTCoreText

UIWebView一直被人诟病的内存占用问题依旧没有解决，如果需要打开的Html页面比较复杂（尤其是有不少js的）还是慎用吧，新的WKWebView 确实比UIWebView 在内存管理上做得更好，如果app可以抛弃IOS 7 或以下版本，值得使用，至少在内存占用上已经跟原生的NSAttributedString 差距没那么大了，在IOS设备内存和性能更高的情况下，差距会更小，而纯Html 页面灵活度会更高。

之前在使用UIWebView的时候，试过各种释放内存的方法，包括设置 NSURLCache，清空NSURLCache 等方法，但实际作用都不大，所以在测试中并没有使用这些方式，只是使用 [_webContent loadHTMLString:nil baseURL:nil]; 进行清空内容；

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

The Versatility of HTML: Applications and Use CasesApr 30, 2025 am 12:03 AM

HTML is not only the skeleton of web pages, but is more widely used in many fields: 1. In web page development, HTML defines the page structure and combines CSS and JavaScript to achieve rich interfaces. 2. In mobile application development, HTML5 supports offline storage and geolocation functions. 3. In emails and newsletters, HTML improves the format and multimedia effects of emails. 4. In game development, HTML5's Canvas API is used to create 2D and 3D games.

What is the root tag in an HTML document?Apr 29, 2025 am 12:10 AM

TheroottaginanHTMLdocumentis.Itservesasthetop-levelelementthatencapsulatesallothercontent,ensuringproperdocumentstructureandbrowserparsing.

Are the HTML tags and elements the same thing?Apr 28, 2025 pm 05:44 PM

The article explains that HTML tags are syntax markers used to define elements, while elements are complete units including tags and content. They work together to structure webpages.Character count: 159

What is the significance of <head> and <body> tag in HTML?Apr 28, 2025 pm 05:43 PM

The article discusses the roles of <head> and <body> tags in HTML, their impact on user experience, and SEO implications. Proper structuring enhances website functionality and search engine optimization.

What is the difference between <strong>, <b> tags and <em>, <i> tags?Apr 28, 2025 pm 05:42 PM

The article discusses the differences between HTML tags , , , and , focusing on their semantic vs. presentational uses and their impact on SEO and accessibility.

Please explain how to indicate the character set being used by a document in HTML?Apr 28, 2025 pm 05:41 PM

Article discusses specifying character encoding in HTML, focusing on UTF-8. Main issue: ensuring correct display of text, preventing garbled characters, and enhancing SEO and accessibility.

What are the various formatting tags in HTML?Apr 28, 2025 pm 05:39 PM

The article discusses various HTML formatting tags used for structuring and styling web content, emphasizing their effects on text appearance and the importance of semantic tags for accessibility and SEO.

What is the difference between the 'id' attribute and the 'class' attribute of HTML elements?Apr 28, 2025 pm 05:39 PM

The article discusses the differences between HTML's 'id' and 'class' attributes, focusing on their uniqueness, purpose, CSS syntax, and specificity. It explains how their use impacts webpage styling and functionality, and provides best practices for

See all articles