CN107885792B - 网页文章显示方法、装置及系统 - Google Patents

Abstract

本发明提供了一种网页文章显示方法、装置及系统，涉及网页文章显示的技术领域，该方法包括：获取服务器上待显示的网页文章；将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；判断字符串数组变量中是否包含有html标签；如果是，提取html标签，并将提取的html标签替换成客户端标签，以对原始文本进行更新；按照网页文章的显示顺序输出更新后的原始文本，以进行显示。本发明提供的网页文章显示方法、装置及系统，能够对html标签进行提取，并替换成客户端标签，使网页文章使用的标签和属性与客户端的标准保持一致，以便在客户端能够显示网页文章的原始显示效果，有助于提高用户的体验度。

Description

网页文章显示方法、装置及系统

技术领域

本发明涉及网页文章显示的技术领域，尤其是涉及一种网页文章显示方法、装置及系统。

背景技术

随着各种客户端的不断更新和完善，越来越多的用户选择使用客户端来浏览网页，如微信、微博等。通常，客户端在显示网页文章时需要从服务器的文章接口读取网页文章来进行显示。

但是，现在的网页文章使用的标签和属性的标准与客户端使用的标准通常是不一样的，因此，客户端在读取网页文章时，通常需要重新组织逻辑来重新进行排版，而在排版过程中通常会遇到标签不符的情况，使得客户端在展示文章页面的时候，造成文字样式改变或者图片失真的情况，不仅影响了网页文章的显示效果，也降低了用户的体验度。

针对上述客户端在展示文章页面时影响文章的显示效果，导致用户体验度低的技术问题，目前尚未提出有效的解决方案。

发明内容

有鉴于此，本发明的目的在于提供一种网页文章显示方法、装置及系统，以缓解了由于客户端展示时影响文章的显示效果导致的用户体验度低的技术问题。

第一方面，本发明实施例提供了一种网页文章显示方法，该方法应用于客户端，客户端与服务器的文章接口连接，该方法包括：获取服务器上待显示的网页文章；将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；判断字符串数组变量中是否包含有html标签；如果是，提取html标签，并将提取的html标签替换成客户端标签，以对原始文本进行更新；按照网页文章的显示顺序输出更新后的原始文本，以进行显示。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，上述判断字符串数组变量中是否包含有html标签包括：获取字符串数组变量中的图片，判断图片中是否包含有html图片标签；和/或，获取字符串数组变量中的纯文本，判断纯文本中是否包含有html文本标签。

结合第一方面的第一种可能的实施方式，本发明实施例提供了第一方面的第二种可能的实施方式，其中上述提取html标签，并将提取的html标签替换成客户端标签包括：利用正则表达式提取图片中包含的html图片标签，将html图片标签替换成客户端图片标签，并将替换后的图片存储在第一数组变量中；和/或，利用正则表达式提取纯文本中包含的html文本标签，将html文本标签替换成客户端文本标签，并将替换后的纯文本存储在第二数组变量中。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，其中，上述将html文本标签替换成客户端文本标签之后，上述方法还包括：判断客户端文本标签的功能；将该功能以class类名的形式写入客户端文本标签中。

结合第一方面的第三种可能的实施方式，本发明实施例提供了第一方面的第四种可能的实施方式，其中，上述方法还包括：将class类名对应的样式写入到客户端的样式文件中，以使更新后的原始文本显示对应的样式效果。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第五种可能的实施方式，其中，上述将替换后的图片存储在第一数组变量中后，上述方法还包括：读取第一数组变量中包含的图片的原始尺寸，计算图片的宽高比；读取客户端的显示屏的尺寸；判断原始尺寸是否超出显示屏的尺寸；如果是，按照显示屏的尺寸和宽高比调整图片的原始尺寸，并将调整尺寸后的图片重新保存至第一数组变量中。

结合第一方面的第五种可能的实施方式，本发明实施例提供了第一方面的第六种可能的实施方式，其中，上述按照网页文章的显示顺序输出更新后的原始文本包括：分别获取第一数组变量中的图片和第二数组变量中的纯文本；按照原始文本的显示顺序输出图片和纯文本。

第二方面，本发明实施例还提供了一种网页文章显示装置，该装置设置于客户端，客户端与服务器的文章接口连接，该装置包括：网页文章获取模块，用于获取服务器上待显示的网页文章；保存模块，用于将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；判断模块，用于判断字符串数组变量中是否包含有html标签；替换模块，用于当判断模块的判断结果为是时，提取html标签，并将提取的html标签替换成客户端标签，以对原始文本进行更新；显示模块，用于按照网页文章的显示顺序输出更新后的原始文本，以进行显示。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，上述判断模块用于：获取字符串数组变量中的图片，判断图片中是否包含有html图片标签；和/或，获取字符串数组变量中的纯文本，判断纯文本中是否包含有html文本标签。

第三方面，本发明实施例还提供了一种网页文章显示系统，该系统包括：客户端和服务器；其中，客户端和服务器网络连接；客户端设置有第二方面所述的网页文章显示装置。

第四方面，本发明实施例提供了一种计算机存储介质，用于储存为上述网页文章显示装置所用的计算机软件指令，其包含用于执行上述方面为网页文章显示装置所设计的程序。

本发明实施例带来了以下有益效果：

本发明实施例提供的一种网页文章显示方法、装置及系统，能够在获取到服务器上传的待显示的网页文章后，将网页文章的原始文本保存在指定的字符串数组变量中，并判断该字符串数组变量是否包含有html标签，如果是，则对html标签进行提取，并替换成客户端标签，使网页文章使用的标签和属性与客户端的标准保持一致，以便在客户端进行显示和排版过程中不会影响到网页文章的原始显示效果，有助于提高用户的体验度。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种网页文章显示方法的流程图；

图2为本发明实施例提供的另一种网页文章显示方法的流程图；

图3为本发明实施例提供的一种网页文章显示装置的结构示意图；

图4为本发明实施例提供的一种网页文章显示系统的结构框图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前，客户端在显示网页文章时，通过在后端进行过滤，即在文章接口返回到客户端时，就已经过滤掉所有的html标签，并且需要将纯文字和图片分开来传递，而且还不能判断原先图片在文章中的某个位置。或者，通过后端转换格式，在文章接口返回到客户端时，将原有的html标签转换成对应的客户端的标签，并且在处理图片的时候，必须固定前台显示的图片尺寸，这样就造成了图片的失真。基于此，本发明实施例提供了一种网页文章显示方法、装置及系统，以在客户端上对网页文章进行显示。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种网页文章显示方法进行详细介绍。

实施例一：

本发明实施例提供了一种网页文章显示方法，该方法可以应用于客户端，具体实现时，该客户端与服务器的文章接口连接，以获取服务器上待显示的网页文章，图1示出了一种网页文章显示方法的流程图，该方法包括以下步骤：

步骤S102，获取服务器上待显示的网页文章；

步骤S104，将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；

步骤S106，判断字符串数组变量中是否包含有html标签；

步骤S108，如果是，提取html标签，并将提取的html标签替换成客户端标签，以对原始文本进行更新；

html标签，也称超文本标记语言(简称：html)标记标签通常被称为html标签，html标签是html语言中最基本的单位，html标签是html(标准通用标记语言下的一个应用)最重要的组成部分，而现在的网页文章全部是基于html标准的，但是，客户端通常使用自己独特的标签，并不是基于html标准，因此，为了避免客户端读取网页文章时遇到标签不符的情况，需要将html标签替换成相应的客户端标签。

步骤S110，按照网页文章的显示顺序输出更新后的原始文本，以进行显示。

具体实现时，上述客户端(Client)也称为用户端，是指与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务端互相配合运行。因特网发展以后，较常用的客户端包括了如万维网使用的网页浏览器，收寄电子邮件时的电子邮件客户端，以及即时通讯的客户端软件等，如微信、qq等。对于这一类应用程序，需要网络中有相应的服务器和服务程序来提供相应的服务，如数据库服务，电子邮件服务等等，这样在客户机和服务器端，需要建立特定的通信连接，来保证应用程序的正常运行，因此，本发明实施例提供的上述方法是基于客户端与服务器建立通信连接后实现的。

本发明实施例提供的一种网页文章显示方法，能够在获取到服务器上传的待显示的网页文章后，将网页文章的原始文本保存在指定的字符串数组变量中，并判断该字符串数组变量是否包含有html标签，如果是，则对html标签进行提取，并替换成客户端标签，使网页文章使用的标签和属性与客户端的标准保持一致，以便在客户端进行显示和排版过程中不会影响到网页文章的原始显示效果，有助于提高用户的体验度。

实施例二：

考虑到网页文章通常都包括文字和图片，因此，客户端在获取到网页文章，并将原始文本保存在指定的字符串数组变量后，需要判断该字符串数组变量中的图片和文字是否都包含有html标签，因此，本发明实施例还提供了另一种网页文章显示方法，该方法也可以应用于客户端，

具体实现时，本发明所述的客户端，可以是微信客户端，微博客户端等，在实际使用时，可以在客户机，如智能手机、平板电脑等智能终端上安装相应客户端的应用程序APP，如微信小程序等，以根据用户的操作进行网页文章的显示。

如图2所示的另一种网页文章显示方法的流程图，该方法包括以下步骤：

步骤S202，获取服务器上待显示的网页文章；

步骤S204，将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；

通常，网页文章的原始内容中会包括纯文本和图片，因此，在本发明实施例提供的方法中，判断字符串数组变量中是否包含有html标签时，需要对图片和纯文本分别判断，本发明实施例中，对图片处理时，执行步骤S206～步骤S212；对纯文本处理时，执行步骤S214～步骤S220。

步骤S206，获取字符串数组变量中的图片；

步骤S208，判断图片中是否包含有html图片标签；如果是，执行步骤S210；如果否，执行步骤S212；

步骤S210，利用正则表达式提取图片中包含的html图片标签，将html图片标签替换成客户端图片标签，并将替换后的图片存储在第一数组变量中；

步骤S212，将图片保存在第一数组变量中；

步骤S214，获取字符串数组变量中的纯文本；

步骤S216，判断纯文本中是否包含有html文本标签；如果是，执行步骤S218；如果否，执行步骤S220；

步骤S218，利用正则表达式提取纯文本中包含的html文本标签，将html文本标签替换成客户端文本标签，并将替换后的纯文本存储在第二数组变量中；

步骤S220，将纯文本保存在第二数组变量中；

对于一篇既包含图片，又包含纯文本的网页文章，可以利用正则表达式来确定网页文章的最开始是文字开头还是图片开头，如果是纯文本(或者文字)开头，就先提取纯文本，如果是图片开头，就先提取图片，因此，图2所示的对图片的处理过程：步骤S206～步骤S212，以及对纯文本的处理过程：步骤S214～步骤S220，可以根据实际来进行确定处理的先后顺序，如果网页文章的最开始是纯文本，则先执行步骤S214～步骤S220，如果网页文章的最开始是图片，则先执行步骤S206～步骤S212，还可以同时执行等等。

进一步，如果一篇网页文章仅仅包含纯文本，则仅仅执行步骤S214～步骤S220，如果一篇网页文章仅仅由图片组成，则仅需执行步骤S06～步骤S212的过程，就可以实现将提取的html标签替换成客户端标签。

具体以实际获取的网页文章为准，本发明实施例对此不进行限制。

步骤S222，分别获取第一数组变量中的图片和第二数组变量中的纯文本；

步骤S224，按照原始文本的显示顺序输出图片和纯文本。

具体地，上述正则表达式，又称规则表达式(英语：Regular Expression，在代码中常简写为regex、regexp或RE)，是计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了一个功能强大的正则表达式引擎等等，正则表达式通常缩写成“regex”，单数有regexp、regex，复数有regexps、regexes、regexen。

以上述客户端为微信客户端，或者，微信小程序为例进行说明，获取的网页文章中包含了纯文本和图片，此时，客户端标签为wxml标签，其中，wxml(WeiXin MarkupLanguage)是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

微信小程序读取到网页文章后，将网页文章存放在字符串数组变量A中，通常网页文章的图片本身都是一个html标签，如，<img>标签，而网页文章通常是由编辑器编辑出来的，因此，即使是纯文本，也是带有如<p>，<span>，<strong>，<a>之类的标签，这些都是html标签，所以不管是判断纯文本，还是判断图片，都需要先判断这些标签。提取html标签的方式是使用正则表达式提取，比如：

var reg＝new RegExp('^<([^>\s]+)[^>]*>(.*？<\/\\1>)？$')；

reg.test(value)；

可以用来判断是否是一个正常的html标签，在实际使用时，判断不同标签的规则略有不同，可以参考相关的资料，本发明实施例对此不进行限制。

当上述微信小程序提取出所有的<img>标签后，可以利用正则表达式将所有的<img>标签批量改为wxml标签，即<image>标签，并将替换后的图片存储在第一数组变量P中。

通常在含有图片的网页文章中，图片可以将纯文本(文字)分开。比如说，一篇文章是文字开头，在文章的中间有一张图片，那么就可以把图片看成分隔符，第一段是图片前的文字，第二段是这张图图片，第三段是图片后的文字，从编程算法的角度，可以认为是将文字和图片分开，所以在存储时，可以用每个图片作为分隔符，将纯文本的段落分隔开，将纯文本中的html文本标签批量替换成wxml标签，如，<text>标签，并将替换后的纯文本存储在第二数组变量T中。

进一步，将html文本标签替换成客户端文本标签之后，上述方法还包括：判断客户端文本标签的功能；将上述功能以class类名的形式写入客户端文本标签中。

通样以客户端为微信小程序为例进行说明，例如html中的<div>标签为块级元素，则使用<text class＝“div”>；<p>标签为段落元素，则使用<textclass＝“div”>；<span>标签为行内元素，则使用<text class＝“span”>，以此类推。

进一步，将替换好的纯文本数据保存在第二数组变量T中后，还需要将class类名对应的样式写入到客户端的样式文件中，以使更新后的原始文本显示对应的样式效果。如，需要将类名为class＝“div”、class＝“p”、class＝“span”等对应的样式写入小程序的样式文件，以便在排版的时候显示出对应的样式效果。具体实现时，上述样式文件可以是wxss文件，其中，wxss(WeiXin Style Sheets)是一套样式语言，用于描述wxml的组件样式。在实际使用时，上述样式文件还可以根据实际编程情况由用户进行设置，本发明实施例对此不进行限制。

考虑到客户端的显示尺寸与网页的显示尺寸不同，为了使网页文章中的图片更好地在客户端上进行显示，上述将替换后的图片存储在第一数组变量中后，上述方法还包括：读取第一数组变量中包含的图片的原始尺寸，计算图片的宽高比；读取客户端的显示屏的尺寸；判断原始尺寸是否超出显示屏的尺寸；如果是，按照显示屏的尺寸和宽高比调整图片的原始尺寸，并将调整尺寸后的图片重新保存至第一数组变量中。

同样以上述客户端为微信小程序为例进行说明，分别读取第一数组变量P中的每张图片，获取图片的真实宽度和高度，将宽度保存在变量w中，将高度保存在变量h中，计算图片的宽高比s＝w/h，再获取显示屏的尺寸保存在变量win中，以宽度为例进行说明，通常判断图片的实际宽度是否超出显示屏的宽度，如果超出，则设置当前图片的宽度为w＝win，高度h＝win/s，将设置好宽度和高度的图片重新保存在数组变量T中。

当图片的尺寸不超过显示屏的尺寸后，按顺序分别加载第一数组变量P和第二数组变量T中的数据，输出在小程序的页面上，通过上述方式，不需要修改后端的程序和接口，实现网页端和微信小程序端使用同一数据接口，就能展示出相同的文章排版效果。

本发明实施例提供的一种网页文章显示方法，能够在获取到服务器上传的待显示的网页文章后，将网页文章的原始文本保存在指定的字符串数组变量中，并判断该字符串数组变量是否包含有html标签，如果是，则对html标签进行提取，并替换成客户端标签，使网页文章使用的标签和属性与客户端的标准保持一致，以便在客户端进行显示和排版过程中不会影响到网页文章的原始显示效果，有助于提高用户的体验度。

实施例三：

在上述实施例的基础上，本发明实施例还提供了一种网页文章显示装置，该装置设置于客户端，客户端与服务器的文章接口连接，图3示出了一种网页文章显示装置的结构示意图，该装置包括：

网页文章获取模块30，用于获取服务器上待显示的网页文章；

保存模块32，用于将网页文章的原始文本保存在指定的字符串数组变量中；其中，原始文本包括图片和纯文本；

判断模块34，用于判断字符串数组变量中是否包含有html标签；

替换模块36，用于当判断模块的判断结果为是时，提取html标签，并将提取的html标签替换成客户端标签，以对原始文本进行更新；

显示模块38，用于按照网页文章的显示顺序输出更新后的原始文本，以进行显示。

进一步，上述判断模块34还用于：获取字符串数组变量中的图片，判断图片中是否包含有html图片标签；和/或，获取字符串数组变量中的纯文本，判断纯文本中是否包含有html文本标签。

本发明实施例提供的网页文章显示装置，与上述实施例提供的网页文章显示方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

实施例四：

在上述实施例的基础上，本发明实施例还提供了一种网页文章显示系统，如图4所示的一种网页文章显示系统的结构框图，该系统包括：客户端400和服务器401；其中，客户端400和服务器401网络连接。

具体地，客户端设置有上述实施例三所述的网页文章显示装置。

具体实现时，服务器401通过网络与一个或多个客户端400进行通信连接，以进行数据通信或交互。服务器401可以是数据库服务器、即时通信服务器、网络服务器、验证服务器等多个服务器，也可以是一个服务器。客户端400可以是智能手机、膝上型便携计算机、车载电脑、智能穿戴设备等与网络交互的移动设备。网络可以是无线网络或有线网络等，实现服务器与客户端之间的通信连接。

具体实现时，上述客户端可以有多个，为了便于说明，图4中仅示出了两个，具体客户端的数量以实际情况为准，本发明实施例对此不进行限制。

本发明实施例所提供的网页文章显示方法、装置及系统的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (7)

1.一种网页文章显示方法，其特征在于，所述方法应用于客户端，所述客户端与服务器的文章接口连接，所述方法包括：

获取所述服务器上待显示的网页文章；

将所述网页文章的原始文本保存在指定的字符串数组变量中；其中，所述原始文本包括图片和纯文本；

判断所述字符串数组变量中是否包含有html标签；

如果是，提取所述html标签，并将提取的所述html标签替换成客户端标签，以对所述原始文本进行更新；

按照所述网页文章的显示顺序输出更新后的所述原始文本，以进行显示；

其中，所述判断所述字符串数组变量中是否包含有html标签包括：

获取所述字符串数组变量中的图片，判断所述图片中是否包含有html图片标签；和/或，获取所述字符串数组变量中的纯文本，判断所述纯文本中是否包含有html文本标签；

所述提取所述html标签，并将提取的所述html标签替换成客户端标签包括：

利用正则表达式提取所述图片中包含的html图片标签，将所述html图片标签替换成客户端图片标签，并将替换后的所述图片存储在第一数组变量中；和/或，利用正则表达式提取所述纯文本中包含的html文本标签，将所述html文本标签替换成客户端文本标签，并将替换后的所述纯文本存储在第二数组变量中；

其中，如果所述网页文章是纯文本开头的文章，则先提取所述纯文本中包含的html文本标签；如果所述网页文章是图片开头的文章，则先提取所述图片中包含的html图片标签。

2.根据权利要求1所述的方法，其特征在于，所述将所述html文本标签替换成客户端文本标签之后，所述方法还包括：

判断所述客户端文本标签的功能；

将所述功能以class类名的形式写入所述客户端文本标签中。

3.根据权利要求2所述的方法，其特征在于，所述方法还包括：

将所述class类名对应的样式写入到所述客户端的样式文件中，以使更新后的所述原始文本显示对应的样式效果。

4.根据权利要求1所述的方法，其特征在于，所述将替换后的所述图片存储在第一数组变量中后，所述方法还包括：

读取所述第一数组变量中包含的所述图片的原始尺寸，计算所述图片的宽高比；

读取所述客户端的显示屏的尺寸；

判断所述原始尺寸是否超出所述显示屏的尺寸；

如果是，按照所述显示屏的尺寸和所述宽高比调整所述图片的原始尺寸，并将调整尺寸后的所述图片重新保存至所述第一数组变量中。

5.根据权利要求4所述的方法，其特征在于，所述按照所述网页文章的显示顺序输出更新后的所述原始文本包括：

分别获取所述第一数组变量中的图片和所述第二数组变量中的纯文本；

按照所述原始文本的显示顺序输出所述图片和所述纯文本。

6.一种网页文章显示装置，其特征在于，所述装置设置于客户端，所述客户端与服务器的文章接口连接，所述装置包括：

网页文章获取模块，用于获取所述服务器上待显示的网页文章；

保存模块，用于将所述网页文章的原始文本保存在指定的字符串数组变量中；其中，所述原始文本包括图片和纯文本；

判断模块，用于判断所述字符串数组变量中是否包含有html标签；

替换模块，用于当所述判断模块的判断结果为是时，提取所述html标签，并将提取的所述html标签替换成客户端标签，以对所述原始文本进行更新；

显示模块，用于按照所述网页文章的显示顺序输出更新后的所述原始文本，以进行显示；

其中，所述判断模块还用于：获取所述字符串数组变量中的图片，判断所述图片中是否包含有html图片标签；和/或，获取所述字符串数组变量中的纯文本，判断所述纯文本中是否包含有html文本标签；

所述替换模块还用于：利用正则表达式提取所述图片中包含的html图片标签，将所述html图片标签替换成客户端图片标签，并将替换后的所述图片存储在第一数组变量中；和/或，利用正则表达式提取所述纯文本中包含的html文本标签，将所述html文本标签替换成客户端文本标签，并将替换后的所述纯文本存储在第二数组变量中；其中，如果所述网页文章是纯文本开头的文章，则先提取所述纯文本中包含的html文本标签；如果所述网页文章是图片开头的文章，则先提取所述图片中包含的html图片标签。

7.一种网页文章显示系统，其特征在于，所述系统包括：客户端和服务器；其中，所述客户端和所述服务器网络连接；

所述客户端设置有权利要求6所述的网页文章显示装置。

Images