CN110727492A - 客户端换肤方法、装置、电子设备及计算机可读存储介质 - Google Patents
客户端换肤方法、装置、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN110727492A CN110727492A CN201910936653.3A CN201910936653A CN110727492A CN 110727492 A CN110727492 A CN 110727492A CN 201910936653 A CN201910936653 A CN 201910936653A CN 110727492 A CN110727492 A CN 110727492A
- Authority
- CN
- China
- Prior art keywords
- client
- style
- skin
- page
- styles
- 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 38
- 238000012508 change request Methods 0.000 claims abstract description 28
- 230000008859 change Effects 0.000 claims abstract description 16
- 238000004590 computer program Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 20
- 238000012545 processing Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 3
- 241001303755 Porpita porpita Species 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000036961 partial effect Effects 0.000 description 2
- 230000001902 propagating effect Effects 0.000 description 2
- RYGMFSIKBFXOCR-UHFFFAOYSA-N Copper Chemical compound [Cu] RYGMFSIKBFXOCR-UHFFFAOYSA-N 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 229910052802 copper Inorganic materials 0.000 description 1
- 239000010949 copper Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003238 somatosensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种客户端换肤方法、装置、电子设备及计算机可读存储介质。该方法包括：使用CSS语言描述客户端不同类型的展示样式，并对不同类型的展示样式设置层叠样式优先级；根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；根据添加了所述换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与展示样式进行匹配；以及根据匹配结果以及层叠样式优先级加载对应的展示样式。本发明可以节省网络开销、避免换肤失败以及提升用户体验。
Description
技术领域
本发明涉及软件技术领域，尤其涉及一种客户端换肤的方法、装置。
背景技术
现有技术中，客户端实现换肤功能主要是通过加载不同的CSS样式文件来实现，CSS为前端编程中一种客户端页面展示样式的描述语言。
比如，某系统要支持三种风格的样式展示，研发人员在开发某系统时，为该系统写好三套不同的样式文件A、B、C。其中，客户端指定默认的样式文件A，当客户端第一次加载时，客户端加载的是默认样式A的内容，
当用户点击换肤后，若想换成样式文件B对应的风格样式，则客户端会向服务器发送加载样式文件B的请求，当样式文件B加载完成之后，客户端就利用样式文件B的内容来渲染页面。
但是，这样的操作方式，每次换肤客户端都需要重新从服务器上加载新的样式文件，因此增加了额外的网络开销。
同时，由于增加了http请求，客户端换肤时长依赖于网络，不能实现瞬间切换。此外，当遇到网络抖动时还有可能出现换肤失败的情况，极大地影响了用户的使用体验。
发明内容
本发明的目的在于提供一种客户端换肤方法、装置、电子设备及计算机可读存储介质，以节省网络开销，避免换肤失败及提升用户使用体验。
根据本发明的第一方面，提供了一种客户端换肤方法，此客户端换肤方法包括以下步骤：
使用CSS语言描述客户端不同类型的展示样式，并对不同类型的展示样式设置层叠样式优先级；
根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；
根据添加了所述换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及
根据匹配结果以及层叠样式优先级加载对应的展示样式。
优选地，不同类型的展示样式以CSS样式名的形式记录在CSS样式表中、
优选地，通过设置根元素的class属性添加换肤请求对应的页面展示样式名，其中使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。
优选地，当客户端加载默认的展示样式时，客户端HTML内容根元素不添加页面展示样式名。
优选地，设置层叠样式优先级的最低优选级对应默认的展示样式。
根据本发明的第二方面，提供了一种客户端换肤装置，客户端换肤装置包括描述模块、设置模块、添加模块、匹配模块以及加载模块。描述模块使用CSS语言描述客户端不同类型的展示样式，设置模块对不同类型的展示样式设置层叠样式优先级，添加模块根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，匹配模块将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配，以及加载模块根据匹配结果以及层叠样式优先级加载对应的展示样式。
优选地，描述模块将不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。
优选地，添加模块通过设置根元素的class属性添加换肤请求对应的页面展示样式名。
优选地，当客户端加载默认的展示样式时，添加模块在客户端HTML内容根元素不添加页面展示样式名。其中，添加模块使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。
优选地，设置模块设置层叠样式优先级的最低优选级对应默认的展示样式。
根据本发明的第三方面，提供了一种电子设备，此电子设备包括：
根据本发明第二方面所述的客户端换肤装置；或者，
处理器和存储器，存储器用于存储可执行的指令，所述指令用于控制处理器执行根据本发明第一方面所述的客户端换肤方法。
根据本发明的第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在被处理器执行时实现根据本发明第一方面所述的客户端换肤方法。
根据本发明实施例的客户端换肤方法、装置、电子设备及计算机可读存储介质，在客户端使用CSS语言描述客户端页面不同类型的展示样式，对其设置层叠样式优先级。收到用户换肤请求时，在客户端HTML内容根元素添加换肤请求对应的换肤样式名，然后进行换肤样式匹配及层叠样式优先级选择，从而加载对应的换肤请求的展示样式。
如此，所有的操作均在客户端完成，不发送网络请求，不仅解决了换肤时依赖发送http请求来实现换肤的问题，还可以实现换肤时能达到瞬间切换，避免出现换肤失败的可能，同时还减少了网络流量开销，提升用户体验。
通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。
图1为本发明实施例的客户端换肤装置的硬件配置结构方框图。
图2为本发明实施例的客户端换肤装置的具体结构方框图。
图3为本发明实施例的展示样式设置的代码示例图。
图4为本发明第一实施例的展示样式及层叠优先级设置的部分代码示意图。
图5为本发明第二实施例的展示样式及层叠优先级设置的代码示意图。
图6为本发明实施例的HTML内容根元素添加换肤请求对应的换肤样式名的代码示意图。
图7为本发明实施例的客户端换肤装置方法步骤流程图。
图8为本发明实施例的电子设备的结构方框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人物已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
根据本发明的一个实施例，提供了一种客户端换肤装置。
首先，关于本发明实施例的客户端换肤装置1的硬件配置说明如下：本发明实施例的客户端换肤装置1可以是便携式电脑、台式计算机、手机、平板电脑等。
如图1所示，客户端换肤装置1可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中，处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信，具体地可以包括WiFi通信、蓝牙通信、2G/3G/4G/5G通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音信息。
图1所示的客户端换肤装置1仅仅是说明性的并且决不意味着对本发明、其应用或使用的任何限制。应用于本发明的实施例中，客户端换肤装置1的所述存储器1200用于存储指令，所述指令用于控制所述处理器1100进行操作以执行本发明实施例提供的任意一项客户端换肤方法。本领域技术人员应当理解，尽管在图1中对客户端换肤装置1示出了多个装置，但是，本发明可以仅涉及其中的部分装置，例如客户端换肤装置1可以只涉及处理器1100和存储装置1200。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。
请参考图2，该图为本发明实施例的客户端换肤装置1的具体结构方框图。
如图所示，客户端换肤装置1包括描述模块12、设置模块14、添加模块16、匹配模块18以及加载模块20。
描述模块12使用CSS语言描述客户端不同类型的展示样式，CSS是前端编程中一种客户端页面展示样式的描述语言，比如，一个按钮元素呈现成什么样的形状，需要通过CSS语言描述，比如页面展示样式是圆形的、方形的，绿色的还是红色的，这些都是通过CSS语言来控制。
其中，描述模块12将所述不同类型的展示样式以CSS样式名的形式记录在一个CSS样式表中，CSS样式表里记录着各种页面展示样式名，不同名称代表不同的CSS样式。
设置模块14对不同类型的展示样式设置层叠样式优先级，添加模块16根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，匹配模块18根据添加了换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配，加载模块20根据匹配结果以及层叠样式优先级加载对应的展示样式。
图3给出了本发明实施例的展示样式设置的部分代码示例，如图3所示，CSS语言描述了字体大小、文字颜色、页面宽度、高度等等不同类型的客户端展示样式，也就是用户根据需要请求换肤的各种类型展示样式选择。
设置模块14用于对不同类型的展示样式设置层叠样式优先级，层叠是CSS语言中用于选择客户端元素的选择器，其中层叠越深，优先级越高，以下图4中所展示的是对客户端页面的按钮元素设置的样式。
如图4所示，展示样式是以CSS语言描述的关于字体颜色的代码，字体颜色选择红色(color：red)还是蓝色(color：blue)。在该图中按钮(button)设置了两种层叠样式，前面三行为第一种层叠样式，后面三行为第二种层叠样式。
其中代码“button”描述红色为默认颜色，“.header button”描述蓝色的优先级高于红色，“.header button”选择器的优先级远高于“button”选择器。通过第一种层叠样式，页面中的按钮“button”的字体颜色是显示红色的，但是，由于第一种层叠样式的优先级没有第二种层叠样式的优先级高，因此，对应“.header button”的按钮将字体颜色展示成蓝色。
本发明主要依赖样式层叠的优先级来实现换肤，下面结合图5的实施例进行具体描述，图5为本发明第二实施例的展示样式及层叠优先级设置的代码示意图。
在本实施例中，以客户端要实现A、B、C三套页面展示样式风格为例，样式分别为蓝色(blue)、红色(red)、绿色(green)，并且换肤的内容为变更系统中所有按钮的字体颜色。
首先，描述模块12和设置模块14定义好A、B、C三种风格的展示样式及相应的优先级，如图5所示，有默认蓝色，红色、绿色三种按钮样式。
添加模块16通过JavaScript语言代码在客户端内容根元素(body元素)上添加不同的页面展示样式名来实现换肤，如图6所示，添加模块16可以在body上添加red、green等根据用户选择的换肤请求。
JavaScript是前端编程中一种操作客户端页面行为的编程语言，比如，通过点击某个按钮可以执行相应的处理逻辑。
例如指定A为默认样式，当客户端加载时，此时添加模块16没有对body元素添加任何样式，同时页面里的按钮元素能匹配上的展示样式就只有button。因此，页面渲染出来按钮的字体颜色就是蓝色(blue)
当用户切换皮肤时，比如用户选择了红色主题，这个时候，客户端JavaScript的处理逻辑是在客户端HTML内容根元素body上添加样式red(class＝”red”)，如图6所示，添加模块16使用JavaScript语言把body元素的class属性设置成“red”。
匹配模块18将用户换肤请求的样式与CSS语言描述的展示样式进行匹配，此时图5页面里的按钮能匹配上的CSS样式是“button”和“.red button”，但时由于“.red button”的层叠优先级比默认样式“button”的优先级高，因此会按照“.red button”进行渲染和页面展示。
渲染完之后，加载模块20根据匹配结果以及层叠样式优先级加载对应的CSS样式，即button元素的字体颜色换为红色。在一个实施例中，加载模块20可以从CSS样式表里加载匹配CSS样式名对应的CSS样式实现换肤。
同理，当用户需要选择绿色皮肤的主题时，添加模块16通过JavaScript语言代码把客户端HTML内容根元素，即body元素的class属性设置成green。
这里需要说明的是，匹配模块18会根据用户换肤请求替换掉当前的页面展示样式，也就是说，在首先匹配请求页面展示样式名的前提下，再进行已匹配的CSS样式之间的层叠优先级比较。本实施例中，优先级比较仅存在于默认样式和当前请求的优先级样式之间。
例如，上述实施例中，用户请求将文字颜色设定为红色，匹配的有“.red button”和“button”，然后再根据请求的红色“.red button”和默认蓝色“button”的层叠优先级，由于红色“.red button”层叠优先级较高，因此选择加载红色的字体颜色。
后续，若用户的换肤请求选择设定绿色字体时，匹配的有“.green button”和“button”。因此，即使“.red button”层叠优先级高于“.green button”，但是“.redbutton”并不与换肤请求的颜色匹配，这时“.green button”会直接替换掉“.red button”，而和匹配换肤请求的另一颜色“button”进行层叠优先级比较，并渲染绿色的字体来代替之前的红色字体。
通过以上逻辑，客户端换肤装置1可以根据用户的不同换肤请求，实现客户端各种换肤功能。
根据本发明实施例的客户端换肤装置，在客户端使用CSS语言描述客户端页面不同类型的展示样式，对其设置层叠样式优先级。收到用户换肤请求时，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，然后进行展示样式匹配及层叠样式优先级选择，从而从CSS样式表中加载对应的换肤请求的CSS样式。
本发明实施例的客户端换肤装置通过CSS样式层叠优先级来实现客户端换肤，由于所有的操作均在客户端完成，不发送网络请求，不仅消除了传统换肤时依赖发送http请求加载不同CSS样式文件带来的网络开销，还可以实现换肤时能达到瞬间切换，换肤切换更流畅，更提升了用户体验。
根据本发明的另一个实施例，还提供了一种客户端换肤方法。
下面，将参考图7对本发明实施例的客户端换肤方法进行详细描述，其中图7为本发明实施例的客户端换肤装置方法步骤流程图。
本发明实施例的客户端换肤方法包括以下步骤：
步骤102，使用CSS语言描述客户端不同类型的展示样式；
步骤104，对不同类型的展示样式设置层叠样式优先级；
步骤106，根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；
步骤108，根据添加了换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及
步骤110，根据匹配结果以及层叠样式优先级加载对应的展示样式。
在步骤102中，不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。
在步骤104中，设置层叠样式优先级的最低优选级对应默认的展示样式。
在步骤106中，通过设置根元素的class属性添加换肤请求对应的页面展示样式名。此外，当客户端加载默认的展示样式时，客户端HTML内容根元素不添加页面展示样式名。其中，使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。
在步骤110中，在首先匹配请求页面展示样式的前提下，再进行已匹配的CSS样式之间的层叠优先级比较。加载时，可以从CSS样式表里加载匹配CSS样式名对应的CSS样式实现换肤。
下面结合图5、6所示的实施例，对本发明客户端换肤方法进行描述。
在本实施例中，以客户端要实现A、B、C三套页面展示样式风格为例，样式分别为蓝色(blue)、红色(red)、绿色(green)，并且换肤的内容为变更系统中所有按钮的字体颜色。
首先，在步骤102、104中，定义好A、B、C三种风格的CSS样式及相应的优先级，如图5所示，有默认蓝色，红色、绿色三种按钮样式。
在步骤106中，通过JavaScript语言代码在客户端内容根元素(body元素)上添加不同的页面展示样式名来实现换肤，如图6所示，可以在body上添加red、green等根据用户选择的换肤请求。
指定A为默认样式，当客户端加载时，此时没有对body元素添加任何样式，同时页面里的按钮元素能匹配上的展示样式就只有button。因此，页面渲染出来按钮的字体颜色就是蓝色(blue)
当用户切换皮肤时，比如用户选择了红色主题，这个时候，客户端JavaScript的处理逻辑是在客户端HTML内容根元素body上添加样式red(class＝”red”)，如图6所示，使用JavaScript语言把body元素的class属性设置成“red”。
然后，将用户换肤请求的样式与CSS语言描述的展示样式进行匹配，此时图5页面里的按钮能匹配上的CSS样式是“button”和“.red button”，但时由于“.red button”的层叠优先级比默认样式“button”的优先级高，因此会按照“.red button”进行渲染和页面展示，渲染完之后，button元素的字体颜色换为红色。
同理，当用户需要选择绿色皮肤的主题时，通过JavaScript语言代码把客户端HTML内容body元素的class属性设置成green。
若当前文字颜色设定为红色，后续用户的换肤请求选择设定绿色字体时，与用户换肤请求匹配的样式有“.green button”和“button”。
因此，“.green button”首先替换掉“.red button”，然后与“button”进行层叠样式优先级比较。由于绿色“.green button”层叠优先级高于默认蓝色“button”，这时根据用户请求，会将红色的字体颜色换肤为绿色。
通过以上逻辑，可以根据用户的各种换肤请求，实现客户端换肤功能。
根据本发明实施例的客户端换肤方法，在客户端使用CSS语言描述客户端页面不同类型的展示样式，对其设置层叠样式优先级。收到用户换肤请求时，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，然后进行展示样式匹配及层叠样式优先级选择，从而从CSS样式表中加载对应的换肤请求的CSS样式。
本发明实施例的客户端换肤方法通过CSS样式层叠优先级来实现客户端换肤，由于所有的操作均在客户端完成，不发送网络请求，不仅消除了传统换肤时依赖发送http请求加载不同CSS样式文件带来的网络开销，还可以实现换肤时能达到瞬间切换，换肤切换更流畅，更提升了用户体验。
此外，本发明实施例又提供了一种电子设备，图8为本发明实施例的电子设备的结构方框图。
在本实施例中，提供了一种电子设备200，一方面，该电子设备200可以包括前述的客户端换肤装置1。
另一方面，如图8所示，电子设备200可以包括存储器202和处理器204，存储器202用于存储可执行的指令；该指令用于控制处理器204执行前述的客户端换肤方法。
在本实施例中，电子设备200可以是手机、平板电脑、掌上电脑、台式机、笔记本电脑、工作站、游戏机等任意具有存储器202以及处理器204的电子产品。
最后，在本实施例中，还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序在被处理器执行时实现根据本发明任意实施例所述的客户端换肤方法。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人物来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人物来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人物能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (14)
1.一种客户端换肤方法，其中，所述客户端换肤方法包括以下步骤：
使用CSS语言描述客户端不同类型的展示样式，并对所述不同类型的展示样式设置层叠样式优先级；
根据用户选择的换肤请求，在客户端HTML内容根元素添加所述换肤请求对应的页面展示样式名；
根据所述添加了所述换肤请求对应的页面展示样式名的根元素，将所述换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及
根据匹配结果以及所述层叠样式优先级加载对应的展示样式。
2.根据权利要求1所述的客户端换肤方法，其中，所述不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。
3.根据权利要求1所述的客户端换肤方法，其中，通过设置所述根元素的class属性添加所述换肤请求对应的页面展示样式名。
4.根据权利要求1所述的客户端换肤方法，其中，当客户端加载默认的展示样式时，所述客户端HTML内容根元素不添加页面展示样式名。
5.根据权利要求1所述的客户端换肤方法，其中，使用客户端JavaScript语言添加所述换肤请求对应的页面展示样式名。
6.根据权利要求1所述的客户端换肤方法，其中，设置所述层叠样式优先级的最低优选级对应默认的展示样式。
7.一种客户端换肤装置，其中，所述客户端换肤装置包括：
描述模块，所述描述模块使用CSS语言描述客户端不同类型的展示样式；
设置模块，所述设置模块对所述不同类型的展示样式设置层叠样式优先级；
添加模块，所述添加模块根据用户选择的换肤请求，在客户端HTML内容根元素添加所述换肤请求对应的页面展示样式名；
匹配模块，所述匹配模块根据所述添加了所述换肤请求对应的页面展示样式名的根元素，将所述换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及
加载模块，所述加载模块根据匹配结果以及所述层叠样式优先级加载对应的展示样式。
8.根据权利要求7所述的客户端换肤装置，其中，所述描述模块将所述不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。
9.根据权利要求7所述的客户端换肤装置，其中，所述添加模块通过设置所述根元素的class属性添加所述换肤请求对应的页面展示样式名。
10.根据权利要求7所述的客户端换肤装置，其中，当客户端加载默认的展示样式时，所述添加模块在所述客户端HTML内容根元素不添加页面展示样式名。
11.根据权利要求7所述的客户端换肤装置，其中，所述添加模块使用客户端JavaScript语言添加所述换肤请求对应的页面展示样式名。
12.根据权利要求7所述的客户端换肤装置，其中，所述设置模块设置所述层叠样式优先级的最低优选级对应默认的展示样式。
13.一种电子设备，其中，包括：
根据权利要求7所述的客户端换肤装置；或者，
处理器和存储器，所述存储器用于存储可执行的指令，所述指令用于控制所述处理器执行根据权利要求1至6中任一权利要求所述的客户端换肤方法。
14.一种计算机可读存储介质，其中，其上存储有计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1至6中任一权利要求所述的客户端换肤方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910936653.3A CN110727492A (zh) | 2019-09-29 | 2019-09-29 | 客户端换肤方法、装置、电子设备及计算机可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910936653.3A CN110727492A (zh) | 2019-09-29 | 2019-09-29 | 客户端换肤方法、装置、电子设备及计算机可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110727492A true CN110727492A (zh) | 2020-01-24 |
Family
ID=69219713
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910936653.3A Pending CN110727492A (zh) | 2019-09-29 | 2019-09-29 | 客户端换肤方法、装置、电子设备及计算机可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110727492A (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2010282327A (ja) * | 2009-06-03 | 2010-12-16 | Nec Corp | フォーマット変換システムおよびフォーマット変換方法並びにプログラム |
| US20140019849A1 (en) * | 2012-07-13 | 2014-01-16 | Microsoft Corporation | Extensible Content Focus Mode |
| CN103761098A (zh) * | 2014-01-23 | 2014-04-30 | 贝壳网际（北京）安全技术有限公司 | 一种网页换肤方法、装置及浏览器 |
| CN108959475A (zh) * | 2018-06-20 | 2018-12-07 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
| CN109445775A (zh) * | 2018-10-12 | 2019-03-08 | 平安科技（深圳）有限公司 | 一键活动内嵌代码方法、装置及计算机可读存储介质 |
| CN109725964A (zh) * | 2018-12-07 | 2019-05-07 | 恒生电子股份有限公司 | 混合型框架的换肤方法、装置、电子设备 |
-
2019
- 2019-09-29 CN CN201910936653.3A patent/CN110727492A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2010282327A (ja) * | 2009-06-03 | 2010-12-16 | Nec Corp | フォーマット変換システムおよびフォーマット変換方法並びにプログラム |
| US20140019849A1 (en) * | 2012-07-13 | 2014-01-16 | Microsoft Corporation | Extensible Content Focus Mode |
| CN103761098A (zh) * | 2014-01-23 | 2014-04-30 | 贝壳网际（北京）安全技术有限公司 | 一种网页换肤方法、装置及浏览器 |
| CN108959475A (zh) * | 2018-06-20 | 2018-12-07 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
| CN109445775A (zh) * | 2018-10-12 | 2019-03-08 | 平安科技（深圳）有限公司 | 一键活动内嵌代码方法、装置及计算机可读存储介质 |
| CN109725964A (zh) * | 2018-12-07 | 2019-05-07 | 恒生电子股份有限公司 | 混合型框架的换肤方法、装置、电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9514553B2 (en) | Personalized content layout | |
| US11790158B1 (en) | System and method for using a dynamic webpage editor | |
| US20130227412A1 (en) | Tooltip feedback for zoom using scroll wheel | |
| US20210019106A1 (en) | Desktop Sharing Method and Mobile Terminal | |
| US20160103608A1 (en) | Virtual keyboard of a computing device to create a rich output and associated methods | |
| EP2874054B1 (en) | Application text adjusting method, device, and terminal | |
| US20160092152A1 (en) | Extended screen experience | |
| CN104571877A (zh) | 一种页面的显示处理方法及装置 | |
| CN109753612B (zh) | 问卷显示的控制方法、装置、存储介质和电子设备 | |
| CN112015309A (zh) | 显示切换方法、装置及移动终端 | |
| CN110727492A (zh) | 客户端换肤方法、装置、电子设备及计算机可读存储介质 | |
| US20140237612A1 (en) | Privacy setting implementation in a co-browsing environment | |
| KR102092156B1 (ko) | 표시 장치의 영상 인코딩 방법 | |
| KR102223554B1 (ko) | 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 프로그램을 기록한 기록 매체 | |
| US20160147741A1 (en) | Techniques for providing a user interface incorporating sign language | |
| CN112632444A (zh) | 可视化网站主题配置方法和装置 | |
| CN110780951B (zh) | 一种显示区域的对齐显示方法及装置、终端、存储介质 | |
| CN115113773B (zh) | 信息的处理方法、装置、计算机可读存储介质和电子装置 | |
| CN110704141A (zh) | 页面切换方法、装置及电子设备 | |
| CN116112573B (zh) | 终端界面转换方法、装置、设备、存储介质和程序产品 | |
| CN114173177B (zh) | 一种视频处理方法、装置、设备及存储介质 | |
| WO2024041232A1 (zh) | 截屏方法、装置、存储介质以及终端 | |
| US10437614B2 (en) | System and method for designating multi-object favorites | |
| CN113722041A (zh) | 分屏显示界面切换方法及装置 | |
| CN117724788A (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200124 |