WO2015176435A1

WO2015176435A1 - Method and terminal for javascript-based page customization

Info

Publication number: WO2015176435A1
Application number: PCT/CN2014/087071
Authority: WO
Inventors: 唐俊开; 刘欣
Original assignee: 广州市动景计算机科技有限公司
Priority date: 2014-05-21
Filing date: 2014-09-22
Publication date: 2015-11-26
Also published as: CN105094786A; CN105094786B

Abstract

A method and system for JavaScript-based page customization, the method comprising: obtaining page source codes of a page to be processed according to a network address accessed by a browser (S201); inserting a preset JavaScript customization page file into the page source codes of the page to be processed (S202); executing the JavaScript customization page file, and encapsulating the page source codes with the JavaScript customization page file inserted therein, into a text string (S203); obtaining service data of the page to be processed according to the encapsulated text string (S204); and establishing a customized page based on the service data according to customization rules in the JavaScript customization page file (S205). Using the abovementioned method and system for JavaScript-based page customization, the traffic of users for viewing a page can be saved and the response speed of browsers in page customization can also be raised.

Description

Method and terminal for customizing page based on JavaScript

【技术领域】[Technical Field]

The present invention relates to the field of mobile internet technologies, and more particularly to a method and terminal for customizing pages based on JavaScript.

【背景技术】【Background technique】

At present, the browser mode, the novel reader and other smart mode products provide users with customized pages for specific web pages, and the manner in which the web content is customized according to the user's access request is processed by the middleware server. Return to the browser display to the user.

FIG. 1 shows a basic flow of an existing browser for customizing a specific webpage content. As shown in FIG. 1, after the browser initiates a webpage content customization request, the middleware server will specify a URL address according to a request initiated by the browser. Visit it again. In this process, after the middleware server parses the DOM object, the custom business-related JavaScript custom page file is injected into the page, and runs and parsed with the original page; after all customization and rendering are completed, the middleware server will be based on And the custom rules of the JavaScript custom page file, remove the resource code of the non-JavaScript custom page file customization page, and finally form the customized page output to the browser for parsing and display to the user.

As can be seen from Figure 1, the process of injecting a JavaScript custom page file into a JavaScript custom page file to dynamically generate a page is done in the middleware server, and the browser itself is only responsible for rendering the final generated page of the middleware server. Since the browser needs to wait for the middleware server to complete the above series of data processing after initiating the customization request, the resource code of the customized page (the JavaScript customized page file customization page) can be obtained. Therefore, the method of customizing the webpage content causes the browser to customize. The response speed of the page is slow, and the browser needs to download all the JavaScript custom page file from the middleware server to customize the resource code of the page, which will also increase the user's traffic expenditure.

Therefore, there is a need for a new custom page that can increase response speed while reducing user traffic.

【发明内容】 [Summary of the Invention]

In view of the above problems, an object of the present invention is to provide a method and terminal for customizing a page based on JavaScript, to solve the problem that the browser responds slowly when the page is customized, and the browser consumes user traffic during the process of customizing the page.

The method for customizing a page based on JavaScript provided by the present invention includes:

Obtain the source page code of the to-be-processed webpage according to the web address accessed by the browser;

Inserting a preset JavaScript custom page file into the source page code of the to-be-processed webpage;

Execute a JavaScript custom page file to encapsulate the source page code after the JavaScript custom page file into a text string;

Obtaining service data of the to-be-processed page according to the encapsulated text string;

Create custom pages based on business data based on custom rules in the JavaScript custom page file.

The terminal provided by the present invention based on a JavaScript customized page includes:

The source page code obtaining circuit is configured to obtain a source page code of the to-be-processed webpage according to a web address accessed by the browser;

a JavaScript custom page file insertion circuit for inserting a preset JavaScript custom page file in a source page code of a web page to be processed;

The source page code encapsulation circuit is configured to execute a JavaScript custom page file, and encapsulate the source page code after the JavaScript custom page file into a text string;

a service data obtaining circuit, configured to obtain service data of a page to be processed according to the encapsulated text string;

Custom page creation circuitry for creating custom pages based on business data based on custom rules in JavaScript custom page files.

Another terminal based on a JavaScript custom page provided by the present invention includes:

a processor and a memory coupled to the processor; the memory is configured to store a preset JavaScript custom page file; the processor is configured to obtain a source page code of the to-be-processed webpage according to a web address accessed by the browser; a preset JavaScript custom page file stored in the memory, inserting a preset JavaScript custom page file in the source page code of the to-be-processed webpage; executing the JavaScript custom page file, and encapsulating the source page code after the JavaScript customized page file a text string; obtaining business data of the to-be-processed page according to the encapsulated text string; and creating a customized page based on the service data according to the customization rule in the JavaScript customization page file.

The present invention also provides a computer readable storage medium carrying a series of instructions to control a computer processor to perform the methods described above.

With the above method and terminal based on JavaScript customized page provided according to the present invention, the following beneficial effects can be obtained:

1) Since the custom business-related JavaScript custom page file is pre-set in the browser, there is no need to download it from the middleware server in real time, which can reduce the traffic when the user accesses the page.

2) Since the custom business-related JavaScript custom page file is not injected into the page through the middleware server, and is run and parsed together with the page, the JavaScript custom page file in the browser is preset when the source page code is downloaded. Perform actions that increase the responsiveness of browser custom pages.

3) Since the source page code is fully stringed, the browser does not parse the original page, nor does it create DOM objects and renders, so the resources can be greatly reduced.

In order to achieve the above and related ends, one or more aspects of the present invention include the features which are described in detail below and particularly pointed out in the claims. The following description and the annexed drawings set forth in detail However, these aspects are indicative of only some of the various ways in which the principles of the invention may be employed. Furthermore, the invention is intended to cover all such aspects and their equivalents.

【附图说明】 [Description of the Drawings]

Other objects and results of the present invention will become more apparent and appreciated from the <RTIgt; In the drawing:

FIG. 1 is a schematic diagram of a basic process of customizing a specific webpage content by an existing browser;

2 is a schematic flow chart of a method for customizing a page based on JavaScript according to an embodiment of the present invention;

3 is a schematic flow chart of a method for customizing a page based on JavaScript according to an embodiment of the present invention;

4 is a schematic flow chart of a method for customizing a page based on JavaScript according to another embodiment of the present invention;

FIG. 5 is a schematic flowchart diagram of a method for customizing a page based on JavaScript according to still another embodiment of the present invention; FIG.

6 is a schematic flow chart of a method for customizing a page based on JavaScript according to still another embodiment of the present invention;

FIG. 7 is a schematic flowchart diagram of a method for customizing a page based on JavaScript according to still another embodiment of the present invention; FIG.

FIG. 8 is a schematic diagram of interaction of a browser-side injecting a JavaScript custom page file according to an embodiment of the present invention; FIG.

9 is a schematic diagram showing the logical structure of a terminal based on a JavaScript customized page according to an embodiment of the present invention;

10 is a schematic diagram showing the logical structure of a terminal based on a JavaScript customized page according to an embodiment of the present invention;

11 is a schematic diagram showing the logical structure of a terminal based on a JavaScript customized page according to another embodiment of the present invention;

12 is a schematic diagram showing the logical structure of a terminal based on a JavaScript customized page according to still another embodiment of the present invention;

FIG. 13 is a schematic diagram showing the logical structure of a terminal based on a JavaScript customized page according to still another embodiment of the present invention; FIG.

FIG. 14 is a schematic diagram showing the physical structure of a terminal based on a JavaScript customized page according to an embodiment of the present invention.

The same reference numerals are used throughout the drawings to refer to the

【具体实施方式】【detailed description】

In the following description, for the purposes of illustration However, it is apparent that these embodiments may be practiced without these specific details. In other instances, well known structures and devices are shown in block diagram form in order to facilitate describing one or more embodiments.

In order to facilitate the understanding of the method and terminal for customizing a page based on JavaScript provided by the present invention, firstly, the English appearing in the following content is annotated:

JavaScript custom page file, for writing JavaScript code, JavaScript code is stored in a JS physical file (that is, XXX.JS file). This JS physical file is preset in the browser, and the JavaScript custom page file is injected into the source page code. The JavaScript code stored in the JS physical file is injected into the original page of the user's browsing. For convenience of presentation, the following JavaScript custom page file is equivalent to the JavaScript code.

HTML: is an application under the standard universal markup language, which marks each part of the webpage to be displayed by a markup symbol; the webpage file itself is a text file, which can be told to the browser by adding a marker symbol to the text file. The content (such as how to handle the text, how the picture is arranged, how the picture is displayed, etc.).

DOM object: the Document Object Model (Document Object) Model, DOM) is a programming interface for HTML and XML documents. It provides a structured representation of the document, which can change the content and presentation of the document.

<head> tag: used to define the header of the document, which is the container for all header elements.

innerHTML: A tag property that is used to set or get the HTML inside the object's start and end tags (getting the contents of the HTML's current tag's start and end).

Document.write: Used in two ways. On the one hand, the page content is created with real-time scripts during the page loading process; on the other hand, the content of this window or new window is created with a time-delay script.

<plaintext> tag: The html tag after the tag can be lost its labeling function and will be displayed in the HTML source code.

</plaintext> tag: is to close the tag.

Specific embodiments of the present invention will be described in detail below with reference to the drawings.

In the foregoing existing customized page method, the method of injecting a JavaScript customized page file from the middleware server side causes a slow response of the customized page, and increasing the user traffic. The method for customizing the page based on the JavaScript provided by the present invention utilizes the browser itself. The ability to parse JavaScript custom page files, move the runtime environment of JavaScript custom page files from the middleware server to the browser to improve the response speed when accessing custom pages, while reducing the traffic when users access custom pages.

FIG. 2 is a flowchart of a method for customizing a page based on a JavaScript according to an embodiment of the present invention. As shown in FIG. 2, a method for customizing a page based on JavaScript according to an embodiment of the present invention firstly starts a user accessing a target URL to a browser. When requested, the browser obtains the source page code of the to-be-processed webpage corresponding to the target webpage according to the accessed target web address (step S201); after obtaining the source page code of the to-be-processed webpage, inserting the preset source code code of the to-be-processed webpage a JavaScript custom page file (step S202); executing a JavaScript custom page file, and encapsulating the source page code after the JavaScript custom page file into a text string (step S203); in step S204, acquiring a pending text string according to the packaged text string The business data of the page; after acquiring the business data of the to-be-processed page, creating a customized page based on the business data according to the customization rule in the JavaScript customization page file (step S205).

Referring to FIG. 3, in step S203, the JavaScript custom page file is executed, and the source page code after the JavaScript customized page file is encapsulated into a text string. Specifically, the step S203a: executing the JavaScript customized page file, and customizing the JavaScript by using the label element. The source page code after the page file is encapsulated into a text string. Further, the label element is a plaintext label. For other steps, please refer to Figure 2 and the corresponding text description, which will not be described here.

Referring to FIG. 4, in step S204, the service data of the page to be processed is obtained according to the encapsulated text string, which may specifically include the following sub-steps:

Sub-step S204a: Creating a DOM object of the page to be processed according to the encapsulated text string.

Sub-step S204b: Obtain the service data of the to-be-processed page according to the DOM object of the page to be processed.

Referring to FIG. 5, after step S201, the following steps may be included:

Step S206: Determine whether the web address accessed by the browser is within a preset white list. The whitelist is pre-set in the browser. If the web address accessed by the browser is in the preset white list, step S202 is performed; if not in the preset white list, step S202 is not performed. For other steps, please refer to Figure 2 and the corresponding text description, which will not be described here.

Referring to FIG. 6, in step S202, a preset JavaScript customization page file is inserted in the source page code of the to-be-processed webpage. Specifically, step S202a: inserting a preset JavaScript after the head tag of the source page code of the to-be-processed webpage. Custom page file. For other steps, please refer to Figure 2 and the corresponding text description, which will not be described here.

Referring to FIG. 7, in step S205, a customized page based on the service data is created according to the customization rule in the JavaScript customization page file, which may specifically include the following sub-steps:

Sub-step S205a: Create a DOM object based on the customized data of the business data according to the customization rule in the JavaScript customization page file.

Sub-step S205b: Loading the DOM object to obtain a customized page.

In addition, the custom rules in the JavaScript custom page file will be explained in detail below.

In order to explain in more detail the method for customizing a page based on JavaScript provided by the embodiment of the present invention, FIG. 8 shows an interaction process of injecting a JavaScript customized page file into the browser side of the embodiment of the present invention, as shown in FIG. The interactive process of injecting JavaScript custom page files into the browser side is:

Step S301: Access the target web address.

After the user enters the URL and presses the Enter key, the browser starts to connect to the server of the target website. After the connection is successful, the browser starts to download the source page code of the pending page from the target server.

It should be noted that the to-be-processed page is the page corresponding to the target URL.

Step S302: The browser initiates a request for accessing the target web address to the external core.

The browser includes an external core and a kernel. The whitelist is preset in the outer core of the browser, and the target URL accessed by the browser is judged. If the target URL is in the preset whitelist, the external core of the browser will access the target. The request of the URL is notified to the kernel of the browser. If the target URL is not in the default whitelist, the browser's external core does not notify the browser's kernel, and the following operations are not performed.

In summary, the whitelist is used as a switch to freely expand or shrink the range of custom pages by being able to increase or decrease the list rules, and even to cancel the whitelist immediately (insert a blank JavaScript custom page file).

Step S303: The external core of the browser notifies the kernel of the browser.

After the destination URL passes the whitelist judgment, the browser's external core notifies the browser's kernel of the request to access the destination URL, and prepares for parsing the target page corresponding to the target URL.

Step S304: The kernel of the browser requests the external core of the browser to obtain a JavaScript customized page file.

The JavaScript custom page file is also preset in the external core of the browser and is used to parse the pending page corresponding to the target URL.

Step S305: The external core of the browser provides a JavaScript customized page file to the kernel of the browser.

After the external core of the browser provides the JavaScript custom page file to the kernel of the browser, the JavaScript custom page file is injected into the kernel of the browser; in a specific embodiment of the embodiment, the JavaScript customized page file is scripted. Forms are injected into the kernel of the browser, but are not limited to injecting JavaScript custom page files in the form of scripts.

Step S306: The browser kernel parses the page.

After injecting the JavaScript custom page file into the browser's kernel, the browser kernel begins to parse the pending page corresponding to the target URL. Parsing the page is to parse the source page code of the page through the injected JavaScript custom page file.

In a specific embodiment of the embodiment, the process of parsing the JavaScript custom page file in the source page code is as follows:

When the browser kernel encounters the <head> tag in the parsing source page code, the JavaScript custom page file that has been injected into the browser kernel is inserted into the <head> tag as a script, and the inserted JavaScript custom page file is passed through document.write. Method, insert a label element: <plaintext>, The <plaintext> tag ignores any subsequent tag elements, and converts all tag elements after the <plaintext> tag into a text string so that it does not parse the HTML, shielding the source page code from the source page code. Downloading and parsing the source page code is done synchronously, so when the original page code is downloaded, the process of parsing the source page code will end. At this point, the JavaScript custom page file will automatically add another tag element </plaintext> .

As can be seen from the above analysis process, in the process of parsing the page, the custom page file is inserted into the <head> tag through the JavaScript, and the tag element after the <head> tag is stringified, that is, the JavaScript custom page file is After the source page code is not parsed by HTML, it can block the loading of the page, thus saving the traffic when the user accesses the customized page.

On the other hand, the <head> tag is the beginning of a web page. If you want to block all the resources of the page, the JavaScript custom page file should be inserted after the <head> tag, where the JavaScript custom page file is inserted, depending on the page you want to block. To what extent, if you don't want to block the <head> tag section, you can insert a JavaScript custom page file after the <body> tag of the page.

Step S307: Extract the data rearrangement page.

Get the business data of the page to be processed according to the encapsulated text string, and prepare for creating the DOM object of the customized page. Since the script page form JavaScript custom page file will continue to run after the source page code is encapsulated into a text string by the <plaintext> tag, a custom page based on the business data is created according to the custom rules defined in the JavaScript custom page file. The DOM object saves the created DOM object in memory for the user to use, then loads the DOM object stored in the memory and reconstitutes the page, thereby obtaining a customized page.

It should be noted that obtaining the service data of the to-be-processed page refers to acquiring data related to the service according to the needs of the business, for example, extracting the title, body, and the like of the novel.

In another embodiment of the present embodiment, the DOM object of the to-be-processed page is created according to the encapsulated text string; and the service data of the to-be-processed page is obtained according to the DOM object of the to-be-processed page.

In yet another embodiment of this embodiment, the DOM object of the custom page based on the business data is created using the innerHTML attribute of the JavaScript custom page file.

It should be noted that the source page code on the general page is parsed by the browser. After parsing, a DOM object is created for rendering, and finally displayed on the browser. In the process of rendering the page by the browser, a large amount of resources are consumed. Therefore, In the embodiment of the present invention, the source page code is completely stringified by using a JavaScript custom page file, so that the browser does not parse the source page code, nor does the DOM object be created for rendering, but the DOM object without creating the customized page cannot customize the page. Therefore, the embodiment of the present invention creates a DOM object based on the customized data of the business data according to the custom rules agreed in the JavaScript customization page file, and saves the created DOM object of the customized page in the memory for the user to use, due to the created customization. The page's DOM object is not rendered on the page, so it can achieve a significant reduction in the use of resources, while customizing the data required by the page for users to use.

On the other hand, the custom rules specified in the JavaScript custom page file actually refer to rearranging and combining the data in the original DOM object (the DOM object created by the browser parsing) according to certain requirements, such as the advertisement contained in the original DOM object. The custom rules defined in the JavaScript custom page file according to the embodiment of the present invention are removed; for example, there are numerous links in the original page, or other content that is not associated with the main content, and the JavaScript customized page according to the embodiment of the present invention. The custom rules in the file are also deleted, and the original DOM object is suitable for PC viewing. In the embodiment of the present invention, the original DOM object is changed to a DOM object for creating a customized page based on the business data, which is more suitable for mobile phone viewing.

Step S308: The customized page is loaded and displayed on the browser to the user.

The interactive process of injecting a JavaScript custom page file by the browser side can be seen that the parsing of the page can be completed independently on the browser side without the operation of the middleware server, thereby improving the response speed of the browser customization page.

In summary, the foregoing process describes a method for customizing a page based on JavaScript provided by an embodiment of the present invention, and the method of the existing customized page is different from the following:

1) Client injection Once JavaScript customizes the page file, it can immediately mask the resource customization and rendering of the original page; the middleware server needs to completely customize the page once, including all resources.

2) After the client injects the JavaScript custom page file, it can immediately block the JavaScript custom page file execution environment of the original page, leaving only the injected JavaScript custom page file environment; while the middleware injects the JavaScript custom page file, there is a shared JavaScript custom page file environment. And issues such as global variable conflicts.

The method for customizing a page based on JavaScript provided by the embodiment of the present invention can also obtain the following beneficial effects:

1) Since the custom business-related JavaScript development page file is pre-set on the browser side, it does not need to be downloaded from the middleware server side in real time, and the process of injecting JavaScript into the browser side to generate the page file is performed on the user's browser. There is no need to request service from the middleware server. When the user accesses the URL, only the source page code of the page needs to be downloaded, so the traffic of the user when accessing the page can be reduced.

2) Since it is not necessary to inject the custom business-related JavaScript development page file into the page through the middleware server, and run and parse with the page, the JavaScript development page file in the browser is preset when the source page code is downloaded. Perform actions that increase the responsiveness of browser custom pages.

3) Since the source page code is fully stringed, the browser does not parse the page, nor does it create DOM objects and renders, thus significantly reducing resources.

4) Since the customized page returned by the middleware server is a simple HTML page, it is a page that provides information services; and the client injects JavaScript to develop a page file scheme, since all are dynamic pages generated by JavaScript to create a page file. , is an exchangeable page, which is more convenient for users to operate on it.

Corresponding to the above method, the present invention also provides a terminal for customizing a page based on JavaScript. FIG. 9 illustrates a logical structure of a terminal that customizes a page based on JavaScript according to an embodiment of the present invention.

As shown in FIG. 9, the terminal based on the JavaScript custom page provided by the embodiment of the present invention includes a source page code obtaining circuit 410, a JavaScript customized page file inserting circuit 420, a source page code encapsulating circuit 430, a service data obtaining circuit 440, and a customized page. Circuit 450 is created.

When the user requests the browser to access the target web address, the source page code obtaining circuit 410 obtains the source page code of the to-be-processed page corresponding to the target web address according to the target web address accessed by the browser; after acquiring the source page code, the JavaScript custom page file inserting circuit 420 inserts a preset JavaScript custom page file in the source page code of the to-be-processed webpage; after inserting the preset JavaScript custompage file, the source page code encapsulation circuit 430 executes the JavaScript custompage file, and the source after the JavaScript customizes the pagefile The page code is encapsulated into a text string to block the source page code after executing the preset JavaScript custom page file; then, the service data obtaining circuit 440 obtains the service data of the to-be-processed page according to the encapsulated text string; After the business data of the page, the custom page creation circuit 450 creates a customized page based on the business data based on the customization rules in the JavaScript custom page file.

The JavaScript customized page file insertion circuit 420 is specifically configured to insert a preset JavaScript customized page file after the head tag of the source page code of the to-be-processed webpage.

Figure 10 shows a logical block diagram of one embodiment in accordance with an embodiment of the present invention.

In the embodiment shown in FIG. 10, the source page code encapsulation circuit 430 includes a tag element encapsulation sub-circuit 431 for encapsulating the source page code following the JavaScript custom page file into a text string using the tag element.

Specifically, the above label element may be a plaintext label, and the plaintext label may convert the subsequent source page code into a text string.

Figure 11 illustrates a logical structure in accordance with another embodiment of an embodiment of the present invention.

In the embodiment shown in FIG. 11 , the terminal further includes a white list preset circuit 460 and a white list determining circuit 470. The white list preset circuit 460 presets a white list in the outer core of the browser to make white. The list judging circuit 470 judges the target web address accessed by the browser after the source page code obtaining circuit 410 obtains the source page code of the to-be-processed page corresponding to the target web address according to the target web address accessed by the browser, and the whitelist determining circuit 470 determines the browser. Whether the visited destination URL is in the preset whitelist, if the target URL accessed by the browser is in the preset whitelist, the JavaScript customized page file insertion circuit 420 inserts the source page code of the to-be-processed page corresponding to the target URL. The JavaScript custom page file is set; if the target URL accessed by the browser is not in the preset whitelist, the JavaScript custom page file inserting circuit 420 does not insert the preset JavaScript custom page file.

In the specific embodiment shown in FIG. 12, the service data obtaining circuit 440 includes a to-be-processed page DOM object creation sub-circuit 441 and a service data acquisition sub-circuit 442, and the to-be-processed page DOM object creation sub-circuit 441 is used according to the packaged The text string creates a DOM object of the page to be processed, and the service data obtaining sub-circuit 442 is configured to obtain the service data of the page to be processed according to the DOM object of the page to be processed.

In the specific embodiment shown in FIG. 13, the custom page creation circuit 450 includes: a custom page DOM object creation sub-circuit 451 and a custom page DOM object loading sub-circuit 452; a custom page DOM object creation sub-circuit 451 for customizing according to JavaScript A custom rule in the page file creates a DOM object based on the customized page of the business data; the custom page DOM object loading sub-circuit 452 is used to load the DOM object to obtain a customized page.

Referring to FIG. 14, another JavaScript-based custom page-based terminal 500 provided by an embodiment of the present invention includes a processor 510, a memory 520 coupled to the processor 510, and a communication bus 530 for implementing between the components. Connect communication. The terminal 500 also includes a network interface 540 or other user interface 550, which optionally includes a user interface 550, such as a display, keyboard, or pointing device (eg, a mouse, trackball, Touch panel or touch screen). Memory 520 may include high speed RAM memory and may also include non-volatile memory (non-volatile) Memory), such as at least one disk storage. The memory 520 can optionally include at least one storage device located remotely from the processor 510.

In some embodiments, the memory 520 stores a preset JavaScript custom page file, and also stores the following elements, executable modules or data structures, or a subset thereof, or an extended set thereof:

An operating system 5201, including various system programs for implementing various basic services and processing hardware-based tasks;

The application module 5202 includes various applications for implementing various application services.

In the embodiment of the present invention, by calling the preset JavaScript custom page file, program or instruction stored in the memory 5202, the processor 510 is configured to: Obtaining a source page code of the to-be-processed webpage according to a web address accessed by the browser; extracting a preset JavaScript custompage file stored in the memory, and inserting a preset JavaScript custompage file file in a source page code of the to-be-processed webpage; a JavaScript customization page file, the source page code after the JavaScript custom page file is encapsulated into a text string; the business data of the to-be-processed page is obtained according to the encapsulated text string; and the customization rule in the page file is customized according to the JavaScript , creating a customized page based on the business data.

In the above embodiments, the processor 510 is further configured to: execute the JavaScript custom page file, and package the source page code after the JavaScript customized page file into a text string by using a label element.

The label element is a plaintext label.

The processor is further configured to: create a DOM object of the to-be-processed page according to the encapsulated text string; and obtain the service data of the to-be-processed page according to the DOM object of the to-be-processed page.

The processor is further configured to determine whether the web address accessed by the browser is in a preset white list; if in the preset white list, insert a preset JavaScript customization in the source page code of the to-be-processed webpage. The page file; if it is not in the default whitelist, the preset JavaScript custom page file is not inserted.

The processor is further configured to insert a preset JavaScript customized page file after the head tag of the source page code of the to-be-processed webpage.

The processor is further configured to: create a DOM object based on the customized page of the service data according to a customization rule in the JavaScript customization page file; load the DOM object to obtain a customized page.

It can be seen that after adopting the above scheme:

The embodiment of the invention further provides a computer readable storage medium carrying a series of instructions to control a computer processor to perform the method described above, which is not described herein.

A method and terminal for customizing a page based on JavaScript proposed in accordance with the present invention is described above by way of example with reference to the accompanying drawings. However, it should be understood by those skilled in the art that various improvements can be made to the implementation details of the method and terminal based on the JavaScript customization method proposed by the present invention based on the content of the present invention. Therefore, the scope of the invention should be determined by the content of the appended claims.

Claims

A method for customizing a page based on JavaScript, wherein the method comprises:

Obtain the source page code of the to-be-processed webpage according to the web address accessed by the browser;

Inserting a preset JavaScript custom page file into the source page code of the to-be-processed webpage;

Executing the JavaScript custom page file, and encapsulating the source page code after the JavaScript custom page file into a text string;

Obtaining service data of the to-be-processed page according to the encapsulated text string;

A customized page based on the business data is created according to the customization rules in the JavaScript custom page file.
The method for customizing a page based on JavaScript according to claim 1, wherein the step of executing the JavaScript custom page file and encapsulating the source page code after the JavaScript custom page file into a text string comprises: The JavaScript custom page file encapsulates the source page code of the JavaScript custom page file into a text string using a tag element.
The method of customizing a page based on JavaScript according to claim 2, wherein the tag element is a plaintext tag.
The method for customizing a page based on a JavaScript according to claim 1, wherein the step of acquiring the service data of the page to be processed according to the encapsulated text string comprises:

Create a DOM object of the to-be-processed page according to the encapsulated text string;

The service data of the to-be-processed page is obtained according to the DOM object of the to-be-processed page.
The method for customizing a page based on a JavaScript according to claim 1, wherein the step of obtaining the source page code of the web page to be processed according to the web address accessed by the browser comprises:

Determining whether the web address accessed by the browser is in a preset white list;

If it is in the preset whitelist, the default JavaScript custom page file is inserted in the source page code of the to-be-processed webpage; if it is not in the preset whitelist, the preset JavaScript custompage file is not inserted.
The method for customizing a page based on JavaScript according to claim 1, wherein the step of inserting a preset JavaScript custom page file in the source page code of the to-be-processed webpage includes: a head tag of a source page code of the to-be-processed webpage After inserting the default JavaScript custom page file.
The method for customizing a page based on JavaScript according to claim 1, wherein the step of creating a customized page based on the service data according to a customization rule in the JavaScript customization page file comprises:

Creating a DOM object based on the customized page of the business data according to a customization rule in the JavaScript customization page file;

Load the DOM object to get a custom page.
A terminal based on a JavaScript customized page, wherein the terminal comprises:

The source page code obtaining circuit is configured to obtain a source page code of the to-be-processed webpage according to a web address accessed by the browser;

a JavaScript custom page file insertion circuit for inserting a preset JavaScript custom page file in a source page code of a web page to be processed;

a source page code encapsulating circuit, configured to execute the JavaScript custom page file, and encapsulate the source page code after the JavaScript custom page file into a text string;

a service data obtaining circuit, configured to obtain service data of a page to be processed according to the encapsulated text string;

A custom page creation circuit for creating a customized page based on the business data according to a customization rule in the JavaScript customization page file.
A JavaScript-based custom page-based terminal according to claim 8, wherein

The source page code encapsulation circuit includes a tag element encapsulation sub-circuit for encapsulating the source page code after the JavaScript custom page file into a text string using a tag element.
A JavaScript-based custom page-based terminal according to claim 9, wherein

The label element is a plaintext label.
A JavaScript-based custom page-based terminal according to claim 8, wherein

The terminal further includes a white list preset circuit and a white list judgment circuit;

The white list preset circuit is configured to preset a white list;

The whitelist determining circuit is configured to determine, after obtaining the source page code of the to-be-processed webpage according to the webpage accessed by the browser, whether the webpage accessed by the browser is in a preset whitelist;

The JavaScript custom page file insertion circuit is configured to insert a preset JavaScript custom page file in a source page code of the to-be-processed webpage if it is in a preset whitelist;

If it is not in the default whitelist, the default JavaScript custom page file is not inserted.
A JavaScript-based custom page-based terminal according to claim 8, wherein

The service data obtaining circuit includes a to-be-processed page DOM object creation sub-circuit and a service data acquisition sub-circuit,

The to-be-processed page DOM object creation sub-circuit is configured to create a DOM object of the to-be-processed page according to the encapsulated text string.

The service data obtaining sub-circuit is configured to obtain service data of a page to be processed according to a DOM object of a page to be processed.
The JavaScript custom page-based terminal of claim 8, wherein the JavaScript custom page file insertion circuit is specifically configured to insert a preset JavaScript custom page file after the head tag of the source page code of the to-be-processed web page.
The JavaScript custom page-based terminal according to claim 8, wherein the customized page creation circuit comprises: a custom page DOM object creation sub-circuit and a custom page DOM object loading sub-circuit;

The custom page DOM object creation sub-circuit is configured to create a DOM object based on the customized page of the service data according to a customization rule in the JavaScript customization page file;

The custom page DOM object loading sub-circuit is configured to load the DOM object to obtain a customized page.
A terminal based on a JavaScript custom page, wherein the terminal comprises: a processor and a memory coupled to the processor;

The memory is configured to store a preset JavaScript custom page file;

The processor is configured to obtain a source page code of the to-be-processed webpage according to a web address accessed by the browser; retrieve a preset JavaScript custompage file stored in the memory, and insert a preset JavaScript customization in a source page code of the to-be-processed webpage. a page file; executing the JavaScript custom page file, encapsulating the source page code of the JavaScript custom page file into a text string; obtaining business data of the to-be-processed page according to the encapsulated text string; and customizing the page according to the JavaScript A custom rule in the file that creates a customized page based on the business data.
The JavaScript-based custom page-based terminal of claim 15, wherein the processor is further configured to execute the JavaScript custom page file, and package the source page code of the JavaScript customized page file into a text character by using a label element. string.
The JavaScript-based custom page-based terminal of claim 16, wherein the tag element is a plaintext tag.
The JavaScript custom page-based terminal according to claim 15, wherein the processor is further configured to: create a DOM object of the to-be-processed page according to the encapsulated text string; and acquire the to-be-processed page according to the DOM object of the to-be-processed page. Business data.
The JavaScript custom page-based terminal according to claim 15, wherein the processor is further configured to determine whether the web address accessed by the browser is in a preset white list; if in the preset white list, The default JavaScript custom page file is inserted in the source page code of the to-be-processed webpage; if it is not in the preset whitelist, the preset JavaScript custompage file is not inserted.
The JavaScript custom page-based terminal according to claim 15, wherein the processor is further configured to insert a preset JavaScript custom page file after the head tag of the source page code of the to-be-processed webpage.
The JavaScript-based custom page-based terminal of claim 15, wherein the processor is further configured to create a DOM object based on the customized page of the service data according to a customization rule in the JavaScript customization page file; Describe the DOM object and get a custom page.
A computer readable storage medium, wherein the storage medium carries a series of instructions to control a computer processor to perform the method of claim 1.