网页中的元素的编辑方法及装置与流程

本申请实施例涉及网页编辑技术领域，更具体的涉及网页中的元素的编辑方法及装置。

背景技术：

网站(Website)是指在因特网上根据一定的规则，使用HTML(Hyper Text Markup Language，超级文本标记语言)等工具制作的用于展示特定内容相关网页的集合。网页是一个包含HTML标签的纯文本文件，网页上可以呈现以下元素：文字、图片、动画、音乐、链接等等。

网站在试运营阶段主要涉及网页上各元素的编辑，例如元素的修改，而各元素的编辑涉及的主要过程如下：获取网页相应的网页代码文件，将网页代码文件中相应的代码进行修改后，再将更新后的网页代码文件上传至服务器，服务器会将依据更新后的网页代码文件对其自身存储的相应网页代码文件进行更新，从而完成网页上各元素的编辑。在通过浏览网页获得网页中需要进行编辑的元素后，由于涉及网页代码文件的修改，因此需要专业编程人员对网页代码文件中的代码进行修改。

综上，目前对网页中的元素的编辑方法仅适用于专业编程人员，适用范围较小。

技术实现要素：

有鉴于此，本发明提供了一种网页中的元素的编辑方法及装置，以克服现有技术中当网页中的元素需要进行编辑时，需要专业编程人员对网页代码文件中的代码进行编辑，导致效率降低的问题。

为实现上述目的，本发明提供如下技术方案：

一种网页中的元素的编辑方法，包括：

检测网页中的触按位置；

依据所述触按位置，从所述网页相应的网页代码文件中获取目标代码，所述目标代码关联有所述触按位置所指向的待编辑元素；

显示元素编辑界面；

通过所述元素编辑界面，接收更新信息，所述更新信息用于将所述待编辑元素替换为更新元素；

依据所述更新信息更新所述目标代码。

一种网页中元素的编辑装置，包括：

确定位置模块，用于确定网页中的触按位置；

获取代码模块，用于依据所述触按位置，从所述网页相应的网页代码文件中获取所述触按位置相应的目标代码，所述目标代码对应待编辑元素；

显示模块，用于在所述网页中显示元素编辑界面；

接收更新信息模块，用于通过所述元素编辑界面，接收更新信息，所述更新信息用于将所述待编辑元素替换为更新元素；

更新模块，用于依据所述更新信息对所述网页代码文件中的目标代码进行更新。

经由上述的技术方案可知，与现有技术相比，本发明实施例提供了一种网页中的元素的编辑方法，利用该方法可以直接在网页上进行元素的编辑，首先确定网页中的触按位置，再依据触按位置从网页相应的网页代码文件中获取触按位置相应的目标代码，该目标代码对应待编辑元素，在网页中显示元素编辑界面，可以通过元素编辑界面输入更新信息，该更新信息用于将网页中的待编辑元素替换为更新元素。对网页中的元素进行编辑的整个过程中，都是在网页上进行操作的，无需人为对网页代码文件中的代码进行修改，所以非专业编程人员通过本申请实施例提供的方法也可以对网页中的元素进行编辑，适用范围较广。

附图说明

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

图1为本申请实施例提供的网页中的元素的编辑系统的结构框图；

图2为通过终端中的浏览器访问的枪火游侠网站的首页的部分示意图；

图3为本申请实施例提供的一种网页中的元素的编辑方法的流程示意图；

图4为本申请实施例提供的网页中位置区域的示意图；

图5为本申请实施例提供的网页中的元素的编辑方法中的显示元素编辑界面的一种实现方式的流程示意图；

图6为本申请实施例提供的一种元素编辑界面的示意图；

图7为本申请实施例提供的一种网页中元素的编辑装置的结构示意图；

图8为本发明实施例提供的包含网页中的元素的编辑装置的终端的硬件结构框图。

具体实施方式

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

本申请实施例记载的网页中的元素的编辑方法可以应用于网页中的元素的编辑系统，如图1所示，为本申请实施例提供的网页中的元素的编辑系统的结构框图。

网页中的元素的编辑系统包括终端11以及服务器12。终端11中装载有浏览器，用户可以通过终端中的浏览器访问网页。例如用户可以通过浏览器访问“枪火游侠”网站，如图2所示，为通过终端11中的浏览器访问的枪火游侠网站的首页的部分示意图。其中，枪火游侠21为图片元素，游戏特色22、新闻中心23以及视频图片24为文字元素。用户可以在终端11中显示的网页(如图2所示的枪火游侠网站的首页)中对各元素进行编辑，对网页中元素的编辑之后，终端解析出的该网页相应的网页代码文件会随之相应修改。

终端11将更新后的网页代码文件发送至服务器12，服务器12会依据更新后的网页代码文件对身存储的相应网页代码文件(如图2所示的枪火游侠网站的首页的网页代码文件)进行更新，当其他用户通过各自的终端中的浏览器再次访问枪火游侠网站的首页时，浏览器会依据更新后的网页代码文件呈现枪火游侠网站的首页。

下面结合上述网页中的元素的编辑系统，对终端中的网页中的元素的编辑方法进行说明，如图3所示，为本申请实施例提供的一种网页中的元素的编辑方法的流程示意图，该方法包括：

步骤S301：检测网页中的触按位置。

用户需要对终端中显示的网页中某一元素进行修改时，可以触按相应的元素，此时终端会检测到网页中被触按的触按位置。当终端为触屏终端时，用户可以通过终端的显示屏触按网页中某一元素，当终端为非触屏终端时，用户可以通过鼠标触按网页中某一元素。

步骤S302：依据所述触按位置，从所述网页相应的网页代码文件中获取目标代码，所述目标代码关联有所述触按位置所指向的待编辑元素。

每一网页都有一网页代码文件，网页代码文件包括网页中显示的各元素相应的代码，即网页中显示的每一元素都是通过网页代码文件中相应的代码来呈现的，当用户触按网页中某一位置后，终端会获得触按位置相应的目标代码。

步骤S303：显示元素编辑界面。

元素编辑界面在网页中显示的位置信息可以根据实际情况而定，例如显示在待编辑元素的正上方(覆盖待编辑元素)，或显示在待编辑元素的一侧等等，以图2为例，用户触按游戏特色22之后，在网页中会显示元素编辑界面25。元素编辑界面25显示在游戏特色22的一侧。

元素编辑界面25只是为了便于本领域技术人员理解而提供的一种可选的元素编辑界面，本申请实施例中的元素编辑界面的表现形式包括但不限于元素编辑界面25。

步骤S302和步骤S303可以同时执行，也可以先执行步骤S303再执行步骤S302，也可以先执行步骤S302再执行步骤S303。

步骤S304：通过所述元素编辑界面，接收更新信息，所述更新信息用于将所述待编辑元素替换为更新元素。

仍以图2为例，假设需要将“游戏特色”修改为“游戏特点”，则用户可以在元素编辑界面25中输入更新信息——“游戏特点”，本申请实施例中将网页中显示的内容称为元素，将元素编辑界面中显示的内容称为更新信息。当网页中的游戏特色22修改为游戏特点之后，在网页中显示的游戏特点可称为更新元素。

步骤S305：依据所述更新信息更新所述目标代码。

假设图2中网页代码文件中与游戏特色22相应的目标代码为title＝"游戏特色"，则依据更新信息更新所述目标代码之后的代码为title＝"游戏特点"。

本发明实施例提供了一种网页中的元素的编辑方法，可以直接在网页上进行元素的编辑，用户对需要进行编辑的元素进行触按后，本申请实施例会依据网页中的触按位置从网页相应的网页代码文件中获取触按位置相应的目标代码，在网页中显示元素编辑界面，用户可以通过元素编辑界面输入更新信息，该更新信息用于将网页中的待编辑元素替换为更新元素。对网页中的元素进行编辑的整个过程中，都是在网页上进行操作的，无需人为对网页代码文件中的代码进行修改，所以非专业编程人员通过本申请实施例提供的方法也可以对网页中的元素进行编辑，适用范围较广。

上述网页中的元素的编辑方法实施例中“依据所述触按位置，从所述网页相应的网页代码文件中获取目标代码”有多种实现方式，下面进行详细说明。

第一种，从网页相应的网页代码文件中获取目标代码的实现方法如下：

从所述网页预定义的至少一个位置区域中，确定所述触按位置对应的目标位置区域，其中，位置区域相应的元素通过相应的代码呈现。从所述目标位置区域对应的代码中，筛选出目标代码。

网页中各元素都对应一位置区域，如图4所示，为本申请实施例提供的网页中位置区域的示意图。

假设网页中显示有元素B，网页中预先设置的原点为预设点A，元素B所在的位置区域41包括：与所述网页中预设点A的水平距离、与所述预设点A的垂直距离、位置区域的长度以及位置区域的高度。

用户触按了网页中某一元素时，终端会检测到触按位置，然后判断哪一位置区域包括该触按位置，最终确定出目标位置区域。

以图2中的枪火游侠21为例，假设用户触按枪火游侠21，该触按位置所属的目标位置区域相应的代码如下：

<h1class＝”spr logo”onclick＝”pgvSengClick({hottag:’main.nav.logo’})”></h1>

该代码包括开始标签<h1以及与结束标签</h1>，本申请实施例中可以依据开始标签和结束标签，来判断各位置区域对应的代码的起始位置和结束位置，从而可以确定出目标位置区域相应的代码。在网页中，开始标签有很多种，结束标签也有很多种。一般情况下，开始标签的格式为“<字符”，结束标签的格式为“</字符>”，可以依据开始标签和结束标签的上述特征，来判断网页文件代码中的字符是否为开始标签和结束标签。具体的，可以依据正则表达式来判断网页代码文件中哪些是开始标签，哪些是结束标签。

上述代码中的class＝”spr logo”为需要筛选出的目标代码。

下面详细介绍如何从目标位置区域相应的代码中，筛选出所述目标代码的实现方法。

从所述目标代码区域对应的代码中，获取待分析代码；判断所述待分析代码中是否包含元素标签属性，元素标签属性用于指示相应元素的元素类型；当所述待分析代码中包含所述元素标签属性时，确定所述待分析代码为所述目标代码。

元素标签属性可以包括class、src、title等等，class与src标识的元素类型为图片类型，title标识的元素类型为文本类型。

仍以枪火游侠21为例，待分析代码可以为onclick＝”pgvSengClick({hottag:’main.nav.logo’})”，也可以为class＝”spr logo”。

若开始获取的待分析代码为class＝”spr logo”，则该待分析代码中包括元素标签属性class，则该目标代码为class＝”spr logo”。

若开始获取的待分析码不包括元素标签属性，则从所述目标位置区域相应的代码中，筛选出所述目标代码还包括：

当所述待分析代码中不包括所述元素标签属性时，判断所述待分析代码的前一代码是否为开始标签；当所述待分析代码的前一代码不是开始标签时，将所述待分析代码的前一代码作为待分析代码，返回判断所述待分析代码中是否包含元素标签属性的步骤。

若开始获取的待分析码为onclick＝”pgvSengClick({hottag:’main.nav.logo’})”，其前一代码为class＝”spr logo”，该代码包括元素标签属性class，则将class＝”spr logo”作为待分析代码。

当所述待分析代码中不包括所述元素标签属性时，从所述目标位置区域相应的代码中，筛选出所述目标代码还包括：

当所述待分析代码中不包括所述元素标签属性时，判断所述待分析代码的后一代码是否为结束标签；

当所述待分析代码的后一代码不是结束标签时，将所述后一代码作为待分析代码，返回判断所述待分析代码中是否包含元素标签属性的步骤。

若开始获取的待分析码为onclick＝”pgvSengClick({hottag:’main.nav.logo’})”，其后一代码为</h1>，其为结束标签，因此不会再向后查找目标代码。

第二种，从网页相应的网页代码文件中获取目标代码的实现方法如下：

从所述网页预定义的至少一个位置区域中，确定所述触按位置对应的目标位置区域，其中，位置区域相应的元素通过相应的代码呈现；确定所述触按位置相应的待编辑元素；从所述目标位置区域相应的代码中，确定与所述待编辑元素对应的目标代码。

可以理解的是，网页代码文件包含的代码中可能包含待编辑元素相应的内容信息，本申请实施例中同一内容(例如“游戏特色”)所处的位置不同，称呼不同，例如在网页中称为元素，在元素编辑界面中称为更新信息(例如图2中游戏特点是更新信息)，在网页代码文件中称为元素相应内容信息。

在确定出目标位置区域相应的代码后，可以从目标位置区域相应的代码中搜索包括待编辑元素相应的内容信息的代码，将包括待编辑元素相应的内容信息的代码确定为目标代码。

假设图2中网页代码文件中与游戏特色22相应的位置区域的代码如下：

<div href＝"/"title＝"游戏特色"id＝"popvideo"></div>，则依据“游戏特色”这一内容信息，可以从上述代码中直接确定出目标代码为title＝"游戏特色"。

可以理解的是，图片元素的内容信息为图片，网页代码文件包含的是图片元素的存储路径或包含存储路径的函数，例如枪火游侠21的目标代码class＝”spr logo”，spr logo是一个函数，spr logo函数中包括枪火游侠21图片的存储路径，此时，若利用第二种方法则无法找到图片元素的目标代码，此时可以利用第一种方式找到图片元素的目标代码。

下面对上述确定所述触按位置相应的待编辑元素的实现方法进行说明。

从所述网页预定义的至少一个位置区域中，确定包含所述触按位置的目标位置区域，其中一个位置区域相应的元素通过相应的代码呈现；将所述目标位置区域对应的元素，确定为所述待编辑元素。

位置区域、位置区域中显示的元素、呈现该元素的代码是一一对应的，当确定位置区域后，就可以获得位置区域中显示的元素以及呈现该元素的代码。

如图5为本申请实施例提供的网页中的元素的编辑方法中的显示元素编辑界面的一种实现方式的流程示意图，该方法包括：

步骤S501：依据所述目标代码确定所述待编辑元素的目标元素类型。

由于目标代码中包括元素标签属性，元素标签属性可以标识元素类型，例如元素标签属性可以包括class、src、title等等，class与src标识的元素类型为图片类型，title标识的元素类型为文本类型。

步骤S502：从预先设置的各元素类型相应的元素编辑界面中，确定所述目标元素类型对应的元素编辑界面。

不同元素类型相应的元素编辑界面可能不同，例如当元素类型为文本类型时，元素编辑界面可以为如图2中的元素编辑界面25，即为一文本输入框。

当元素类型为图片类型或声音类型时，元素编辑界面可以如图6所示的元素编辑界面61。

用户触按枪火游侠22后，会在网页中呈现元素编辑界面61，元素编辑界面61中包括枪火游侠的图片、上传按键62以及下载按键63。图6中所示的元素编辑界面61的背景是可以是透明的，即在网页中显示元素编辑界面61后，仍可以看到被元素编辑界面61覆盖的内容，当然元素编辑界面61的背景也可以不是透明的，这可以根据实际需要设置。在此不作具体限定。

步骤S503：显示所述目标元素类型对应的元素编辑界面。

可选的，元素编辑界面中可以显示待编辑元素相应的内容信息(本申请实施例中将元素编辑界面中显示的待编辑元素称为元素的内容信息)，这样可以节省用户输入更新信息的时间，例如，用户触按游戏特色22之后，显示的元素编辑界面25中显示有“游戏特色”，若用户需要将“游戏特色”修改为“游戏特点”，则只需要将“色”修改为“点”即可，节省了用户输入更新信息的时间。

可以理解的是，有的待编辑元素的内容信息在网页中直接修改可能不太方便，需要将该待编辑元素的内容信息下载到本地，再进行编辑，例如图片元素的内容信息、声音元素的内容信息在网页中就不方便编辑，因此，可选的，元素编辑界面中可以展示有下载按键以及上传按键。此时通过所述元素编辑界面，接收更新信息包括：

当接收到所述下载按键被触按指令时，下载所述待编辑元素相应的内容信息；获取对所述待编辑元素的内容信息进行编辑后的所述更新信息；当接收到所述上传按键被触按指令时，上传所述更新信息。

可以理解的是，在上传声音元素的更新信息(即声音文件)、图片元素的更新信息(即图片)等等时，可能声音元素的更新信息的占用空间、图片元素的更新信息的分辨率，会超出网页的预设阈值，因此，上述任一网页中的元素的编辑方法实施例中还可以包括：在接收到所述上传按键被触按指令时，判断所述更新信息的属性值是否小于等于预设阈值；当检测到所述更新信息的属性值小于等于所述预设阈值时，接收所述更新信息。

不同类型的元素的更新信息的属性值类型不同，例如声音元素相应的属性值为占用空间；图片元素相应的属性值为分辨率。不同类型的元素的预设阈值不同。

用户在通过终端中的浏览器访问网页的过程中，若需要对网页进行编辑，则需要先确定进入元素编辑模式，否则用户触按网页中某一位置时，例如触按游戏特色22时，会链接到游戏特色22相应的网页中。因此，上述任一网页中的元素的编辑方法实施例中，在检测网页中的触按位置之前还包括：确定进入元素编辑模式。

用户可以通过点击相应的快捷键确定进入元素编辑模式，例如通过按t+d+e+b+e+g+回车确定进入元素编辑模式。

上述的元素编辑模式可以为debug模式。

可以理解的是，用户对网页中元素进行编辑时，可能需要编辑多个元素，此时可以在每次编辑一元素后，将更新后的网页代码文件以及网页代码文件的标识，发送至服务器，这样编辑元素的个数，就是终端与服务器进行交互的次数，使得网页中的元素的编辑速度较慢。

为了提高网页中的元素的编辑速度，可以将该网页中所有元素编辑完毕之后，再将该网页对应的更新后的网页代码文件以及网页代码文件的标识发送至云端服务器。

终端检测到退出元素编辑模式指令时，就认为该网页中所有元素编辑完毕。

同一网页的原始的网页代码文件的标识与更新后的网页代码文件的标识是相同的。

服务器在接收到更新后的网页代码文件以及网页代码文件的标识后，会从预先存储的各标识相应的网页代码文件中，确定接收到的标识相应的目标网页代码文件；依据接收到的网页代码文件对目标网页代码文件进行更新。

上述依据接收到的网页代码文件对目标网页代码文件进行更新可以包括：将接收到的网页代码文件和目标网页代码文件进行比对，将目标网页代码文件中与接收到的网页代码文件中不同的代码，更新为接收到的网页代码文件相应的代码。

具体的，可以利用javascript对目标网页代码文件中与接收到的网页代码文件中不同的代码，例如文字、图片的存储路径等等进行更新。

若服务器同时接收到多个终端发送的具有同一标识ID的网页代码文件，可以先将具有同一标识ID的网页代码文件进行合并，获得一个整合后的网页代码文件，再将服务器预先存储的相应网页代码文件与该整合后的网页代码文件进行比对，假设服务器同时接收到具有同一标识ID的网页代码文件有3个，分别为网页代码文件A、网页代码文件B以及网页代码文件C，假设网页代码文件A中包含的代码如下：

<meta name＝"Description"content＝"由腾讯游戏独家代理的第一人称视角射击游戏网游。">

<meta name＝"Keywords"content＝"paladinsOL，paladins，枪火游侠，枪火游侠Online，枪火游侠OL，现代战争，射击游戏，Call of Duty，Call of Duty Online，Call of Duty Online现代战争，黑色行动，普莱斯，幽灵，肥皂，ghost，paladinsOL视频，paladinsOL官网，paladinsOL游戏下载">

假设网页代码文件B中包含的代码如下：

<meta name＝"Description"content＝"由腾讯游戏独家代理的第一人称视角射击游戏网游。">

<meta name＝"Keywords"content＝"paladinsOL，paladins，枪火游侠，枪火游侠Online，枪火游侠OL，现代战争，现代战争OL，FPS，FPS网游，射击游戏，Call of Duty，Call of Duty Online，Callof Duty Online现代战争，黑色行动，普莱斯，幽灵，肥皂，ghost，paladinsOL视频，paladinsOL官网，paladinsOL游戏下载">

假设网页代码文件C中包含的代码如下：

<meta name＝"Description"content＝"《枪火游侠Online》是由腾讯游戏独家代理的第一人称视角射击游戏网游。">

<meta name＝"Keywords"content＝"paladinsOL，paladins，枪火游侠，枪火游侠Online，枪火游侠OL，现代战争，射击游戏，Call of Duty，Call of Duty Online，Call of Duty Online现代战争，黑色行动，普莱斯，幽灵，肥皂，ghost，paladinsOL视频，paladinsOL官网，paladinsOL游戏下载">

通过比对网页代码文件A、网页代码文件B以及网页代码文件C，认为区别与另外两个网页文件代码中的内容是更新部分(已经用加粗下划线突出更新部分)，从而确定出上述“现代战争OL，FPS，FPS网游，射击游戏”以及“《枪火游侠Online》是”是更新部分，则整合后的网页代码文件如下：

<meta name＝"Description"content＝"《枪火游侠Online》是由腾讯游戏独家代理的第一人称视角射击游戏网游。">

<meta name＝"Keywords"content＝"paladinsOL，paladins，枪火游侠，枪火游侠Online，枪火游侠OL，现代战争，现代战争OL，FPS，FPS网游，射击游戏，Call of Duty，Call of Duty Online，Call of Duty Online现代战争，黑色行动，普莱斯，幽灵，肥皂，ghost，paladinsOL视频，paladinsOL官网，paladinsOL游戏下载">

上述任一网页中元素的编辑方法实施例中的网页代码文件中可以加入tdebug.js文件中的代码。

下面对本发明实施例提供的网页中元素的编辑装置进行介绍，下文描述的网页中元素的编辑装置可以与上文网页中元素的编辑方法中的信令流程内容相互对应参照。

如图7，为本申请实施例提供的一种网页中元素的编辑装置的结构示意图，该装置包括：检测位置模块71、获取代码模块72、显示模块73、接收更新信息模块74以及更新模块75，其中：

检测位置模块71，用于检测网页中的触按位置。

获取代码模块72，用于依据所述触按位置，从所述网页相应的网页代码文件中获取目标代码，所述目标代码关联有所述触按位置所指向的待编辑元素。

显示模块73，用于显示元素编辑界面。

接收更新信息模块74，用于通过所述元素编辑界面，接收更新信息，所述更新信息用于将所述待编辑元素替换为更新元素。

更新模块75，用于依据所述更新信息更新所述目标代码。

可选的，上述网页中的元素的编辑装置中的获取代码模块72可以包括：

第一确定单元，用于从所述网页预定义的至少一个位置区域中，确定所述触按位置对应的目标位置区域，其中一个位置区域相应的元素通过相应的代码呈现；

筛选单元，用于从所述目标位置区域对应的代码中，筛选出目标代码。

可选的，上述网页中的元素的编辑装置中的筛选单元包括：

第一获取子单元，用于从所述目标代码区域对应的代码中，获取待分析代码。

第一判断子单元，用于判断所述待分析代码中是否包含元素标签属性，所述元素标签属性用于指示相应元素的元素类型。

第一确定子单元，用于当所述待分析代码中包含所述元素标签属性时，确定所述待分析代码为所述目标代码。

可选的，上述网页中的元素的编辑装置中的筛选单元还包括：

第二判断子单元，用于当所述待分析代码中不包括所述元素标签属性时，判断所述待分析代码的前一代码是否为开始标签；

第一返回子单元，用于当所述待分析代码的前一代码不是开始标签时，将所述待分析代码的前一代码作为待分析代码，返回判断所述待分析代码中是否包含元素标签属性的步骤。

可选的，上述网页中的元素的编辑装置中的筛选单元还包括：

第三判断子单元，用于当所述待分析代码中不包括所述元素标签属性时，判断所述待分析代码的后一代码是否为结束标签；

第二返回子单元，用于当所述待分析代码的后一代码不是结束标签时，将所述后一代码作为待分析代码，返回判断所述待分析代码中是否包含元素标签属性的步骤。

可选的，上述网页中的元素的编辑装置中的筛选单元包括：

第二获取子单元，用于获取所述触按位置相应的待编辑元素；

第二确定子单元，用于从所述目标位置区域相应的代码中，确定与所述待编辑元素对应的目标代码。

可选的，上述网页中的元素的编辑装置中的第二获取子单元包括：

确定子模块，用于将所述目标位置区域对应的元素，确定为所述待编辑元素。

可选的，上述任一网页中的元素的编辑装置中的所述显示模块包括：

确定元素类型单元，用于依据所述目标代码确定所述待编辑元素的目标元素类型；

确定界面单元，用于从预先设置的各元素类型相应的元素编辑界面中，确定所述目标元素类型对应的元素编辑界面；

显示单元，用于显示所述目标元素类型对应的元素编辑界面。

可选的，上述任一网页中的元素的编辑装置中的元素编辑界面展示有下载按键以及上传按键，接收更新信息模块包括：

下载单元，用于当接收到所述下载按键被触按指令时，下载所述待编辑元素相应的内容信息；

第一获取单元，用于获取对所述待编辑元素的内容信息进行编辑后的所述更新信息；

上传单元，用于当接收到所述上传按键被触按指令时，上传所述更新信息。

可选的，上述任一网页中的元素的编辑装置中的上传单元包括：

第四判断子单元，用于接收到所述上传按键被触按指令时，判断所述更新信息的属性值是否小于等于预设阈值；

接收子单元，用于当检测到所述更新信息的属性值小于等于所述预设阈值时，接收所述更新信息。

可选的，上述任一网页中的元素的编辑装置还包括：

触发模块，用于当进入元素编辑模式时，触发所述确定位置模块。

可选的，上述网页中的元素的编辑装置还包括：

接收指令模块，用于接收退出元素编辑模式指令；

发送单元，用于将更新后的所述网页代码文件以及所述网页代码文件的标识发送至云端服务器。

图8示出了本发明实施例提供的包含网页中的元素的编辑装置的终端的硬件结构框图，参照图8，该终端可以包括：处理器81，通信接口82，存储器83和通信总线84；

其中处理器81、通信接口82、存储器83通过通信总线84完成相互间的通信；

可选的，通信接口82可以为通信模块的接口，如GSM模块的接口；

处理器81，用于执行程序；

存储器83，用于存放程序和数据；

程序可以包括程序代码，所述程序代码包括计算机操作指令；数据可以包括网页代码文件。

处理器81可能是一个中央处理器CPU，或者是特定集成电路ASIC(Application Specific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。

存储器83可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

其中，程序可具体用于：

检测网页中的触按位置；

依据所述触按位置，从所述网页相应的网页代码文件中获取目标代码，所述目标代码关联有所述触按位置所指向的待编辑元素；

显示元素编辑界面；

通过所述元素编辑界面，接收更新信息，所述更新信息用于将所述待编辑元素替换为更新元素；

依据所述更新信息更新所述目标代码。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。