CN111580815B - 一种页面元素的编辑方法及相关设备 - Google Patents

Abstract

本申请提供了一种页面元素的编辑方法及相关设备，可以解决用户编辑页面元素的样式时，需要通过打开开发者工具来实现的问题，大大简化了用户的操作时间同时降低了操作难度。该方法包括：在页面视图上展示页面元素的类名；根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；根据所述目标页面元素的类名获取所述目标页面元素的样式规则；对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应。

Description

一种页面元素的编辑方法及相关设备

技术领域

本申请涉及通信领域，尤其涉及一种页面元素的编辑方法及相关设备。

背景技术

页面样式编辑是一个页面设计类系统的基本功能，其目的在用户设计页面时，能够对页面样式进行个性化的开发和设计。

目前的页面样式编辑方式主要为交互式：通过在样式代码编辑区域修改页面样式后，刷新视图页面，将新的样式应用在视图页面上，从而达到页面样式编辑的效果。

但是在用户查看页面样式时，需要打开开发者工具，更改查看页面元素样式都需要通过元素审查来实现，为用户更改页面元素增设了困难，增加了用户操作的复杂度。

发明内容

本申请提供了一种页面元素的编辑方法及相关设备，可以解决用户编辑页面元素的样式时，需要通过打开开发者工具来实现的问题，大大简化了用户的操作时间同时降低了操作难度。

本申请第一方面提供了一种页面元素的编辑方法，应用于权限控制系统，包括：

在页面视图上展示页面元素的类名；

根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；

根据所述目标页面元素的类名获取所述目标页面元素的样式规则；

对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应。

可选地，所述根据所述页面元素的类名选择目标页面元素包括：

接收用户的第一操作指令；

响应于所述第一操作指令，并基于所述第一操作指令，通过所述目标页面元素的类名选择所述目标页面元素。

可选地，所述根据所述目标页面元素的类名获取所述目标页面元素的样式规则之后，所述方法还包括：

在样式规则页面上展示所述目标页面元素的样式规则。

可选地，所述对目标样式规则进行编辑，以更新所述目标页面元素的目标样式包括：

在所述样式规则页面接收所述用户的第二操作指令；

响应于所述第二操作指令，并根据所述第二操作指令选择所述目标样式规则；

对所述目标样式规则进行编辑，以更新所述目标样式。

本申请第二方面提供了一种页面元素的编辑装置，包括：

展示单元，用于在页面视图上展示页面元素的类名；

选取单元，用于根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；

获取单元，用于根据所述目标页面元素的类名获取所述目标页面元素的样式规则；

编辑单元，用于对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应。

可选地，所述选取单元具体用于：

接收用户的第一操作指令；

响应于所述第一操作指令，并基于所述第一操作指令，通过所述目标页面元素的类名选择所述目标页面元素。

可选地，所述展示单元还用于：

在样式规则页面上展示所述目标页面元素的样式规则。

可选地，所述编辑单元具体用于：

在所述样式规则页面接收所述用户的第二操作指令；

响应于所述第二操作指令，并根据所述第二操作指令选择所述目标样式规则；

对所述目标样式规则进行编辑，以更新所述目标样式。

本申请第三方面提供了一种计算机装置，包括：至少一个连接的处理器、存储器和收发器；所述存储器用于存储程序代码，所述程序代码由所述处理器加载并执行以实现上述第一方面所述的页面元素的编辑方法的步骤。

本申请第四方面提供了一种计算机可读存储介质，包括指令，当所述指令在计算机上运行时，使得计算机执行上述第一方面所述的页面元素的编辑方法的步骤。

综上所述，可以看出，本申请提供的实施例中，当需要对页面元素进行编辑时，直接在页面视图上展示页面元素的类名，之后即可以通过类名选择目标页面元素，并获取对应的样式规则，并对某个样式进行更新以更新页面元素对应的样式，由此解决了用户编辑页面元素的样式时，需要通过打开开发者工具来实现的问题，大大简化了用户的操作时间同时降低了操作难度。

附图说明

图1为本申请实施例提供的页面元素的编辑方法的流程示意图；

图2为本申请实施例提供的页面元素的编辑的虚拟结构示意图；

图3为本申请实施例提供的终端设备的硬件结构示意图；

图4为本申请实施例提供的服务器的硬件结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或模块的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或模块，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或模块，本申请中所出现的模块的划分，仅仅是一种逻辑上的划分，实际应用中实现时可以有另外的划分方式，例如多个模块可以结合成或集成在另一个系统中，或一些特征向量可以忽略，或不执行，另外，所显示的或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，模块之间的间接耦合或通信连接可以是电性或其他类似的形式，本申请中均不作限定。并且，作为分离部件说明的模块或子模块可以是也可以不是物理上的分离，可以是也可以不是物理模块，或者可以分布到多个电路模块中，可以根据实际的需要选择其中的部分或全部模块来实现本申请方案的目的。

下面从页面元素的编辑的角度对本申请的方法页面元素的编辑方法进行说明，该页面元素的编辑可以终端，也可以是服务器，还可以是服务器中的服务单元，具体不做限定。

请参阅图1，图1为本申请实施例提供的页面元素的编辑方法的流程示意图，包括：

101、在页面视图上展示页面元素的类名。

本实施例中，当需要对页面元素进行编辑时，可以在页面视图上，通过卡片的方式列出页面元素的类名，当然也还可以通过其他的方式在页面视图上展示页面元素的类名，例如通过列表的方式，具体不做限定，只要能将页面元素的类名展示在页面视图上接口。

102、根据页面元素的类名选择目标页面元素。

本实施例中，当在页面视图上展示页面元素的类名之后，可以根据页面元素的类名选择目标页面元素，该目标页面元素为待编辑的页面元素，具体的，可以接收用户的第一操作指令，响应于第一操作指令，并基于第一操作指令，通过目标页面元素的类名选择目标页面元素。也就是说，用户通过选择这些元素类名卡片，可以查看到元素的位置以及其盒子模型，免去了要打开浏览器的开发者工具通过审查元素获取元素的位置和盒子模型的步骤，其中，盒子模型是层叠样式表(Cascading Style Sheets，CSS)规范的一个模块，它定义了一种长方形的盒子——包括它们各自的内边距(padding)与外边距(margin)，并根据视觉格式化模型来生成元素，对其进行布置、编排、布局(lay out)，开发者工具是浏览器提供的一种支持在页面上检查，编辑，调试HTML、CSS及JavaScript的一种工具，审查元素：浏览器开发者工具中一种提供查看和编辑页面内容和布局。可视化页面的许多方面，包括盒子模型，动画和网格布局的功能。

一个实施例中，生成第一操作指令的操作至少包括手势操作、滑动操作、点击操作以及声控操作中的一种，例如当用户进行点击操作时，页面元素的编辑装置可以接收到该点击操作，此时，该点击操作即生成用户的第一操作指令，也就是说，可以提前定义操作指令，例如提前定义滑动操作为生成用户的第一操作指令的操作(如左滑操作、右滑操作、上滑操作以及下滑操作等等)，或者定义点击操作为生成用户的第一操作指令的操作(如单击操作或双击操作等等)，或者定义手势操作为生成用户的第一操作指令的操作(如向左摆动手腕或手臂，向右摆动手腕或手臂，如四根手指收缩操作或者三根手指上滑操作等等)，或者定义声控操作为生成用户的第一操作指令的操作(如收到选择目标页面元素的声音)，上述仅为举例说明，并不代表对生成用户的第一操作指令的操作进行限定。

103、根据目标页面元素的类名获取目标页面元素的样式规则。

本实施例中，页面元素的编辑装置在选取目标页面元素之后，可以根据目标页面元素的类名获取目标页面元素的样式规则，具体的，可以通过js脚本获取到该元素的cssrules，将属于该元素的css样式嗅探出来。其中，Css rules为js脚本中提供document.styleSheets[0].cssRules的方式来获取页面上所有样式规则，Css样式嗅探为js脚本提供Element.matchs方法，可以在document.styleSheets[0].cssRules的结果中匹配到指定元素的所有样式规则。

一个实施例中，页面元素的编辑装置在获取目标页面元素的样式规则之后，可以在样式规则页面上展示目标元素的样式规则，以方便用户进行编辑或查看，其中，样式规则面板是指，在获取到页面元素上的所有样式规则的基础上，利用js脚本中支持的正则表达式，将每一个样式规则进行换行，分隔处理，增加样式规则的可读性。与此同时对元素的样式规则进行了降噪，只保留了作用在元素类选择器上的规则，将影响其他元素的公共规则排除在外。降低了修改到公共样式规则而导致页面渲染异常的问题。

104、对目标样式规则进行编辑，以更新目标页面元素的目标样式。

本实施例中，页面元素的编辑装置在得到目标页面元素对应的所有样式规则之后，可以对目标样式规则进行编辑，以更新目标页面元素中的目标样式，其中，目标样式规则与目标样式相对应。具体的，可以在样式规则页面接收用户的第二操作指令；响应于所述第二操作指令，并根据第二操作指令选择目标样式规则；对目标样式规则进行编辑，以更新目标样式。也就是说，当用户选择需要修改目标页面元素下的目标样式，点击该目标行样式后面的生成箭头，这行目标样式与该目标页面元素的类名信息将会自动生成在编辑区域，用户在编辑区域修改目标样式的同时目标页面元素也会更新对应的样式。

需要说明的是，上述生成第二操作指令的方式与生成第一操作指令的方式类似，上述已经对生成第一操作指令进行详细说明，具体此处不再赘述。

综上所述，可以看出，本申请提供的实施例中，当需要对页面元素进行编辑时，直接在页面视图上展示页面元素的类名，之后即可以通过类名选择目标页面元素，并获取对应的样式规则，并对某个样式进行更新以更新页面元素对应的样式，由此解决了用户编辑页面元素的样式时，需要通过打开开发者工具来实现的问题，大大简化了用户的操作时间同时降低了操作难度。

上面从页面元素的编辑方法的角度对本申请进行说明，下面从页面元素的编辑装置的角度对本申请进行说明。

请参阅图2，图2为本申请实施例提供的页面元素的编辑装置的虚拟结构示意图，包括：

展示单元201，用于在页面视图上展示页面元素的类名；

选取单元202，用于根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；

获取单元203，用于根据所述目标页面元素的类名获取所述目标页面元素的样式规则；

编辑单元204，用于对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应。

可选地，所述选取单元202具体用于：

接收用户的第一操作指令；

响应于所述第一操作指令，并基于所述第一操作指令，通过所述目标页面元素的类名选择所述目标页面元素。

可选地，所述展示单元201还用于：

在样式规则页面上展示所述目标页面元素的样式规则。

可选地，所述编辑单元204具体用于：

在所述样式规则页面接收所述用户的第二操作指令；

响应于所述第二操作指令，并根据所述第二操作指令选择所述目标样式规则；

对所述目标样式规则进行编辑，以更新所述目标样式。

综上所述，可以看出，本申请提供的实施例中，当需要对页面元素进行编辑时，直接在页面视图上展示页面元素的类名，之后即可以通过类名选择目标页面元素，并获取对应的样式规则，并对某个样式进行更新以更新页面元素对应的样式，由此解决了用户编辑页面元素的样式时，需要通过打开开发者工具来实现的问题，大大简化了用户的操作时间同时降低了操作难度。

本申请实施例还提供了另一种页面元素的编辑装置，如图3所示，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例方法部分。该页面元素的编辑装置可以为包括手机、平板电脑、PDA(Personal DigitalAssistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任意终端设备，以页面元素的编辑装置为手机为例：

图3示出的是与本申请实施例提供的终端相关的手机的部分结构的框图。参考图3，手机包括：射频(Radio Frequency，RF)电路310、存储器320、输入单元330、显示单元340、传感器350、音频电路360、无线保真(wireless fidelity，WiFi)模块370、处理器380、以及电源390等部件。本领域技术人员可以理解，图3中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图3对手机的各个构成部件进行具体的介绍：

RF电路310可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器380处理；另外，将设计上行的数据发送给基站。通常，RF电路310包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier，LNA)、双工器等。此外，RF电路310还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(GlobalSystem of Mobile communication，GSM)、通用分组无线服务(General Packet RadioService，GPRS)、码分多址(Code Division Multiple Access，CDMA)、宽带码分多址(Wideband Code Division Multiple Access，WCDMA)、长期演进(Long Term Evolution，LTE)、电子邮件、短消息服务(Short Messaging Service，SMS)等。

存储器320可用于存储软件程序以及模块，处理器380通过运行存储在存储器320的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器320可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器320可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元330可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元330可包括触控面板331以及其他输入设备332。触控面板331，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板331上或在触控面板331附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板331可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器380，并能接收处理器380发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板331。除了触控面板331，输入单元330还可以包括其他输入设备332。具体地，其他输入设备332可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元340可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元340可包括显示面板341，可选的，可以采用液晶显示器(Liquid CrystalDisplay，LCD)、有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置显示面板341。进一步的，触控面板331可覆盖显示面板341，当触控面板331检测到在其上或附近的触摸操作后，传送给处理器380以确定触摸事件的类型，随后处理器380根据触摸事件的类型在显示面板341上提供相应的视觉输出。虽然在图3中，触控面板331与显示面板341是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板331与显示面板341集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器350，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板341的亮度，接近传感器可在手机移动到耳边时，关闭显示面板341和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路360、扬声器361，传声器362可提供用户与手机之间的音频接口。音频电路360可将接收到的音频数据转换后的电信号，传输到扬声器361，由扬声器361转换为声音信号输出；另一方面，传声器362将收集的声音信号转换为电信号，由音频电路360接收后转换为音频数据，再将音频数据输出处理器380处理后，经RF电路310以发送给比如另一手机，或者将音频数据输出至存储器320以便进一步处理。

WiFi属于短距离无线传输技术，手机通过WiFi模块370可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图3示出了WiFi模块370，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器380是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器320内的软件程序和/或模块，以及调用存储在存储器320内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器380可包括一个或多个处理单元；优选的，处理器380可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器380中。

手机还包括给各个部件供电的电源390(比如电池)，优选的，电源可以通过电源管理系统与处理器380逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本申请实施例中，处理器380还可以执行上述由页面元素的编辑装置所执行的操作。

图4是本申请实施例提供的一种服务器结构示意图，该服务器400可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(central processingunits，CPU)422(例如，一个或一个以上处理器)和存储器432，一个或一个以上存储应用程序442或数据444的存储介质430(例如一个或一个以上海量存储设备)。其中，存储器432和存储介质430可以是短暂存储或持久存储。存储在存储介质430的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器422可以设置为与存储介质430通信，在服务器400上执行存储介质430中的一系列指令操作。

服务器400还可以包括一个或一个以上电源427，一个或一个以上有线或无线网络接口450，一个或一个以上输入输出接口458，和/或，一个或一个以上操作系统441，例如Windows ServerTM，Mac OS XTM，UnixTM，LinuxTM，FreeBSDTM等等。

上述实施例中由页面元素的编辑装置所执行的步骤可以基于该图4所示的服务器结构。

本申请实施例还提供了一种计算机可读存储介质，其上存储有程序，该程序被处理器执行时实现上述所述页面元素的编辑方法的步骤。

本申请实施例还提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述所述页面元素的编辑方法的步骤。

本申请实施例还提供了一种终端设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，所述程序代码由所述处理器加载并执行以实现上述所述页面元素的编辑方法的步骤。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行上述所述页面元素的编辑方法的步骤。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

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

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (6)

1.一种页面元素的编辑方法，其特征在于，包括：

在页面视图上展示页面元素的类名；

根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；

根据所述目标页面元素的类名获取所述目标页面元素的样式规则；

对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应；

其中，所述根据所述页面元素的类名选择目标页面元素包括：接收用户的第一操作指令；响应于所述第一操作指令，并基于所述第一操作指令，通过所述目标页面元素的类名选择所述目标页面元素；

所述根据所述目标页面元素的类名获取所述目标页面元素的样式规则之后，所述方法还包括：在样式规则页面上展示所述目标页面元素的样式规则。

2.根据权利要求1所述的方法，其特征在于，所述对目标样式规则进行编辑，以更新所述目标页面元素的目标样式包括：

在所述样式规则页面接收所述用户的第二操作指令；

响应于所述第二操作指令，并根据所述第二操作指令选择所述目标样式规则；

对所述目标样式规则进行编辑，以更新所述目标样式。

3.一种页面元素的编辑装置，其特征在于，包括：

展示单元，用于在页面视图上展示页面元素的类名；

选取单元，用于根据所述页面元素的类名选择目标页面元素，所述目标页面元素为待编辑的页面元素；

获取单元，用于根据所述目标页面元素的类名获取所述目标页面元素的样式规则；

编辑单元，用于对目标样式规则进行编辑，以更新所述目标页面元素的目标样式，所述目标样式规则与所述目标样式相对应；

所述选取单元具体用于：接收用户的第一操作指令；响应于所述第一操作指令，并基于所述第一操作指令，通过所述目标页面元素的类名选择所述目标页面元素；

所述展示单元还用于：在样式规则页面上展示所述目标页面元素的样式规则。

4.根据权利要求3所述的装置，其特征在于，所述编辑单元具体用于：

在所述样式规则页面接收所述用户的第二操作指令；

响应于所述第二操作指令，并根据所述第二操作指令选择所述目标样式规则；

对所述目标样式规则进行编辑，以更新所述目标样式。

5.一种页面元素的编辑设备，应用于权限控制系统，其特征在于，包括：

至少一个连接的处理器、存储器和收发器；

所述存储器用于存储程序代码，所述程序代码由所述处理器加载并执行以实现上述权利要求1至2中任一项所述的页面元素的编辑方法的步骤。

6.一种计算机可读存储介质，其特征在于，包括指令，当所述指令在计算机上运行时，使得计算机执行上述权利要求1至2中任一项所述的页面元素的编辑方法的步骤。