A web page display method, system, terminal and medium

Abstract

The present application discloses a method, system, terminal and medium for displaying a web page, wherein the method comprises obtaining a web page data packet corresponding to the web page for displaying the web page; the web page data packet comprises a web page compression package and a web page image for representing the web page; obtaining the hardware configuration information of the terminal, and determining whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page; if not, the terminal displays the web page image; if it meets, the terminal loads the web page compression package to display the web page. The present application aims to play H5 web pages in the form of web page images corresponding to H5 images on low-configuration terminals, and play H5 web pages normally on high-configuration terminals, thereby being compatible with low-configuration terminals, expanding the application group, and ensuring the playback effect of H5 web pages played by low-configuration terminals, which is convenient for users.

Description

Technical Field

[0001] The present application relates to the technical field of web pages, and in particular to a method, system, terminal and medium for displaying a web page. Background Art

[0002] The information transmission system currently supports sending H5 web pages to terminal advertising machines for playback. The process is as follows: Step 1, create a web page for H5 playback; Step 2, generate an H5 web page compression package and upload it to the background server; Step 3, the background server publishes the H5 broadcast list to the terminal; Step 4, the terminal plays the H5 web page.

[0003] However, this process plays smoothly on medium- and high-configuration terminals, but it is prone to freezes and freezes on low-configuration terminals, especially when playing h5 broadcast lists containing animations and sounds, which seriously affects the playback effect and provides a poor user experience.

[0004] Therefore, the prior art needs to be improved and developed. Summary of the invention

[0005] Based on this, it is necessary to provide a web page display method, system, terminal and medium to address the technical problem that the existing H5 web page playback is not compatible with low-configuration terminals, resulting in poor effect when the low-configuration terminals play the H5 web page.

[0006] In order to achieve the above objectives, this application adopts the following technical solutions:

[0007] In a first aspect, the present application provides a method for displaying a web page, the method comprising the following steps:

[0008] Acquire a web page data packet corresponding to a web page for display; the web page data packet includes a web page compression packet and a web page image for representing the web page;

[0009] Acquire hardware configuration information of the terminal, and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the webpage;

[0010] If the hardware configuration information does not meet the hardware configuration standard corresponding to normal display of the web page, the terminal displays the web page picture;

[0011] If the hardware configuration information meets the hardware configuration standard corresponding to normal display of the web page, the terminal loads the web page compression package to display the web page.

[0012] In the web page display method, the step of obtaining a web page data packet corresponding to the web page for displaying the web page specifically comprises:

[0013] Receive web page playback instructions corresponding to web page publishing;

[0014] Respond to the web page playing instruction to download a web page data packet corresponding to the web page for displaying.

[0015] The web page display method, wherein the step of generating the web page image specifically includes:

[0016] The terminal creates the web page by using a web page creation tool, and packages the web page by using the web page creation tool to obtain a web page compression package corresponding to the web page;

[0017] After receiving the uploaded webpage compression package through the backend server connected to the terminal, a picture task is generated and the picture task is distributed to the task queue;

[0018] After the backend server obtains the image task from the task queue, the web page data packet is decompressed to generate a web page image for representing the core content of the web page through the image library and the URL path of the web page, and the web page image is stored in the image library.

[0019] The web page display method, wherein the storage path of the web page compression package in the web page data packet is the same as that of the web page image.

[0020] In the web page display method, the web page image is a local part of the web page, and the local part is used to represent the core content of the web page.

[0021] In the web page display method, the web page image is generated by the background server based on the web page compression package of the web page.

[0022] In the web page display method, the hardware configuration information complies with the hardware configuration standard corresponding to the normal display of the web page, specifically, the hardware configuration information at least complies with the minimum hardware configuration standard corresponding to the normal display of the web page.

[0023] In a second aspect, the present application further provides a web page display system, the web page display system comprising a backend server and a terminal connected to the backend server, wherein the terminal comprises:

[0024] An acquisition unit, used for acquiring a web page data packet corresponding to the displayed web page;

[0025] A judgment unit, used to obtain hardware configuration information of the terminal and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page;

[0026] A picture display unit, configured to display the web page picture when the hardware configuration information does not meet the hardware configuration standard corresponding to the normal display of the web page;

[0027] The web page display unit is used to load the web page compression package to display the web page when the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page.

[0028] In a third aspect, the present application further provides a terminal, comprising a processor and a memory connected to the processor, wherein the memory stores a computer program, and when the processor executes the computer program, the steps in the method for displaying a web page are implemented.

[0029] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program, when executed by a processor, implements the steps in the method for displaying a web page.

[0030] Beneficial effects:

[0031] Compared with the prior art, the present application provides a method, system, terminal and medium for displaying a web page, wherein the method includes obtaining a web page data packet corresponding to the web page for displaying the web page; the web page data packet includes a web page compression package and a web page image for representing the web page; obtaining the hardware configuration information of the terminal, and determining whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page; if not, the terminal displays the web page image; if compliant, the terminal loads the web page compression package to display the web page. The present application aims to play H5 web pages in the form of web page images corresponding to H5 images on low-configuration terminals, and play H5 web pages normally on high-configuration terminals, thereby being compatible with low-configuration terminals, expanding the application group, and ensuring the playback effect of H5 web pages played by low-configuration terminals, which is convenient for users. BRIEF DESCRIPTION OF THE DRAWINGS

[0032] Figure 1 A flowchart of a method for displaying a web page provided in this application.

[0033] Figure 2 A structural block diagram of a web page display system provided in this application.

[0034] Figure 3 This is a schematic diagram of the structure of a terminal in a web page display system provided by the present application.

[0035] Figure 4 A structural block diagram of a terminal provided in this application. DETAILED DESCRIPTION

[0036] The present application provides a web page display method, system, terminal and medium. To make the purpose, technical solution and effect of the present application clearer and more specific, the present application is further described in detail with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0037] It will be understood by those skilled in the art that, unless expressly stated, the singular forms "one", "said", and "the" used herein may also include plural forms. It should be further understood that the term "comprising" used in the specification of the present application refers to the presence of the features, integers, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components and / or groups thereof. It should be understood that when we refer to an element as being "connected" or "coupled" to another element, it may be directly connected or coupled to the other element, or there may be an intermediate element. In addition, the "connection" or "coupling" used herein may include wireless connection or wireless coupling. The term "and / or" used herein includes all or any unit and all combinations of one or more associated listed items.

[0038] It will be understood by those skilled in the art that, unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as those generally understood by those skilled in the art to which this application belongs. It should also be understood that terms such as those defined in general dictionaries should be understood to have meanings consistent with those in the context of the prior art, and will not be interpreted with idealized or overly formal meanings unless specifically defined as here.

[0039] The technical solution of the present application is described below in conjunction with the accompanying drawings and specific embodiments, as follows:

[0040] See also Figure 1 , Figure 1 It should be noted that the web page display method of the embodiment of the present invention is not limited to Figure 1 The steps and order in the flowchart shown can be added, removed or changed in order according to different requirements. Figure 1 As shown, the method for displaying the web page includes:

[0041] S10, obtaining a web page data packet corresponding to a displayed web page; the web page data packet includes a web page compression package and a web page image used to represent the web page.

[0042] Specifically, the method for displaying the web page can be implemented by a terminal or a background server, wherein the terminal can be any device that can connect to the Internet, such as a mobile phone, an iPad, a desktop computer, etc.

[0043] In order to better understand the technical solution of the present application, the method for displaying the web page is described below by taking a terminal as an example.

[0044] In this step, the user can open different web pages on the terminal. The web page is usually an H5 web page, which is a web page writing standard. Generally speaking, an H5 web page is a long page with rich content written in the HTML5 standard. Its content and style use various special display effects. H5 web pages are easy to share and spread, which is conducive to promotion and publicity.

[0045] The backend server publishes the H5 web page broadcast list, so that each terminal can access the web page, that is, each terminal displays the H5 web page. To publish the H5 web page, you need to first create the H5 web page, generate the H5 web page compression package, and then set the domain name mapping configuration parameters, and then publish the H5 web page through the backend server. In this way, the terminal downloads the web page compression package corresponding to the H5 web page from the backend server and decompresses it, so as to load the web page compression package to display the H5 web page.

[0046] In order to be compatible with low-configuration terminals, this application generates a web page image for displaying the H5 web page based on the web page compression package and the image library while making an H5 web page to generate a web page compression package corresponding to the H5 web page. The web page image is generated in the form of a snapshot, and the web page image is a partial part of the web page, and the partial part is used to represent the core content of the web page.

[0047] Specifically, the steps of generating the web page image include: creating the web page through a web page creation tool, and packaging the web page through the web page creation tool to obtain a web page compression package corresponding to the web page; after the background server receives the uploaded web page compression package, it generates an image task and distributes the image task to the task queue; after obtaining the image task from the task queue, it decompresses the web page data packet to generate a web page image snapshot for representing the core content of the web page through the image library and the URL path of the web page; and stores the web page image in the background server in the same path as the web page compression package.

[0048] In simple terms, when the h5 webpage compression package is uploaded to the backend server, the image generation task of the webpage generation image is distributed to the redis queue through the controller. The redis queue is an asynchronous queue, which means it is implemented in an asynchronous way, and then the designated worker obtains the image generation task from the queue. Then, the Worker consumes the queue to obtain the image generation task, automatically compresses the file, and then automatically requests the webpage address of the webpage, which is used to uniquely identify the webpage.

[0049] In this embodiment, the web page address can be a uniform resource locator url (Uniform Resource Locator). By calling the image library SnappyImage library, based on certain configuration rules, such as using the SnappyImage library, the core content of the h5 web page is automatically generated into a snapshot image, i.e., a web page image, and the web page compression package and the web page image are packaged into a web page data package and saved in the background server.

[0050] It should be noted that the whole process is implemented in an asynchronous way due to frequent IO operations, which does not block the current process. The quality and size of the generated pictures can be customized, and the core content can be saved in the form of picture snapshots.

[0051] Furthermore, the webpage compressed package in the webpage data packet has the same storage path as the webpage image, that is, the webpage compressed package and the webpage image are stored in the same designated directory.

[0052] Furthermore, the terminal obtains the webpage data packet corresponding to the webpage for displaying through the background server specifically includes:

[0053] S11, receiving a web page playback instruction corresponding to a web page release;

[0054] S12, responding to the web page playing instruction to download a web page data packet corresponding to the web page for displaying the web page.

[0055] The web page compressed package in the web page data packet has the same storage path as the web page image. Therefore, when the terminal downloads from the backend server, it not only downloads the web page compressed package, but also downloads the web page image corresponding to the web page. The web page playback instruction includes an mq instruction.

[0056] Specifically, when the backend server publishes the H5 web page broadcast list, the terminal receives the mq instruction, triggers the H5 web page playback request, and then downloads the web page data packet from the backend server based on the mq instruction.

[0057] S20: Acquire hardware configuration information of the terminal, and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the webpage.

[0058] In order to be compatible with low-configuration terminals, it is necessary to monitor whether the configuration information of the terminal to be displayed meets the playback requirements. Specifically, the hardware configuration information of the terminal is obtained, and the hardware configuration information includes graphics card information, operating system, CPU, hard disk, memory, optical drive information, motherboard information, etc. The hardware configuration information can be viewed through DirectX diagnostic tools, device managers, etc.

[0059] The playback requirement refers to the hardware configuration standard corresponding to the normal display of the web page. The terminal can pre-configure the hardware configuration standard for normal display of the web page. Since the web pages to be displayed are different, the corresponding hardware configuration standard varies based on different web pages. Therefore, in order to meet the normal display of multiple web pages and reduce costs, the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page, specifically, the hardware configuration information at least meets the minimum hardware configuration standard corresponding to the normal display of the web page. The minimum hardware configuration standard corresponds to the web page with the lowest configuration requirements among multiple web pages. Specifically, the minimum hardware configuration standard corresponding to different terminals can be tested through the playback effect.

[0060] Therefore, before the terminal displays a web page, the terminal determines the display mode of the web page through its own hardware configuration information. The display mode includes H5 web page display and H5 web page image display. Specifically, it determines whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page.

[0061] S30, if the hardware configuration information does not meet the hardware configuration standard corresponding to normal display of the web page, the terminal displays the web page picture;

[0062] S40: If the hardware configuration information meets the hardware configuration standard corresponding to normal display of the web page, the terminal loads the web page compression package to display the web page.

[0063] Based on step S20, the terminal determines the web page to be displayed. Then the hardware configuration standard for the normal display of the web page is searched. Determine whether there is a minimum hardware configuration standard for the hardware configuration standard corresponding to the web page. If so, the terminal compares its own corresponding hardware configuration information with the minimum hardware configuration standard. If the hardware configuration information meets the minimum hardware configuration standard requirements, the web page compression package corresponding to the web page is loaded in a normal manner, that is, the web page compression package is decompressed to display the web page. If the hardware configuration information does not meet the minimum hardware configuration standard requirements, the terminal does not need to load the web page compression package, but displays the web page picture to represent the web page. In this way, it is presented in the form of a picture list on a low-configuration terminal machine, which greatly improves the loading speed and does not affect the playback effect when playing the H5 web page.

[0064] In this way, based on steps S10-S40, the present application uses the background server to generate web page images corresponding to the web page compression package, and packages the web page images and the web page compression package into a web page data packet. When the terminal plays the H5 web page, the web page data packet is downloaded. If the terminal is a low-configuration terminal, the H5 web page is played in the form of the web page image corresponding to the H5 image. If the terminal is a high-configuration terminal, the H5 web page is played normally, thereby being compatible with low-configuration terminals. While expanding the application group, it ensures the playback effect of H5 web pages played by low-configuration terminals, which is convenient for users.

[0065] Based on the above web page display method, the present application also provides a web page display system. Figure 2 , Figure 2 The schematic diagram of the structure of a web page display system in the present application is illustrated. The system 100 may include a terminal 101 and a backend server 102. Figure 2 Only some components of the system 100 are shown, but it should be understood that it is not required to implement all the components shown, and more or fewer components may be implemented instead. The terminal 101 may be any device that can be connected to the Internet, such as a mobile phone, an iPad, a desktop computer, etc.

[0066] Among them, the backend server 102 is used to publish web pages, generate web page compression packages and web page images corresponding to the web pages; specifically, after receiving the web page compression packages uploaded by the terminal 101, the backend server 102 generates image tasks and distributes the image tasks to the task queue; after obtaining the image tasks from the task queue, the web page data packet is decompressed to generate web page images for representing the core content of the web page through the image library and the URL path of the web page, and the web page images are stored, and the web page compression packages in the web page data packet have the same storage path as the web page images;

[0067] Terminal 101 is connected to the backend server 102, such as Figure 3 As shown, the terminal 101 includes:

[0068] An acquisition unit 11 is used to acquire a web page data packet corresponding to the displayed web page;

[0069] The judgment unit 12 is used to obtain the hardware configuration information of the terminal 101 and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page;

[0070] The picture display unit 132 is used to display the web page picture when the hardware configuration information does not meet the hardware configuration standard corresponding to the normal display of the web page;

[0071] The web page display unit 131 is used to load the web page compression package to display the web page when the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page; wherein the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page specifically means that the hardware configuration information at least meets the minimum hardware configuration standard corresponding to the normal display of the web page.

[0072] Furthermore, the acquisition unit 11 includes:

[0073] A receiving unit, used for receiving a web page playback instruction corresponding to a web page release;

[0074] The response unit is used to respond to the web page playing instruction to download a web page data packet corresponding to the web page for displaying the web page.

[0075] The descriptions of the acquisition unit 11, the determination unit 12, the picture display unit 132 and the web page display unit 131 are specifically as described in the web page display method.

[0076] The present application also provides a terminal, such as Figure 3 As shown, the terminal 1 can be any device that can connect to the Internet, such as a mobile phone, an iPad, a desktop computer, etc. The terminal 1 includes a processor 20 and a memory 22 connected to the processor 20. Figure 3 Only some components of the terminal 1 are shown, but it should be understood that it is not required to implement all of the components shown, and more or fewer components may be implemented instead.

[0077] In some embodiments, the memory 22 may be an internal storage unit of the terminal 1, such as the memory of the system 100. In other embodiments, the memory 22 may also be an external storage device of the system 100, such as a plug-in USB flash drive, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) card, a flash card (Flash Card), etc. equipped on the terminal 1. Furthermore, the memory 22 may also include both an internal storage unit of the terminal 1 and an external storage device. The memory 22 is used to store application software and various types of data installed on the terminal 1, such as the display program code of the web page, etc. The memory 22 may also be used to temporarily store data that has been output or is to be output. In one embodiment, the memory 22 stores a display program for a web page, and the display program for the web page can be executed by the processor 20 as follows:

[0078] Acquire a web page data packet corresponding to a web page for display; the web page data packet includes a web page compression packet and a web page image for representing the web page;

[0079] Acquire hardware configuration information of the terminal, and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the webpage;

[0080] If the hardware configuration information does not meet the hardware configuration standard corresponding to normal display of the web page, the terminal displays the web page picture;

[0081] If the hardware configuration information meets the hardware configuration standard corresponding to normal display of the web page, the terminal loads the web page compression package to display the web page, as described in the above method.

[0082] In some embodiments, the processor 20 may be a central processing unit (CPU), a microprocessor, a mobile phone baseband processor or other data processing chip, used to run the program code stored in the memory 22 or process data, such as executing the method for displaying the web page.

[0083] The present application also provides a computer-readable storage medium on which a computer program is stored. When the computer program is executed by the processor 20, the steps in the method for displaying a web page are implemented, as specifically described in the above method.

[0084] Of course, those skilled in the art can understand that all or part of the processes in the above-mentioned embodiments can be implemented by instructing related hardware (such as a processor, a controller, etc.) through a computer program, and the program can be stored in a computer-readable storage medium, and the program can include the processes of the above-mentioned method embodiments when executed. The storage medium can be a memory, a disk, an optical disk, etc.

[0085] It should be understood that the application of the present application is not limited to the above examples. For ordinary technicians in this field, improvements or changes can be made based on the above description. All these improvements and changes should fall within the scope of protection of the claims attached to this application.

Claims

1. A method for displaying a web page, characterized in that: The web page display method comprises the following steps: Acquire a web page data packet corresponding to a web page for display; the web page data packet includes a web page compression packet and a web page image for representing the web page; The web page image is a local part of the web page, and the local part is used to represent the core content of the web page; Acquire hardware configuration information of the terminal, and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the webpage, and determine whether there is a minimum hardware configuration standard for the hardware configuration standard corresponding to the webpage; If there is no minimum hardware configuration standard, or the hardware configuration information does not meet the hardware configuration standard corresponding to the normal display of the web page, the terminal displays the web page picture; If there is a minimum hardware configuration standard, or the hardware configuration information meets the hardware configuration standard corresponding to normal display of the web page, the terminal loads the web page compressed package to display the web page; Specifically, the hardware configuration information meets the hardware configuration standard corresponding to normal display of the webpage, and the hardware configuration information at least meets the minimum hardware configuration standard corresponding to normal display of the webpage, and the minimum hardware configuration standard corresponds to the webpage with the minimum configuration requirement among multiple webpages.

2. The method for displaying a web page according to claim 1, characterized in that: The obtaining of a web page data packet corresponding to the displayed web page specifically includes: Receive web page playback instructions corresponding to web page publishing; Respond to the web page playing instruction to download a web page data packet corresponding to the web page for displaying.

3. The method for displaying a web page according to claim 1, characterized in that: The steps of generating the web page image specifically include: The terminal creates the web page by using a web page creation tool, and packages the web page by using the web page creation tool to obtain a web page compression package corresponding to the web page; After receiving the uploaded webpage compression package through the backend server connected to the terminal, a picture task is generated and the picture task is distributed to the task queue; After the image task is obtained from the task queue through the background server, the web page data packet is decompressed to generate a web page image representing the core content of the web page through the image library and the URL path of the web page, and the web page image is stored.

4. The method for displaying a web page according to claim 3, characterized in that: The storage path of the web page compression package in the web page data packet is the same as that of the web page image.

5. The method for displaying a web page according to claim 1, characterized in that: The web page image is generated by a backend server based on a web page compression package of the web page.

6. A web page display system, characterized in that: The web page display system includes a backend server and a terminal connected to the backend server, wherein the terminal includes: An acquisition unit, used for displaying a web page data packet corresponding to a web page; the web page data packet includes a web page compression packet and a web page image used to represent the web page; The web page image is a local part of the web page, and the local part is used to represent the core content of the web page; A judgment unit, used to obtain hardware configuration information of the terminal, and determine whether the hardware configuration information meets the hardware configuration standard corresponding to the normal display of the web page, and determine whether there is a minimum hardware configuration standard for the hardware configuration standard corresponding to the web page; A picture display unit, used for displaying the web page picture when there is no minimum hardware configuration standard or the hardware configuration information does not meet the hardware configuration standard corresponding to the normal display of the web page; A web page display unit, configured to load the web page compression package to display the web page when there is a minimum hardware configuration standard or the hardware configuration information meets the hardware configuration standard corresponding to normal display of the web page; Specifically, the hardware configuration information meets the hardware configuration standard corresponding to normal display of the webpage, and the hardware configuration information at least meets the minimum hardware configuration standard corresponding to normal display of the webpage, and the minimum hardware configuration standard corresponds to the webpage with the minimum configuration requirement among multiple webpages.

7. A terminal, characterized in that: The terminal includes a processor and a memory connected to the processor, the memory stores a computer program, and the processor implements the steps in the method for displaying a web page according to any one of claims 1 to 5 when executing the computer program.

8. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps in the method for displaying a web page according to any one of claims 1 to 5 are implemented.

Images