网页处理方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供了一种网页处理方法、装置及电子设备，涉及互联网技术领域。所述网页处理方法包括对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；再将所述第一CSS规则写入CSS文件中；然后将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页，以此通过HTML元素截图、CSS规则生成与应用的自动化，展示网页的美观性，开发流程自动化，提高开发效率。

Method, device and electronic equipment for processing web page

The embodiment of the invention provides a webpage processing method, a device and an electronic device, which relates to the field of Internet technology. The HTML element of the page corresponding to the first page of the process includes access to the HTML page for the regional or local area with screenshots, the default CSS rule template, the first generation CSS rules; then the first CSS rules into a CSS file; then the CSS file into the HTML page in the preservation of the HTML page, in order to obtain treatment after second \, which through the automated HTML element screenshots, CSS rule generation and application, the beauty of the show\, the development of process automation, improve development efficiency.

【技术实现步骤摘要】
网页处理方法、装置及电子设备
本专利技术涉及互联网
，具体而言，涉及一种网页处理方法、装置及电子设备。
技术介绍
随着网络技术的不断发展，web技术在各行各业中得到广泛应用，支持web应用运行的浏览器软件越来越多，版本也在不断更新，受这些因素的影响，浏览器兼容性问题越来越突出。同时，良好的用户体验在web应用中的地位也越来越重要，这就对web应用的美观性提出了更高要求。目前，高版本浏览器占据了大部分市场份额，但在某些单位，如公检法等，仍然在使用IE6-8浏览器，这些使用IE6-8浏览器的用户对美观性需求更加强烈。现有技术存在至少以下缺点：需要美工对设计稿进行切图等操作，且工作重复且烦琐。
技术实现思路
本专利技术的目的在于提供一种网页处理方法、装置及电子设备，以改善上述问题。为了实现上述目的，本专利技术采取的技术方案如下：第一方面，本专利技术实施例提供了一种网页处理方法，所述方法包括对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；将所述第一CSS规则写入CSS文件中；将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页。第二方面，本专利技术实施例提供了一种网页处理装置，所述装置包括生成单元、写入单元和引入单元。生成单元，用于对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则。写入单元，用于将所述第一CSS规则写入CSS文件中。引入单元，用于将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页。写入单元，用于将所述第一CSS规则写入所述CSS文件中。第三方面，本专利技术实施例提供了一种电子设备，所述电子设备包括处理器和存储器，所述处理器和所述存储器通过总线电连接；所述存储器用于存储程序；所述处理器，用于通过所述总线调用存储在所述存储器中的程序，执行：对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；将所述第一CSS规则写入CSS文件中；将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页。本专利技术实施例提供了一种网页处理方法、装置及电子设备，对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；再将所述第一CSS规则写入CSS文件中；然后将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页，以此通过HTML元素截图、CSS规则生成与应用的自动化，展示网页的美观性，开发流程自动化，提高开发效率。本专利技术的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术实施例了解。本专利技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1为本专利技术实施例提供的电子设备的结构框图；图2为本专利技术实施例提供的网页处理方法的流程图；图3为本专利技术实施例提供的一种网页处理装置的结构框图；图4为本专利技术实施例提供的另一种网页处理装置的结构框图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本专利技术的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。请参阅图1，示出了一种可应用于本专利技术实施例中的电子设备100的结构框图。电子设备100可以包括存储器102、存储控制器104、一个或多个(图1中仅示出一个)处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116和网页处理装置。存储器102、存储控制器104、处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116各元件之间直接或间接地电连接，以实现数据的传输或交互。例如，这些元件之间可以通过一条或多条通讯总线或信号总线实现电连接。网页处理方法分别包括至少一个可以以软件或固件(firmware)的形式存储于存储器102中的软件功能模块，例如所述网页处理装置包括的软件功能模块或计算机程序。存储器102可以存储各种软件程序以及模块，如本申请实施例提供的网页处理方法及装置对应的程序指令/模块。处理器106通过运行存储在存储器102中的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现本申请实施例中的网页处理方法。存储器102可以包括但不限于随机存取存储器(RandomAccessMemory，RAM)，只读存储器(ReadOnlyMemory，ROM)，可编程只读存储器(ProgrammableRead-OnlyMemory，PROM)，可擦除只读存储器(ErasableProgrammableRead-OnlyMemory，EPROM)，电可擦除只读存储器(ElectricErasableProgrammableRead-OnlyMemory，EEPROM)等。处理器106可以是一种集成电路芯片，具有信号处理能力。上述处理器可以是通用处理器，包括中央处理器(CentralProcessingUnit，简称CPU)、网络处理器(NetworkProcessor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。其可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。所述外设接口108将各种输入/输入装置耦合至处理器106以及存储器102。在一些实施例中，外设接口108、处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。输入输出模块110用于提供给用户输入数据实现用户与电子设备100的交互。所述输入输出模块110可以是，但不限于，鼠标和键盘等。音频模块112向用户提供音频接口，其可包括一个或多个麦本文档来自技高网...

【技术保护点】
一种网页处理方法，其特征在于，所述方法包括：对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；将所述第一CSS规则写入CSS文件中；将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页。

【技术特征摘要】
1.一种网页处理方法，其特征在于，所述方法包括：对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则；将所述第一CSS规则写入CSS文件中；将所述CSS文件引入到所述HTML页面中，保存所述HTML页面，以获取处理之后的第二网页。2.根据权利要求1所述的方法，其特征在于，在对获取到的第一网页对应的HTML页面的HTML元素所占区域或局部区域进行截图，结合预设的CSS规则模板，生成第一CSS规则之前，所述方法还包括：检测到所述获取到的第一网页对应的HTML页面集合不为空时，获取所述HTML页面集合中的下一个HTML页面；读取编译规则集合，若检测到所述编译规则集合不为空时，读取所述编译规则集合中的下一条编译规则，并根据当前编译规则，获取当前HTML页面中预设的HTML元素集合；若检测到所述HTML元素集合不为空时，获取所述HTML元素集合中的下一个HTML元素，读取当前节点的相关属性，将所述当前节点的相关属性与预设的兼容性知识库进行匹配，若匹配成功，则对所述当前节点进行兼容性处理，以获取兼容性处理后的第一网页。3.根据权利要求2所述的方法，其特征在于，所述方法还包括：检测到所述编译规则集合为空时，将预设的CSS文件引入到当前HTML页面中，并保存当前HTML页面。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：若检测到所述HTML元素集合为空时，检测所述编译规则集合是否为空。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：读取编译规则中的状态集合，若检测到所述状态集合不为空时，获取所述状态集合中的下一个状态，在当前HTML元素上模拟该状态，以进行截图。6.根据权利要求5所述的方法，其特征在于，所述方法还包括：读取编译规则中的区域集合，若检测到所述区域集合不为空时，获取所述区域集合中的下一个区域，并调整截图窗口，对当前HTML元素所占区域或局部区域进行截图，结合预设...

【专利技术属性】
技术研发人员：宣兆新，康玮，淡宇，
申请(专利权)人：成都三零盛安信息系统有限公司，
类型：发明
国别省市：四川,51