CN112579958A - 网页转换方法、装置、计算机设备及可读存储介质 - Google Patents
网页转换方法、装置、计算机设备及可读存储介质 Download PDFInfo
- Publication number
- CN112579958A CN112579958A CN202011537974.5A CN202011537974A CN112579958A CN 112579958 A CN112579958 A CN 112579958A CN 202011537974 A CN202011537974 A CN 202011537974A CN 112579958 A CN112579958 A CN 112579958A
- Authority
- CN
- China
- Prior art keywords
- webpage
- original
- target
- web page
- component library
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000006243 chemical reaction Methods 0.000 title claims abstract description 54
- 230000006399 behavior Effects 0.000 claims description 16
- 238000004590 computer program Methods 0.000 claims description 9
- 238000004806 packaging method and process Methods 0.000 claims description 6
- 238000011426 transformation method Methods 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 12
- 230000000694 effects Effects 0.000 abstract description 8
- 230000000875 corresponding effect Effects 0.000 description 17
- 238000009877 rendering Methods 0.000 description 10
- 238000006467 substitution reaction Methods 0.000 description 8
- 238000013461 design Methods 0.000 description 6
- 239000003086 colorant Substances 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000005538 encapsulation Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000008719 thickening Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 239000000284 extract Substances 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—Trees
Abstract
本发明涉及计算机开发技术领域，公开了一种网页转换方法、装置、计算机设备及可读存储介质，包括：接收客户端通过操作原始网页生成的替换请求；根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。本发明还涉及区块链技术，信息可存储于区块链节点中。本发明实现了无需调用预先创制好的目标网页，而仅需根据用户的需求即可将原始网页转为目标网页的技术效果，使得开发人员仅需创制组件库即可满足用户对于多种目标页面的需求，极大的降低了开发人员的开发负担，以及原始页面及其对应的目标页面的代码量。
Description
技术领域
本发明涉及计算机开发技术领域，尤其涉及一种网页转换方法、装置、计算机设备及可读存储介质。
背景技术
对于集团企业来说，线上产品(即：网络页面)是一个庞大且复杂的体系，且背后有着各式各样的企业级的后台系统。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够做出相应。
然而，发明人发现，集团企业为满足用户的需求(如需要老人版网页，即：字体放大加粗，或护眼版页面，即：需要将网页的背景色调暗)，往往需要构建色彩、字体等设计不同，但是内容相似甚至相同的页面，以备满足用户需求，导致线上产品的开发负担大，并且造成严重的代码冗余。
发明内容
本发明的目的是提供一种网页转换方法、装置、计算机设备及可读存储介质，用于解决现有技术存在的因需要构建色彩、字体等设计不同，但是内容相似甚至相同的页面，以备满足用户需求，导致线上产品的开发负担大，并且造成严重的代码冗余的问题。
为实现上述目的，本发明提供一种网页转换方法，包括：
接收客户端通过操作原始网页生成的替换请求；
根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
上述方案中，所述接收客户端通过操作原始网页生成的替换请求之前，所述方法还包括：
获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库。
上述方案中，所述获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库之后，所述方法还包括：
在原始网页中创设转换按键并在所述转换按键中创设埋点，将所述原始网页发送至客户端展示。
上述方案中，所述接收客户端通过操作原始网页生成的替换请求之后，所述方法还包括：
通过所述埋点获取描述所述客户端生成替换请求的操作行为的行为信息。
上述方案中，所述根据所述替换请求的信息从预置的替换表中获取组件库之前，所述方法还包括：
创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表，所述组件库保存了对DOM树中的标签进行替换的组件标签；
所述创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表之后，所述方法还包括：
将所述组件库和替换表上传至区块链中。
上述方案中，所述将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页之后，所述方法还包括：
判断所述操作信息与所述目标网页是否对应；若是，判定所述网页转换成功；若否，则判定所述网页转换失败并生成失败信息，将所述失败信息发送至控制端。
上述方案中，所述将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页之后，所述方法还包括：
接收客户端发送的复制请求，判断所述客户端是否具有复制权限；若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，将所述数据包发送至所述客户端；若否，则向所述客户端发送无权复制信息。
为实现上述目的，本发明还提供一种网页转换装置，包括：
请求接收模块，用于接收客户端通过操作原始网页生成的替换请求；
标签获取模块，用于根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
网页转换模块，用于将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
为实现上述目的，本发明还提供一种计算机设备，其包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述计算机设备的处理器执行所述计算机程序时实现上述网页转换方法的步骤。
为实现上述目的，本发明还提供一种计算机可读存储介质，所述可读存储介质上存储有计算机程序，所述可读存储介质存储的所述计算机程序被处理器执行时实现上述网页转换方法的步骤。
本发明提供的网页转换方法、装置、计算机设备及可读存储介质，通过获取发送所述替换请求的原始网页的网页标识，提取与所述原始网页关联的替换表，以保证替换所述原始网页的DOM中的标签时的适配性和可靠性，通过获取所述原始网页的DOM树，将所述DOM树中描述与所述目标标签一致的标签设为待替换标签，将所述待替换标签替换为所述目标标签得到替换DOM树，启动渲染组件对所述替换DOM树进行渲染得到目标网页，实现无需调用预先创制好的目标网页，而仅需根据用户的需求即可将原始网页转为目标网页的技术效果，使得开发人员仅需创制组件库即可满足用户对于多种目标页面的需求，极大的降低了开发人员的开发负担，以及原始页面及其对应的目标页面的代码量。
附图说明
图1为本发明网页转换方法实施例一的流程图；
图2为本发明网页转换方法实施例二中网页转换方法的环境应用示意图；
图3是本发明网页转换方法实施例二中网页转换方法的具体方法流程图；
图4为本发明网页转换装置实施例三的程序模块示意图；
图5为本发明计算机设备实施例四中计算机设备的硬件结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明提供的网页转换方法、装置、计算机设备及可读存储介质，适用于计算机开发的UI设计技术领域，为提供一种基于请求接收模块、标签获取模块、网页转换模块、原始数据模块、埋点创设模块、行为获取模块、库表创建模块、页面验证模块、信息复制模块的网页转换方法。本发明通过接收客户端通过操作原始网页生成的替换请求；根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
实施例一：
请参阅图1，本实施例的一种网页转换方法，包括：
S103：接收客户端通过操作原始网页生成的替换请求；
S106：根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
S107：将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
在示例性的实施例中，所述替换请求是根据用户操作所述转换按键所生成的，例如：通过点击“老人版”按键生成内容为“老人版”的替换请求，通过点击“护眼版”按键生成内容为“护眼版”的替换请求。
通过获取发送所述替换请求的原始网页的网页标识，提取与所述原始网页关联的替换表；由于各原始网页的文字、颜色及布局的设计是不同的，因此，针对每个原始网页构建一个与其对应的替换表，该替换表中保存有与所述原始网页匹配的组件库，以保证替换所述原始网页的DOM中的标签时的适配性和可靠性。再根据所述替换请求的信息(如：老人版、护眼版)从所述替换表中获取组件库，并将所述组件库中的标签设为目标标签。
通过获取所述原始网页的DOM树，将所述DOM树中描述与所述目标标签一致的标签设为待替换标签，将所述待替换标签替换为所述目标标签得到替换DOM树，启动渲染组件对所述替换DOM树进行渲染得到目标网页，实现无需调用预先创制好的目标网页，而仅需根据用户的需求即可将原始网页转为目标网页的技术效果，使得开发人员仅需创制组件库即可满足用户对于多种目标页面的需求，极大的降低了开发人员的开发负担，以及原始页面及其对应的目标页面的代码量。
实施例二：
本实施例为上述实施例一的一种具体应用场景，通过本实施例，能够更加清楚、具体地阐述本发明所提供的方法。
下面，以在运行有网页转换方法的服务器中，通过将原始网页的DOM树中的标签替换为组件库中的标签，使所述原始网页转为目标网页为例，来对本实施例提供的方法进行具体说明。需要说明的是，本实施例只是示例性的，并不限制本发明实施例所保护的范围。
图2示意性示出了根据本申请实施例二的网页转换方法的环境应用示意图。
在示例性的实施例中，网页转换方法所在的服务器2通过网络分别连接控制端3和客户端4；所述服务器2可以通过一个或多个网络提供服务，网络可以包括各种网络设备，例如路由器，交换机，多路复用器，集线器，调制解调器，网桥，中继器，防火墙，代理设备和/或等等。网络可以包括物理链路，例如同轴电缆链路，双绞线电缆链路，光纤链路，它们的组合和/或类似物。网络3可以包括无线链路，例如蜂窝链路，卫星链路，Wi-Fi链路和/或类似物；所述控制端3和客户端4可为智能手机、平板电脑、笔记本电脑、台式电脑等计算机设备。
图3是本发明一个实施例提供的一种网页转换方法的具体方法流程图，该方法具体包括步骤S201至S209。
S201：获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库；
为实现当客户端需要将目标网页恢复至原始网页的效果，本步骤通过提取原始网页的DOM树并将其制成原始库，使客户端一旦发送内容为原始版的替换请求时，无需再次替换目标网页的标签，仅需通过渲染工具对原始库中的DOM树进行渲染得到原始网页，实现快速恢复原始版本网页的技术效果。
S202：在原始网页中创设转换按键并在所述转换按键中创设埋点，将所述原始网页发送至客户端展示。
本步骤中，通过在原始网页中创设转换按键的方式，以便于用户在原始网页上进行原始网页转换的操作；通过在所述转换按键中埋入埋点，以获取用户在原始网页上所进行的操作行为，进而有利于获取用户的转换目的。
于本实施例中，采用可视化埋点作为所述埋点，可视化埋点是利用可视化交互手段，通过可视化界面配置控件操作与事件操作发生关系，通过后台截屏的方式采集数据，其具有成本低，速度快的特点。
S203：接收客户端通过操作原始网页生成的替换请求。
本步骤中，所述替换请求是根据用户操作所述转换按键所生成的，例如：通过点击“老人版”按键生成内容为“老人版”的替换请求，通过点击“护眼版”按键生成内容为“护眼版”的替换请求。
S204：通过所述埋点获取描述所述客户端生成替换请求的操作行为的行为信息。
为记录客户端在原始网页上的操作行为，以获知客户端真正所需的操作是什么，本步骤通过在所述原始网页中创设埋点的方式，以记录所述客户端在所述原始网页上的操作行为。例如：通过点击“老人版”按键生成替换请求，所述替换请求的信息是“老人版”；此时，所述埋点采集原始网页上被操作的按键行为，并记录该行为得到操作信息—老人版。
S205：创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表，所述组件库保存了对DOM树中的标签进行替换的组件标签。
示例性地，替换请求的信息包括原始版、老人版、护眼版；
原始版对应的原始库中的DOM树具有标签：<font></font>、<BODY bgcolor＝“默认1”></BODY>、<TABLE bgcolor＝"默认2"></TABLE>。
所述老人版对应的组件库的组件标签包括：
放大字体标签，其属性值为字号B，其中，所述字号B的文字大小，大于所述DOM树的标签的属性值字号A。例如所述放大字体标签是：<font size＝"value"></font>，value表示字体大小，可能的值：从1到7的数字，通常的浏览器默认的字号A为3，放大字体标签可使用4以上的数字作为value，即所述字号B。
加粗字体标签，其属性值为加粗，其中，所述DOM树的标签的属性值为非加粗。例如：所述加粗字体标签是<b><font></font></b>，其用于对DOM树中<font></font>的标签进行替换，以将<font>百度</font>替换为加粗字体标签：<b><font>百度</font></b>。
护眼版对应的组件库的组件标签包括：色彩标签，其属性为暗色调(如：黑色，暗黄色等)，用于替换所述原始库中DOM树的标签，例如：所述色彩标签包括：
<BODY bgcolor＝"BLACK"></BODY>表示网页背景色为黑色，其中，属性bgcolor＝"BLACK"表示背景色为黑色；
<TABLE bgcolor＝"BLACK"></TABLE>表示表格背景色为黑色，其中，属性bgcolor＝"BLACK"表示背景色为黑色。
那么将所述DOM树中的<BODY bgcolor＝“默认1”></BODY>，<TABLE bgcolor＝"默认2"></TABLE>，替换为所述<BODY bgcolor＝"BLACK"></BODY>和<TABLE bgcolor＝"BLACK"></TABLE>，以得到网页背景色和表格背景色均为黑色的目标网页。
优选的，所述创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表之后，所述方法还包括：
将所述组件库和替换表上传至区块链中。
需要说明的是，基于组件库和替换表得到对应的摘要信息，具体来说，摘要信息由组件库和替换表进行散列处理得到，比如利用sha256s算法处理得到。将摘要信息上传至区块链可保证其安全性和对用户的公正透明性。用户设备可以从区块链中下载得该摘要信息，以便查证组件库和替换表是否被篡改。本示例所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
S206：根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签。
为无需调用预先创制好的目标网页，即可根据用户的需求将原始网页转为目标网页，本步骤通过获取发送所述替换请求的原始网页的网页标识，提取与所述原始网页关联的替换表；
由于各原始网页的文字、颜色及布局的设计是不同的，因此，针对每个原始网页构建一个与其对应的替换表，该替换表中保存有与所述原始网页匹配的组件库，以保证替换所述原始网页的DOM中的标签时的适配性和可靠性。再根据所述替换请求的信息(如：老人版、护眼版)从所述替换表中获取组件库，并将所述组件库中的标签设为目标标签。
S207：将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
本步骤中，获取所述原始网页的DOM树，将所述DOM树中描述与所述目标标签一致的标签设为待替换标签：如：所述目标标签<font size＝"value"></font>的描述是“定义字体尺寸和颜色”，所述DOM树中<font></font>的描述也为“定义字体尺寸和颜色”，因此，将所述DOM树中<font></font>作为待替换标签。
将所述待替换标签替换为所述目标标签得到替换DOM树，启动渲染组件对所述替换DOM树进行渲染得到目标网页，实现使所述原始网页转换为目标网页的技术效果，使得开发人员仅需创制组件库即可满足用户对于多种目标页面的需求，极大的降低了开发人员的开发负担，以及原始页面及其对应的目标页面的代码量。
基于上述举例：假设替换请求的信息是老人版，原始网页的DOM树具有<font>百度</font>，所述老人版对应的组件库的组件标签包括：
放大字体标签，其属性值为字号B，其中，所述字号B的文字大小，大于所述DOM树的标签的属性值字号A。例如所述放大字体标签是：<font size＝"value"></font>，value表示字体大小，可能的值：从1到7的数字，通常的浏览器默认的字号A为3，放大字体标签可使用4以上的数字作为value，即所述字号B。
加粗字体标签，其属性值为加粗，其中，所述DOM树的标签的属性值为非加粗。
由于放大字体标签和加粗字体标签的描述均为“font：定义字体尺寸和颜色”，因此，将原始网页DOM树中的标签：<font></font>设为待替换标签；结合放大字体标签和加粗字体标签，将标签<font size＝"value"></font>和<b><font></font></b>结合得到<b><font size＝"value"></font></b>，并使其替换<font>百度</font>中的待替换标签<font></font>，使DOM树具有<b><font size＝"value">百度</font></b>，以便于生成具有指定放大字体和加粗字体的目标网页。
进一步地，如果当前客户端处于目标网页，如：老人版、护眼版等，
当客户端要将其恢复至原始网页，通过点击目标网页上的“原始版”按键，即可生成信息为原始版的替换请求，
根据所述替换请求的信息调用原始库，并通过渲染工具对所述原始库中的DOM树进行渲染，即可实现无需再次替换目标网页的标签，而仅需通过渲染工具对原始库中的DOM树进行渲染得到原始网页，实现快速恢复原始版本网页的技术效果。其中，所述渲染工具是将请求的DOM树(如：布局文件、样式文件)进行解析渲染呈现出Web页面的渲染引擎(Rendering engine)。
S208：判断所述操作信息与所述目标网页是否对应；若是，判定所述网页转换成功；若否，则判定所述网页转换失败并生成失败信息，将所述失败信息发送至控制端。
为确保用户在客户端的操作行为与转换原始网页一致，进而保证原始网页转换的可靠性，本步骤通过判断所述目标网页的性质是否与所述操作信息一致的方式，判断所述操作信息和目标网页是否对应。于本实施例中，通过访问系统日志识别生成所述目标网页所调用的组件库，判断所述目标网页的性质。
例如：所述操作信息是老人版操作，即：用户通过点击老人版按键所生成的，那么判断所述目标网页是否是调用，老人版对应的组件库所生成的，即：通过放大字体标签和加粗字体标签，对原始网页的字体进行放大加粗得到的目标网页；如果是，则判定判断所述目标网页的性质与所述操作信息一致；如果不是，则判定判断所述目标网页的性质与所述操作信息不一致。
于图3中，所述S208通过以下标注展示：
S81：判断所述操作信息与所述目标网页是否对应；
S82：若是，判定所述网页转换成功；
S83：若否，则判定所述网页转换失败并生成失败信息，将所述失败信息发送至控制端。
S209：接收客户端发送的复制请求，判断所述客户端是否具有复制权限；若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，将所述数据包发送至所述客户端；若否，则向所述客户端发送无权复制信息。
为保证有获取权限的客户端能够获取创建原始网页，及与所述原始网页对应的目标网页的源代码，避免该客户端因重复开发造成开发资源浪费的问题发生，本步骤通过客户端发送的复制请求，判断所述客户端是否具有复制权限；具体地，通过获取所述客户端的身份ID，如：客户端的账号、客户端设备的MEI码等，判断所述身份ID是否属于预置的白名单，其中，所述白名单中记载了允许获取原始库和组件库的客户端的身份ID；若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，其中，可采用镜像工具对所述原始库和组件库进行镜像处理，以复制所述原始库和组件库；通过预置的封装协议对所述原始库和组件库进行封装得到数据包，即，将所述原始库和组件库中的数据映射到所述封装协议的净荷中，然后填充对应协议的包头，形成封装协议的数据包，并完成速率适配；再将所述数据包发送至所述客户端。
于本实施例中，采用TCP/IP协议作为所述封装协议，其中，TCP/IP协议，(Transmission Control Protocol/Internet Protocol，传输控制协议/网际协议)是指能够在多个不同网络间实现信息传输的协议簇，有利于实现与不同网络设备的通信连接。
于图3中，所述S209通过以下标注展示：
S91：接收客户端发送的复制请求；
S92：判断所述客户端是否具有复制权限；
S93：若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，将所述数据包发送至所述客户端；
S94：若否，则向所述客户端发送无权复制信息。
实施例三：
请参阅图4，本实施例的一种网页转换装置1，包括：
请求接收模块13，用于接收客户端通过操作原始网页生成的替换请求；
标签获取模块16，用于根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
网页转换模块17，用于将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
可选的，所述网页转换装置1还包括：
原始数据模块11，用于获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库。
可选的，所述网页转换装置1还包括：
埋点创设模块12，用于在原始网页中创设转换按键并在所述转换按键中创设埋点，将所述原始网页发送至客户端展示。
可选的，所述网页转换装置1还包括：
行为获取模块14，用于通过所述埋点获取描述所述客户端生成替换请求的操作行为的行为信息。
可选的，所述网页转换装置1还包括：
库表创建模块15，用于创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表，所述组件库保存了对DOM树中的标签进行替换的组件标签。
可选的，所述网页转换装置1还包括：
页面验证模块18，用于判断所述操作信息与所述目标网页是否对应；若是，判定所述网页转换成功；若否，则判定所述网页转换失败并生成失败信息，将所述失败信息发送至控制端。
可选的，所述网页转换装置1还包括：
信息复制模块19：接收客户端发送的复制请求，判断所述客户端是否具有复制权限；若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，将所述数据包发送至所述客户端；若否，则向所述客户端发送无权复制信息。
本技术方案应用于计算机开发的UI设计领域，通过根据替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页，进而实现网页的素材替换技术效果。
实施例四：
为实现上述目的，本发明还提供一种计算机设备5，实施例三的网页转换装置的组成部分可分散于不同的计算机设备中，计算机设备5可以是执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个应用服务器所组成的服务器集群)等。本实施例的计算机设备至少包括但不限于：可通过系统总线相互通信连接的存储器51、处理器52，如图5所示。需要指出的是，图5仅示出了具有组件-的计算机设备，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
本实施例中，存储器51(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器51可以是计算机设备的内部存储单元，例如该计算机设备的硬盘或内存。在另一些实施例中，存储器51也可以是计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。当然，存储器51还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中，存储器51通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例三的网页转换装置的程序代码等。此外，存储器51还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器52在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器52通常用于控制计算机设备的总体操作。本实施例中，处理器52用于运行存储器51中存储的程序代码或者处理数据，例如运行网页转换装置，以实现实施例一和实施例二的网页转换方法。
实施例五：
为实现上述目的，本发明还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器52执行时实现相应功能。本实施例的计算机可读存储介质用于存储网页转换装置，被处理器52执行时实现实施例一和实施例二的网页转换方法。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种网页转换方法，其特征在于，包括：
接收客户端通过操作原始网页生成的替换请求；
根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
2.根据权利要求1所述的网页转换方法，其特征在于，所述接收客户端通过操作原始网页生成的替换请求之前，所述方法还包括：
获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库。
3.根据权利要求2所述的网页转换方法，其特征在于，所述获取原始网页，提取所述原始网页的DOM树并将其保存在预置的数据库中得到原始库之后，所述方法还包括：
在原始网页中创设转换按键并在所述转换按键中创设埋点，将所述原始网页发送至客户端展示。
4.根据权利要求1所述的网页转换方法，其特征在于，所述接收客户端通过操作原始网页生成的替换请求之后，所述方法还包括：
通过所述埋点获取描述所述客户端生成替换请求的操作行为的行为信息。
5.根据权利要求1所述的网页转换方法，其特征在于，所述根据所述替换请求的信息从预置的替换表中获取组件库之前，所述方法还包括：
创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表，所述组件库保存了对DOM树中的标签进行替换的组件标签；
所述创建组件库，并构建记载所述替换请求的信息与所述组件库之间对应关系的替换表之后，所述方法还包括：
将所述组件库和替换表上传至区块链中。
6.根据权利要求1所述的网页转换方法，其特征在于，所述将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页之后，所述方法还包括：
判断所述操作信息与所述目标网页是否对应；若是，判定所述网页转换成功；若否，则判定所述网页转换失败并生成失败信息，将所述失败信息发送至控制端。
7.根据权利要求1所述的网页转换方法，其特征在于，所述将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页之后，所述方法还包括：
接收客户端发送的复制请求，判断所述客户端是否具有复制权限；若是，则根据所述复制请求，复制所述原始库和组件库并将其封装成数据包，将所述数据包发送至所述客户端；若否，则向所述客户端发送无权复制信息。
8.一种网页转换装置，其特征在于，包括：
请求接收模块，用于接收客户端通过操作原始网页生成的替换请求；
标签获取模块，用于根据所述替换请求的信息从预置的替换表中获取组件库，并将所述组件库中的标签设为目标标签；
网页转换模块，用于将所述原始网页的DOM树中的标签替换为所述目标标签，使所述原始网页转为目标网页。
9.一种计算机设备，其包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述计算机设备的处理器执行所述计算机程序时实现权利要求1至7任一项所述网页转换方法的步骤。
10.一种计算机可读存储介质，所述可读存储介质上存储有计算机程序，其特征在于，所述可读存储介质存储的所述计算机程序被处理器执行时实现权利要求1至7任一项所述网页转换方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011537974.5A CN112579958A (zh) | 2020-12-23 | 2020-12-23 | 网页转换方法、装置、计算机设备及可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011537974.5A CN112579958A (zh) | 2020-12-23 | 2020-12-23 | 网页转换方法、装置、计算机设备及可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112579958A true CN112579958A (zh) | 2021-03-30 |
Family
ID=75139067
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011537974.5A Pending CN112579958A (zh) | 2020-12-23 | 2020-12-23 | 网页转换方法、装置、计算机设备及可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112579958A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113591438A (zh) * | 2021-07-30 | 2021-11-02 | 远光软件股份有限公司 | 文本转换方法、电子设备及计算机可读存储装置 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102760139A (zh) * | 2011-04-29 | 2012-10-31 | 国际商业机器公司 | 用于处理网页的方法和系统 |
| CN103678317A (zh) * | 2012-08-31 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | 网页布局的自动适配方法与系统 |
| CN110007992A (zh) * | 2019-02-27 | 2019-07-12 | 努比亚技术有限公司 | 一种页面显示方法、终端及计算机可读存储介质 |
| CN111131352A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 主题切换方法及装置 |
| CN111666526A (zh) * | 2020-06-17 | 2020-09-15 | 广州市百果园信息技术有限公司 | 页面生成方法、装置、设备及存储介质 |
-
2020
- 2020-12-23 CN CN202011537974.5A patent/CN112579958A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102760139A (zh) * | 2011-04-29 | 2012-10-31 | 国际商业机器公司 | 用于处理网页的方法和系统 |
| CN103678317A (zh) * | 2012-08-31 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | 网页布局的自动适配方法与系统 |
| CN111131352A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 主题切换方法及装置 |
| CN110007992A (zh) * | 2019-02-27 | 2019-07-12 | 努比亚技术有限公司 | 一种页面显示方法、终端及计算机可读存储介质 |
| CN111666526A (zh) * | 2020-06-17 | 2020-09-15 | 广州市百果园信息技术有限公司 | 页面生成方法、装置、设备及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113591438A (zh) * | 2021-07-30 | 2021-11-02 | 远光软件股份有限公司 | 文本转换方法、电子设备及计算机可读存储装置 |
| CN113591438B (zh) * | 2021-07-30 | 2024-01-12 | 远光软件股份有限公司 | 文本转换方法、电子设备及计算机可读存储装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109257340B (zh) | 一种基于区块链的网站防篡改系统及方法 | |
| CN101662462B (zh) | 提供针对跨域交互的运行时脆弱性防护的方法和系统 | |
| US8539224B2 (en) | Obscuring form data through obfuscation | |
| US20130212689A1 (en) | Managing network data | |
| CN110535971B (zh) | 基于区块链的接口配置处理方法、装置、设备及存储介质 | |
| CN110688662A (zh) | 一种敏感数据脱敏及逆脱敏方法、电子设备 | |
| CN109862021B (zh) | 威胁情报的获取方法及装置 | |
| CN112784298A (zh) | 日志脱敏方法、装置、计算机设备及存储介质 | |
| CN114036495B (zh) | 一种更新私有化部署验证码系统的方法及装置 | |
| CN112528181B (zh) | 二维码管理方法、装置、计算机设备及可读存储介质 | |
| CN114928484A (zh) | 蜜罐生成方法、装置、电子设备及存储介质 | |
| CN114844792A (zh) | 基于lua语言的动态监控方法、装置、设备及存储介质 | |
| CN112579958A (zh) | 网页转换方法、装置、计算机设备及可读存储介质 | |
| CN114139502A (zh) | 文档内容处理方法、装置、设备及存储介质 | |
| CN113190287A (zh) | 外部设备对接方法、装置、计算机设备及可读存储介质 | |
| CN109800009A (zh) | 混合型App功能模块的热更新方法及系统 | |
| CN111158716B (zh) | 版本升级调用方法、装置、计算机系统及可读存储介质 | |
| Schuster | Introducing the Microsoft Vista event log file format | |
| CN114547564B (zh) | 一种文档处理方法、装置及设备 | |
| CN114357524B (zh) | 电子文档的处理方法及装置 | |
| CN113656795B (zh) | 窗口操作行为审计方法及系统 | |
| CN115412547A (zh) | 一种文件上传方法及文件上传系统 | |
| CN114925044A (zh) | 基于云存储的数据同步方法、装置、设备及存储介质 | |
| CN111368231B (zh) | 一种异构冗余架构网站的测试方法及装置 | |
| CN114491661A (zh) | 基于区块链的日志防篡改方法及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |