METHOD, DEVICE AND MOBILE TERMINAL FOR PROCESSIONG WEBPAGE IN NIGHT MODE

• US 20160188552A1
• Filed: 12/24/2015
• Published: 06/30/2016
• Est. Priority Date: 12/25/2014
• Status: Active Grant

• Current Assignee: Alibaba Group Holding Ltd.
• Original Assignee: Guangzhou Ucweb Computer Technology Company, Ltd.
• Inventors: WANG, Qianzhou, LIANG, Jin, LI, Xianfeng, KE, Xiaokai
• Granted Patent: US 10,409,899 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 40/117 Tagging; Marking up details of markup languages G06F40/143; Designating a block; Setting of attributes style sheets, e.g. eXtensible Stylesheet Language Transformation [XSLT], G06F40/154
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
• CPC Class Codes: G06F 40/197 Version control for software G06F8/71

Abstract

Methods, devices, and mobile terminals for webpage processing in a night mode are provided. A method may comprise the browser injecting the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via the interface of network request processing as provided by the terminal operating system when the browser is loading a webpage, and the browser parsing said main file, executing said JavaScript and applying said CSS style in a night mode to the webpage elements of said webpage for display. This can effect night mode and improve a user'"'"'s browsing experience while maintaining the original webpage layout.

Claims

1. A method for webpage processing in night mode, wherein the method comprises:

a browser injecting a CSS style of night mode and the corresponding JavaScript into a main file of said webpage via an interface of network request processing as provided by the terminal operating system when the browser is loading a webpage; and

the browser parsing said main file, executing said JavaScript and applying said CSS style in a night mode to the webpage elements of said webpage for display.

2. The method for webpage processing in night mode of claim 1, wherein, before the step of the browser injecting the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via the interface of network request processing as provided by the terminal operating system when the browser is loading a webpage, said method further comprises:

registering the self-defined subclass of NSURLProtocol with iOS system via NSURLProtocol;

the browser injecting the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via the interface of network request processing as provided by the terminal operating system when the browser is loading a webpage comprises the following steps;

and

the browser injecting the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via said subclass of NSURLProtocol.

3. The method for webpage processing in night mode of claim 1, wherein the step of the browser parsing said main file, executing said JavaScript and applying said CSS style in a night mode to the webpage elements of said webpage for display comprises:

said browser parsing said main file of webpage and generating the corresponding Dom Tree; and

said browser parsing and executing said JavaScript and adding said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display.

4. The method for webpage processing in night mode of claim 3, wherein the step of said browser parsing and executing said JavaScript and adding said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display comprises:

when said CSS style in a night mode is the first type of CSS style in a night mode applied at the first set node of Dom Tree, setting said CSS style of the first set node as the background color, frame color or text color designated by said first type of CSS style in a night mode, wherein said first set node is the node whose CSS style in a night mode is a definite value.

5. The method for webpage processing in night mode of claim 4, wherein the step of said browser parsing and executing said JavaScript and adding said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display comprises:

when said CSS style in a night mode is the second type of CSS style in a night mode applied at all the non-ergodic nodes of Dom Tree, setting the CSS style of all such non-ergodic nodes as the background color and frame color designated by said second type of CSS style in a night mode.

6. The method for webpage processing in night mode of claim 5, wherein the step of said browser parsing and executing said JavaScript and adding said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display comprises:

when said CSS style in a night mode is the third type of CSS style in a night mode applied at a special node of Dom Tree, adding the first class or property to said special node when traversing each displayable node of said Dom Tree, acquiring the original style of said special node and setting the CSS style of said special node as the background color and frame color designated by said third type of style when the property of said original style satisfies the preset conditions, wherein said special node is a node with a special background, frame or text color style.

7. The method for webpage processing in night mode of claim 6, wherein said preset condition is the property value of said original style being higher than the preset threshold value or satisfying the preset regular expression.

8. The method for webpage processing in night mode of claim 6, wherein the step of setting the CSS style of said special node as the background color and frame color designated by said third type of style when the property of said original style satisfies the preset conditions comprises:

when the property of said original style satisfies the preset conditions, adding the second class or property to the special style corresponding to said special node, said third type of CSS style in a night mode selecting the node with said second class or property and setting the CSS style of said special node as the background color and frame color designated by said third type of style;

and

adding the third class or property to each said special node.

9. The method for webpage processing in night mode of claim 7, wherein the step of said browser parsing and executing said JavaScript and adding said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display comprises:

when said CSS style in a night mode is the fourth type of CSS style in a night mode applied to the second set node of said Dom Tree, traversing each displayable node of said Dom Tree to acquire said second set node and setting the CSS style of said second set node as the background color, frame color and text color designated by said fourth type of CSS style in a night mode, wherein, said second set node is the node with said third class or property and without said second class or property.

10. The method for webpage processing in night mode of claim 1, wherein, after the step of the browser parsing said main file, executing said JavaScript and applying said CSS style in a night mode to the webpage elements of said webpage for display, said method further comprises:

monitoring if said webpage is inserted with any new webpage element; and

when said webpage is inserted with any new webpage element, the browser parsing said main file, executing said JavaScript and applying said CSS style in a night mode to the new webpage elements of said webpage for display.

11. The method for webpage processing in night mode of claim 1, wherein the priority of said CSS style in a night mode is higher than the priority of the original CSS style of said webpage.

12. A device for webpage processing in a night mode, wherein the device comprises:

CSS style injection module, configured to inject the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via the interface of network request processing as provided by the terminal operating system; and

CSS style application module, configured to parse said main file, execute said JavaScript and apply said CSS style in a night mode to the webpage elements of said webpage for display.

13. The device for webpage processing in night mode of claim 12, wherein said device further comprises:

a registration module, configured to register the self-defined subclass of NSURLProtocol with iOS system via NSURLProtocol; and

when said CSS style injection module is loading a webpage, it injects the CSS style of night mode and the corresponding JavaScript into the main file of said webpage via said subclass of NSURLProtocol.

14. The device for webpage processing in night mode of claim 12, wherein said CSS style application module is configured to parse said main file of webpage and generate the corresponding Dom Tree, parse and execute said JavaScript and add said CSS style in a night mode to said webpage Dom Tree so that the CSS style in a night mode can be applied to the webpage elements of said webpage for display.

15. The device for webpage processing in night mode of claim 14, wherein, when said CSS style in a night mode as injected by said CSS style injection module is the first type of CSS style in a night mode applied at the first set node of Dom Tree,

said CSS style application module sets said CSS style of the first set node as the background color, frame color or text color designated by said first type of CSS style in a night mode, wherein said first set node is the node whose CSS style in a night mode is a definite value.

16. The device for webpage processing in night mode of claim 15, wherein, when said CSS style in a night mode as injected by said CSS style injection module is the second type of CSS style in a night mode applied at all the non-ergodic nodes of Dom Tree,

said CSS style application module sets the CSS style of all such non-ergodic nodes as the background color and frame color designated by said second type of CSS style in a night mode.

17. The device for webpage processing in night mode of claim 16, wherein, when said CSS style in a night mode as injected by said CSS style injection module is the third type of CSS style in a night mode applied at a special node of Dom Tree,

said CSS style application module adds the first class or property to said special node when traversing each displayable node of said Dom Tree, acquiring the original style of said special node and sets the CSS style of said special node as the background color and frame color designated by said third type of style when the property of said original style satisfies the preset conditions, wherein said special node is a node with a special background, frame or text color style.

18. The device for webpage processing in night mode of claim 17, wherein, when said CSS style in a night mode as injected by said CSS style injection module is the fourth type of CSS style in a night mode applied to the second set node of said Dom Tree,

said CSS style application module traverses each displayable node of said Dom Tree to acquire said second set node and sets the CSS style of said second set node as the background color, frame color and text color designated by said fourth type of CSS style in a night mode, wherein, said second set node is the node with said third class or property and without said second class or property.