CN108509509B - Webpage display method and device, mobile terminal and storage medium - Google Patents

Webpage display method and device, mobile terminal and storage medium Download PDF

Info

Publication number
CN108509509B
CN108509509B CN201810189402.9A CN201810189402A CN108509509B CN 108509509 B CN108509509 B CN 108509509B CN 201810189402 A CN201810189402 A CN 201810189402A CN 108509509 B CN108509509 B CN 108509509B
Authority
CN
China
Prior art keywords
configuration file
browser
terminal configuration
mobile terminal
terminal
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
CN201810189402.9A
Other languages
Chinese (zh)
Other versions
CN108509509A (en
Inventor
赵剑萍
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN201810189402.9A priority Critical patent/CN108509509B/en
Publication of CN108509509A publication Critical patent/CN108509509A/en
Application granted granted Critical
Publication of CN108509509B publication Critical patent/CN108509509B/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

The embodiment of the application discloses a webpage display method and device, a mobile terminal and a storage medium, and relates to the technical field of browsers. The webpage display method is applied to the mobile terminal, and comprises the following steps: when a first instruction for indicating to open the browser is acquired, acquiring a first terminal configuration file, performing parameter configuration on an acceleration module of the browser based on the first terminal configuration file to acquire a target acceleration module, when a second instruction for indicating to open the webpage is acquired, performing regionalization processing on the webpage through the target acceleration module to generate a plurality of regions, performing Graphics Processing Unit (GPU) rasterization synthesis on each region of the plurality of regions respectively, and generating a plurality of synthesized regions and outputting and displaying the synthesized regions. The webpage display method, the webpage display device, the mobile terminal and the storage medium can improve the opening speed of the webpage and improve user experience.

Description

Webpage display method and device, mobile terminal and storage medium
Technical Field
The present application relates to the field of browser technologies, and in particular, to a method and an apparatus for displaying a web page, a mobile terminal, and a storage medium.
Background
Mobile terminals, such as mobile phones, have become one of the most popular consumer electronic products in daily life, and web browsing using a browser of a mobile terminal has become a basic requirement for most people. However, the web page of the existing browser is opened slowly, the time consumption is long, and the user experience is greatly influenced.
Disclosure of Invention
In view of the foregoing, the present application provides a method and an apparatus for displaying a web page, a mobile terminal, and a storage medium, so as to improve the opening speed of the web page and improve the user experience.
In a first aspect, an embodiment of the present application provides a web page display method, which is applied to a mobile terminal, and the method includes: when a first instruction for instructing to start a browser is acquired, acquiring a first terminal configuration file; performing parameter configuration on an acceleration module of the browser based on the first terminal configuration file to obtain a target acceleration module; when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions; and performing Graphics Processing Unit (GPU) rasterization synthesis on each of the multiple areas to generate multiple synthesized areas and outputting and displaying the synthesized areas.
In a second aspect, an embodiment of the present application provides a web page display apparatus, which is applied to a mobile terminal, and the apparatus includes: the terminal configuration file acquisition module is used for acquiring a first terminal configuration file when a first instruction for indicating to start the browser is acquired; the parameter configuration module is used for carrying out parameter configuration on the acceleration module of the browser based on the first terminal configuration file to obtain a target acceleration module; the area generation module is used for carrying out regionalization processing on the webpage through the target acceleration module to generate a plurality of areas when a second instruction for indicating to open the webpage is acquired; and the area display module is used for respectively carrying out GPU rasterization synthesis on each area in the plurality of areas, generating a plurality of synthesis areas and outputting and displaying the synthesis areas.
In a third aspect, an embodiment of the present application provides a mobile terminal, which includes a display, a memory, and a processor, where the display and the memory are coupled to the processor, and the memory stores instructions, and when the instructions are executed by the processor, the processor performs the above method.
In a fourth aspect, the present application provides a computer-readable storage medium having program code executable by a processor, the program code causing the processor to perform the above method.
According to the webpage display method and device, the mobile terminal and the storage medium, when a first instruction for indicating to start a browser is obtained, a first terminal configuration file is obtained, parameter configuration is carried out on an acceleration module of the browser based on the first terminal configuration file, a target acceleration module is obtained, when a second instruction for indicating to start the webpage is obtained, the webpage is subjected to regionalization through the target acceleration module, a plurality of areas are generated, graphic processing unit GPU rasterization synthesis is carried out on each area in the plurality of areas respectively, a plurality of synthesis areas are generated and output and displayed, accordingly, the opening speed of the webpage is improved, and user experience is improved.
These and other aspects of the present application will be more readily apparent from the following description of the embodiments.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is a schematic diagram illustrating interaction between a mobile terminal and a server according to an embodiment of the present application;
FIG. 2 is a flowchart illustrating a web page display method according to a first embodiment of the present application;
FIG. 3 is a flowchart illustrating a web page display method according to a second embodiment of the present application;
fig. 4 is a block diagram illustrating a module of a web page display apparatus according to a third embodiment of the present application;
fig. 5 is a block diagram illustrating a webpage display apparatus according to a fourth embodiment of the present application;
fig. 6 shows a block diagram of a mobile terminal according to an embodiment of the present application;
fig. 7 illustrates a block diagram of a mobile terminal for performing a web page display method according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described clearly and completely with reference to the accompanying drawings in the embodiments of the present application, and it should be understood that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The noun explains:
the browser kernel: the browser core module is used for analyzing, typesetting and displaying the webpage;
graphical User interface GPU (graphical User interface) rasterization: a mode of hardware acceleration and synthesis is carried out inside the browser by utilizing a GPU process;
texture: the browser kernel is divided into regions in the graphic composition, and then the region composition is carried out, wherein each region can be seen as a texture.
The efficiency of loading the website page is related to the performance of the mobile terminal, so that the efficiency of loading the website page is different for mobile terminals with different performances, and the opening speed of the webpage is different. However, in order to increase the opening speed of the web page, most of the current browsers implement fast data transmission to the browser by optimizing the flow of loading the web page data resource per se, and the browser displays the data after analysis. In view of the above problems, the inventor has made a study of the past time, and has proposed a web page display method, an apparatus, a mobile terminal, and a storage medium provided in the embodiments of the present application, where a server is used to perform dynamic configuration on mobile terminals with different capabilities, set graphical parameters of a browser, and a browser kernel accelerates the fast opening of different web pages through hard picture decoding and web page texture rasterization, so as to improve the opening speed of the web pages and improve user experience, where a specific web page display method is described in detail in the following embodiments.
Referring to fig. 1, fig. 1 is a schematic diagram illustrating interaction between a mobile terminal and a server according to an embodiment of the present disclosure. As shown in fig. 1, the mobile terminal 100 and the server 200 are located in a network 300, which may be a wireless network or a wired network. Through the wireless network or the wired network, the mobile terminal 100 performs data interaction with the server 200. In the present application, the mobile terminal 100 may be a smart phone, a tablet computer, a wearable electronic device, or the like.
A client may be operated in the mobile terminal 100 and a server 200 may be operated as a server. For example, in the present application, a client corresponding to a browser runs in the mobile terminal 100, and a server corresponding to the browser runs in the server 200, and based on the above network environment, the client corresponding to the browser can perform data interaction with the server 200 through the network 300, thereby implementing data interaction with the server corresponding to the browser running in the server 200. For example, a client corresponding to a browser in the mobile terminal 100 sends a resource request to the server 200 through the network 300, and in response, the server 200 returns a link or information corresponding to the resource request to the client in the mobile terminal 100 through the network 300 so that the client can display the link or information. The following describes a web page display method, a web page display device, a mobile terminal, and a storage medium provided in the embodiments of the present application in detail.
First embodiment
Referring to fig. 2, fig. 2 is a schematic flowchart illustrating a web page display method according to a first embodiment of the present application. The webpage display method aims to perform adaptive acceleration parameters and acceleration modes on mobile terminals with different performances so as to improve the opening speed of the webpage and improve the experience of users. In a specific embodiment, the web page display method is applied to the web page display apparatus 400 shown in fig. 4 and the mobile terminal 100 (fig. 6) equipped with the web page display apparatus 400. The embodiment will take a mobile terminal as an example to describe a specific process of the embodiment, and it is understood that the mobile terminal applied in the embodiment of the present application may be a smart phone, a tablet computer, a wearable electronic device, and the like. As will be described in detail with respect to the flow shown in fig. 2, the web page display method may specifically include the following steps:
step S101: when a first instruction for indicating to start the browser is acquired, a first terminal configuration file is acquired.
In this embodiment, when a user wants to load and open a certain webpage on a browser of a mobile terminal, first, a first instruction needs to be sent to the mobile terminal to instruct to open the browser, where the first instruction may be generated by a user performing a touch operation on a browser icon disposed on an interface of the mobile terminal, or generated by a user inputting a voice message instructing to open the browser on the mobile terminal, and the like, and is not specifically limited herein.
As a mode, when a first instruction indicating to open a browser is obtained, a first terminal configuration file is obtained, where the first terminal configuration file may be used to set browser graphical parameters, that is, specify a starting parameter of the browser and a mode of graphics acceleration, where the starting parameter may include a model, a system version, a graphics version, a rasterization starting mode, a browser rendering mode, and the like of a mobile terminal, and the mode of graphics acceleration may include GPU rasterization, GPU zero copy, GPU composition, and the like, so that setting of browser graphical parameters corresponding to different mobile terminals is achieved through the terminal configuration file.
Further, in this embodiment, the first terminal configuration file may be set in a magnetic disk of the mobile terminal, the mobile terminal directly obtains the first terminal configuration file from the magnetic disk, the first terminal profile may also be pre-set on a server interacting with the mobile terminal, the first terminal profile may be retrieved from the server when the browser is started, and, optionally, when the browser is started for the first time, the browser adopts a pre-loading function, the first terminal configuration file is pre-loaded from the server and stored in the mobile terminal, the first terminal profile may be read from the mobile terminal in advance when next booting, thereby avoiding the need to download the first terminal profile from the server over the network to avoid the impact of network speed on the transmission of the first terminal profile.
Step S102: and performing parameter configuration on the acceleration module of the browser based on the first terminal configuration file to obtain a target acceleration module.
It can be understood that the first terminal configuration file is preset with preset basic information of a plurality of mobile terminals and a mapping table between the preset basic information of each mobile terminal and browser graphical parameters, where the preset basic information may include a model of the mobile terminal, and the mapping table may be represented as preset basic information-browser graphical parameters, or may be represented as model-browser graphical parameters, or the like. As an implementable manner, after the mobile terminal acquires the first terminal configuration file, detecting and analyzing own basic information, then matching the basic information with preset basic information preset in the first terminal configuration file, if the matching is successful, and the basic information representing the mobile terminal is consistent with the preset basic information in the first terminal configuration file, searching a browser graphical parameter corresponding to the basic information through the mapping table, so as to acquire the browser graphical parameter corresponding to the mobile terminal.
Furthermore, parameter configuration is performed on an acceleration module of the browser through the acquired browser graphical parameters to acquire a target acceleration module, and it can be understood that parameters of the target acceleration module are adapted to the performance of the mobile terminal, so that the mobile terminal with different performances can be accelerated through the webpage display method. The acceleration module can be used for performing rasterization rendering, and is used for performing composition after rendering in different areas, so that the screen can be distributed and displayed according to the areas.
Step S103: and when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions.
Similarly, when a user wants to open a certain webpage on the browser, a second instruction needs to be sent to the mobile terminal to instruct to open the webpage, where the second instruction may be generated by a user performing a touch operation on a webpage icon arranged on the browser page, may be generated by a user inputting voice information instructing to open the webpage on the mobile terminal, and may also be generated by website information of the webpage input by the user on a browser search interface, which is not specifically limited herein.
Further, in the starting process of the webpage, the mobile terminal sends webpage resource request information to the server to indicate the server to return webpage data based on the webpage resource request information, and the mobile terminal receives the webpage data. Further, the target acceleration module is started, the web page is subjected to regionalization processing through the target acceleration module, the web page is divided into a plurality of textures, namely the web page is divided into a plurality of regions, and therefore the web page is subjected to regionalization processing.
Step S104: and performing Graphics Processing Unit (GPU) rasterization synthesis on each of the plurality of areas to generate a plurality of synthesized areas and outputting and displaying the synthesized areas.
In this embodiment, each of the multiple regions is separately rasterized and synthesized by the GPU, and output real-time display is performed on the entire GPU graphics cache after synthesis is completed. It can be understood that the webpage is divided into a plurality of areas to be rendered and displayed, different area blocks can be sequentially displayed, the opening speed of the webpage is greatly improved, a user can see partial areas of the webpage in advance, the webpage loading waiting time is intuitively reduced, the use time of the user is prolonged, and the user experience is effectively improved.
According to the webpage display method provided by the first embodiment of the application, when a first instruction for indicating to start a browser is obtained, a first terminal configuration file is obtained, parameter configuration is carried out on an acceleration module of the browser based on the first terminal configuration file, a target acceleration module is obtained, when a second instruction for indicating to start the webpage is obtained, the webpage is subjected to regionalization processing through the target acceleration module, a plurality of areas are generated, GPU rasterization synthesis is carried out on each area in the plurality of areas, a plurality of synthesis areas are generated and output and displayed, accordingly, the opening speed of the webpage is increased, and user experience is improved.
Second embodiment
Referring to fig. 3, fig. 3 is a flowchart illustrating a web page display method according to a second embodiment of the present application. Taking a mobile terminal as an example, the following will be described in detail with respect to the flow shown in fig. 3, where the web page display method may specifically include the following steps:
step S201: when a first instruction for indicating to start the browser is acquired, whether the mobile terminal stores a first terminal configuration file or not is detected.
Step S202: and if the mobile terminal stores the first terminal configuration file, reading the first terminal configuration file from the mobile terminal.
As a mode, when it is detected that the mobile terminal stores the first terminal configuration file, reading the first terminal configuration file from the mobile terminal, and then determining whether the first terminal configuration file is the latest terminal configuration file, if not, obtaining the latest terminal configuration file from the server again and updating the original terminal configuration file, so as to ensure that parameter configuration for the acceleration module of the browser is based on the latest terminal configuration file.
Step S203: and if the mobile terminal does not store the first terminal configuration file, acquiring the first terminal configuration file from a server.
It can be understood that when it is detected that the first terminal configuration file is not present in the mobile terminal, file request information is sent to the server, where the file request information is used to instruct the server to return the first terminal configuration file, so as to obtain and store the first terminal configuration file.
It should be noted that the sequence between step S202 and step S203 is not specifically limited in this embodiment, that is, step S202 may be set before step S203, and step S202 may also be set after step S203.
Step S204: and acquiring basic information of the mobile terminal.
Step S205: and searching the browser graphical parameters corresponding to the basic information from the first terminal configuration file.
Step S206: and performing parameter configuration on the accelerating module of the browser based on the graphical parameters of the browser to acquire the target accelerating module.
Step S207: and sending request information to a server to indicate the server to return a second terminal configuration file according to the request information.
As a manner of this embodiment, after the browser obtains the target acceleration module and completes initialization, the browser sends request information to the server, where the request information is used to instruct the server to return a second terminal configuration file, and the second terminal configuration file is a latest terminal configuration file.
Step S208: and judging whether the first terminal configuration file is consistent with the second terminal configuration file.
And comparing the terminal configuration file with the current terminal configuration file to judge whether the first terminal configuration file is the latest version. As a mode, respectively obtaining the version numbers of the first terminal configuration file and the second terminal configuration file, matching the version number of the first terminal configuration file with the version number of the second terminal configuration file, if not, indicating that the first terminal configuration file is inconsistent with the second terminal configuration file, otherwise, indicating that the first terminal configuration file is consistent with the second terminal configuration file.
Step S209: and when the first terminal configuration file is inconsistent with the second terminal configuration file, updating the first terminal configuration file into the second terminal configuration file.
It can be understood that, when it is determined that the first terminal configuration file is not the latest terminal configuration file, the first terminal configuration file is updated, so that when the browser is started next time, the latest terminal configuration file can be directly acquired from the mobile terminal to perform parameter configuration on the acceleration module of the browser.
Step S210: and when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions.
Step S211: and performing GPU rasterization synthesis on each of the plurality of areas respectively to generate a plurality of synthesized areas and outputting and displaying the synthesized areas.
Step S212: and judging whether the webpage contains picture data or not.
Further, whether a picture exists in the webpage is judged, as a mode, whether a code of the webpage contains an img tag is judged, if yes, the webpage is represented to contain picture data, and otherwise, the webpage is represented to not contain the picture data.
Step S213: and if the webpage contains the picture data, carrying out hard decoding on the picture data to obtain hard decoding picture data.
When the webpage is detected to contain the picture data, the picture data are subjected to hardware decoding through a GPU, and hard decoding picture data are obtained.
Step S214: and performing hardware acceleration and GPU synthesis on the hard decoding picture data, and then synchronously outputting and displaying the hard decoding picture data and the plurality of synthesis areas.
Furthermore, the obtained hard decoding picture data is subjected to independent hardware acceleration and GPU synthesis, and is displayed synchronously with the synthesis areas, so that the webpage display and the picture display are separated and can be output and displayed without mutual interference, the hardware resource of the GPU is greatly utilized, and the aim of rapidly displaying the whole webpage is fulfilled.
It should be noted that the sequence between step S211 and step S212 to step S214 is not specifically limited in this embodiment, that is, step S211 may be set before step S212 to step S214, and step S211 may also be set after step S212 to step S214.
In the webpage display method provided by the second embodiment of the application, when a first instruction for instructing to start a browser is acquired, whether a first terminal configuration file is stored in a mobile terminal is detected, if so, the first terminal configuration file is directly read from the mobile terminal, if not, the first terminal configuration file is acquired from a server and stored, and when the first terminal configuration file stored in the mobile terminal needs to be updated, the first terminal configuration file is updated to ensure that the acquired first terminal configuration file is the latest version; acquiring basic information of a mobile terminal, searching a browser graphical parameter corresponding to the basic information from a first terminal configuration file, and performing parameter configuration on an acceleration module of the browser based on the browser graphical parameter to acquire a target acceleration module, thereby realizing dynamic parameter configuration on mobile terminals with different performances; when a second instruction for instructing to open the webpage is acquired, the target acceleration module is used for carrying out regionalization processing on the webpage to generate a plurality of regions, GPU rasterization synthesis is carried out on each region respectively to generate a plurality of synthesis regions and output and display the synthesis regions, when the webpage contains picture data, hard decoding is carried out on the picture data to obtain hard decoding picture data, then hardware acceleration and GPU synthesis are carried out to output and display the hard decoding picture data synchronously with the synthesis regions, and therefore the opening speed of the webpage is greatly improved, and user experience is improved.
Third embodiment
Referring to fig. 4, fig. 4 is a block diagram illustrating a web page display apparatus 400 according to a third embodiment of the present application. As will be explained below with respect to the block diagram shown in fig. 4, the web page display apparatus 400 includes: a terminal configuration file obtaining module 401, a parameter configuration module 402, an area generating module 403, and an area displaying module 404, wherein:
the terminal configuration file obtaining module 401 is configured to obtain a first terminal configuration file when obtaining a first instruction for instructing to start a browser.
A parameter configuration module 402, configured to perform parameter configuration on the acceleration module of the browser based on the first terminal configuration file, so as to obtain a target acceleration module.
The area generating module 403 is configured to, when a second instruction for instructing to open a web page is obtained, perform regionalization processing on the web page through the target acceleration module, and generate a plurality of areas.
And the area display module 404 is configured to perform GPU rasterization synthesis on each of the multiple areas, generate multiple synthesized areas, and output and display the synthesized areas.
Fourth embodiment
Referring to fig. 5, fig. 5 is a block diagram illustrating a web page display apparatus 500 according to a fourth embodiment of the present application. As will be explained below with respect to the block diagram shown in fig. 5, the web page display device 500 includes: a terminal configuration file obtaining module 501, a parameter configuration module 502, a second request information sending module 503, a terminal configuration file judging module 504, a terminal configuration file updating module 505, an area generating module 506, an area displaying module 507, a picture judging module 508, a picture hard decoding module 509, and a picture displaying module 510, wherein:
a terminal configuration file obtaining module 501, configured to obtain a first terminal configuration file when obtaining a first instruction for instructing to start a browser. Further, the terminal configuration file obtaining module 501 includes: a terminal configuration file detection submodule 5011, a terminal configuration file reading submodule 5012, and a first request information sending submodule 5013, wherein:
the terminal configuration file detection submodule 5011 is configured to detect whether the mobile terminal stores the first terminal configuration file when the first instruction for instructing to open the browser is obtained.
The terminal configuration file reading submodule 5012 is configured to, if the mobile terminal stores the first terminal configuration file, read the first terminal configuration file from the mobile terminal.
The terminal configuration file obtaining sub-module 5013 is configured to obtain the first terminal configuration file from a server if the first terminal configuration file is not stored in the mobile terminal.
A parameter configuration module 502, configured to perform parameter configuration on the acceleration module of the browser based on the first terminal configuration file, so as to obtain a target acceleration module. Further, the parameter configuration module 502 includes: a basic information obtaining sub-module 5021, a browser graphical parameter searching sub-module 5022 and a parameter configuration sub-module 5023, wherein:
the basic information acquiring sub-module 5021 is configured to acquire basic information of the mobile terminal.
The browser graphical parameter searching sub-module 5022 is configured to search the browser graphical parameter corresponding to the basic information from the first terminal configuration file. Further, the browser graphic parameter lookup sub-module 5022 includes: basic information matching unit and browser graphical parameter acquisition unit, wherein:
and the basic information matching unit is used for matching the basic information with preset basic information in the first terminal configuration file.
And the browser graphical parameter acquisition unit is used for acquiring the browser graphical parameters corresponding to the preset basic information when the matching is successful.
The parameter configuration sub-module 5023 is configured to perform parameter configuration on the acceleration module of the browser based on the graphical parameters of the browser, and acquire the target acceleration module.
A request information sending module 503, configured to send request information to the server, so as to instruct the server to return the second terminal configuration file according to the request information.
A terminal configuration file determining module 504, configured to determine whether the first terminal configuration file is consistent with the second terminal configuration file.
A terminal profile updating module 505, configured to update the first terminal profile to the second terminal profile when the first terminal profile is inconsistent with the second terminal profile.
And the region generating module 506 is configured to, when a second instruction for instructing to open a web page is obtained, perform regionalization processing on the web page through the target acceleration module to generate a plurality of regions.
And the area display module 507 is configured to perform GPU rasterization and synthesis on each of the multiple areas, generate multiple synthesized areas, and output and display the synthesized areas.
The picture determining module 508 determines whether the webpage contains picture data.
A picture hard decoding module 509, configured to, if the web page includes the picture data, perform hard decoding on the picture data to obtain hard decoded picture data.
And a picture display module 510, configured to perform hardware acceleration and GPU synthesis on the hard decoded picture data, and then output and display the hard decoded picture data and the multiple synthesis regions synchronously.
Fifth embodiment
A fifth embodiment of the present application provides a mobile terminal comprising a display, a memory, and a processor, the display and the memory coupled to the processor, the memory storing instructions that, when executed by the processor, the processor performs:
when a first instruction for indicating to start a browser is acquired, acquiring a first terminal configuration file;
performing parameter configuration on an acceleration module of the browser based on the first terminal configuration file to obtain a target acceleration module;
when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions;
and performing rasterization synthesis on each area of the plurality of areas by a GPU (graphics processing unit), generating a plurality of synthesized areas and outputting and displaying the synthesized areas.
Sixth embodiment
A sixth embodiment of the present application provides a computer-readable storage medium having program code executable by a processor, the program code causing the processor to perform:
when a first instruction for indicating to start a browser is acquired, acquiring a first terminal configuration file;
performing parameter configuration on an acceleration module of the browser based on the first terminal configuration file to obtain a target acceleration module;
when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions;
and performing rasterization synthesis on each area of the plurality of areas by a GPU (graphics processing unit), generating a plurality of synthesized areas and outputting and displaying the synthesized areas.
To sum up, according to the webpage display method and apparatus, the mobile terminal and the storage medium provided in the embodiments of the present application, when a first instruction for instructing to open a browser is obtained, a first terminal configuration file is obtained, a parameter configuration is performed on an acceleration module of the browser based on the first terminal configuration file, a target acceleration module is obtained, when a second instruction for instructing to open a webpage is obtained, a regional processing is performed on the webpage through the target acceleration module to generate a plurality of regions, GPU rasterization synthesis is performed on each of the plurality of regions, and a plurality of synthesized regions are generated and output for display, so that the opening speed of the webpage is increased, and the experience of a user is improved.
It should be noted that, in the present specification, the embodiments are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts between the embodiments may be referred to each other. For the device-like embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and relevant portions can be referred to only part of the description of the method embodiment. For any processing manner described in the method embodiment, all the processing manners may be implemented by corresponding processing modules in the apparatus embodiment, and details in the apparatus embodiment are not described any more.
Referring to fig. 6 again, based on the above-mentioned web page display method and apparatus, the embodiment of the present application further provides a mobile terminal 100, which includes an electronic main body 10, where the electronic main body 10 includes a housing 12 and a main display 120 disposed on the housing 12. The housing 12 may be made of metal, such as steel or aluminum alloy. In this embodiment, the main display screen 120 generally includes a display panel 111, and may also include a circuit and the like for responding to a touch operation performed on the display panel 111. The Display panel 111 may be a Liquid Crystal Display (LCD) panel, and in some embodiments, the Display panel 111 is a touch screen 109.
Referring to fig. 7, in an actual application scenario, the mobile terminal 100 may be used as a smart phone terminal, in which case the electronic body 10 generally further includes one or more processors 102 (only one is shown in the figure), a memory 104, an RF (Radio Frequency) module 106, an audio circuit 110, a sensor 114, an input module 118, and a power module 122. It will be understood by those skilled in the art that the structure shown in fig. 7 is merely illustrative and is not intended to limit the structure of the electronic body 10. For example, the electronics body portion 10 may include more or fewer components than shown in FIG. 7, or may have a different configuration than shown in FIG. 6.
Those skilled in the art will appreciate that all other components are peripheral devices with respect to the processor 102, and the processor 102 is coupled to the peripheral devices through a plurality of peripheral interfaces 124. The peripheral interface 124 may be implemented based on the following criteria: universal Asynchronous Receiver/Transmitter (UART), General Purpose Input/Output (GPIO), Serial Peripheral Interface (SPI), and Inter-Integrated Circuit (I2C), but the present invention is not limited to these standards. In some examples, the peripheral interface 124 may comprise only a bus; in other examples, the peripheral interface 124 may also include other components, such as one or more controllers, for example, a display controller for interfacing with the display panel 111 or a memory controller for interfacing with a memory. These controllers may also be separate from the peripheral interface 124 and integrated within the processor 102 or a corresponding peripheral.
The memory 104 may be used to store software programs and modules, and the processor 102 executes various functional applications and data processing by executing the software programs and modules stored in the memory 104. The memory 104 may include a high speed random access memory and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. In some examples, the memory 104 may further include memory located remotely from the processor 102, which may be connected to the electronic body portion 10 or the primary display 120 via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The RF module 106 is used for receiving and transmitting electromagnetic waves, and implementing interconversion between the electromagnetic waves and the telecommunication number, so as to communicate with a communication network or other devices. The RF module 106 may include various existing circuit elements for performing these functions, such as an antenna, a radio frequency transceiver, a digital signal processor, an encryption/decryption chip, a Subscriber Identity Module (SIM) card, memory, and so forth. The RF module 106 may communicate with various networks such as the internet, an intranet, a wireless network, or with other devices via a wireless network. The wireless network may comprise a cellular telephone network, a wireless local area network, or a metropolitan area network. The Wireless network may use various Communication standards, protocols and technologies, including, but not limited to, Global System for Mobile Communication (GSM), Enhanced Mobile Communication (Enhanced Data GSM Environment, EDGE), wideband Code division multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Wireless Fidelity (WiFi) (e.g., Institute of Electrical and Electronics Engineers (IEEE) standard IEEE 802.10A, IEEE802.11 b, IEEE802.1 g and/or IEEE802.11 n), Voice over internet protocol (VoIP), world wide mail Access (Microwave for Wireless Communication), Wi-11 Wireless Access (wimax), and any other suitable short message Communication protocols, and may even include those protocols that have not yet been developed.
The audio circuitry 110, earpiece 101, sound jack 103, microphone 105 collectively provide an audio interface between a user and the electronic body portion 10 or the main display 120. Specifically, the audio circuit 110 receives sound data from the processor 102, converts the sound data into an electrical signal, and transmits the electrical signal to the earpiece 101. The earpiece 101 converts the electrical signal into sound waves that can be heard by the human ear. The audio circuitry 110 also receives electrical signals from the microphone 105, converts the electrical signals to sound data, and transmits the sound data to the processor 102 for further processing. Audio data may be retrieved from the memory 104 or through the RF module 106. In addition, audio data may also be stored in the memory 104 or transmitted through the RF module 106.
The sensor 114 is disposed in the electronic body portion 10 or the main display 120, examples of the sensor 114 include, but are not limited to: light sensors, operational sensors, pressure sensors, gravitational acceleration sensors, and other sensors.
Specifically, the light sensors may include a light sensor 114F, a pressure sensor 114G. Among them, the pressure sensor 114G may detect a pressure generated by pressing on the mobile terminal 100. That is, the pressure sensor 114G detects pressure generated by contact or pressing between the user and the mobile terminal, for example, contact or pressing between the user's ear and the mobile terminal. Accordingly, the pressure sensor 114G may be used to determine whether contact or pressing has occurred between the user and the mobile terminal 100, as well as the magnitude of the pressure.
Referring to fig. 7 again, in the embodiment shown in fig. 7, the light sensor 114F and the pressure sensor 114G are disposed adjacent to the display panel 111. The light sensor 114F can turn off the display output when an object is near the main display 120, for example, when the electronic body 10 moves to the ear.
As one of the motion sensors, the gravity acceleration sensor can detect the magnitude of acceleration in various directions (generally three axes), detect the magnitude and direction of gravity when stationary, and can be used for applications (such as horizontal and vertical screen switching, related games, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping) and the like for recognizing the attitude of the mobile terminal 100. In addition, the electronic body 10 may also be configured with other sensors such as a gyroscope, a barometer, a hygrometer and a thermometer, which are not described herein,
in this embodiment, the input module 118 may include the touch screen 109 disposed on the main display 120, and the touch screen 109 may collect touch operations of a user (for example, operations of a user on or near the touch screen 109 using any suitable object or accessory such as a finger, a stylus, etc.) and drive a corresponding connection device according to a preset program. Optionally, the touch screen 109 may include a touch detection device and a touch controller. The touch detection device detects the touch direction of a user, detects a signal brought by touch operation and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts the touch information into touch point coordinates, sends the touch point coordinates to the processor 102, and can receive and execute commands sent by the processor 102. In addition, the touch detection function of the touch screen 109 can be realized by various types such as a resistive type, a capacitive type, an infrared ray, and a surface acoustic wave. In addition to the touch screen 109, in other variations, the input module 118 may include other input devices, such as keys 107. The keys 107 may include, for example, character keys for inputting characters, and control keys for activating control functions. Examples of such control keys include a "back to home" key, a power on/off key, and the like.
The main display 120 is used to display information input by a user, information provided to the user, and various graphic user interfaces of the electronic body section 10, which may be formed of graphics, text, icons, numbers, videos, and any combination thereof, and in one example, the touch screen 109 may be provided on the display panel 111 so as to be integrated with the display panel 111.
The power module 122 is used to provide power supply to the processor 102 and other components. Specifically, the power module 122 may include a power management system, one or more power sources (e.g., batteries or ac power), a charging circuit, a power failure detection circuit, an inverter, a power status indicator light, and any other components associated with the generation, management, and distribution of power within the electronic body portion 10 or the primary display 120.
The mobile terminal 100 further comprises a locator 119, the locator 119 being configured to determine an actual location of the mobile terminal 100. In this embodiment, the locator 119 implements the positioning of the mobile terminal 100 by using a positioning service, which should be understood as a technology or a service for obtaining the position information (e.g., longitude and latitude coordinates) of the mobile terminal 100 by using a specific positioning technology and marking the position of the positioned object on an electronic map.
It should be understood that the mobile terminal 100 described above is not limited to a smartphone terminal, but it should refer to a computer device that can be used in mobility. Specifically, the mobile terminal 100 refers to a mobile computer device equipped with a smart operating system, and the mobile terminal 100 includes, but is not limited to, a smart phone, a smart watch, a tablet computer, and the like.
In the description herein, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, the schematic representations of the terms used above are not necessarily intended to refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Moreover, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.
Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present application, "plurality" means at least two, e.g., two, three, etc., unless specifically limited otherwise.
Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing specific logical functions or steps of the process, and the scope of the preferred embodiments of the present application includes other implementations in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the embodiments of the present application.
The logic and/or steps represented in the flowcharts or otherwise described herein, e.g., an ordered listing of executable instructions that can be considered to implement logical functions, can be embodied in any computer-readable medium for use by or in connection with an instruction execution system, apparatus, or device, such as a computer-based system, processor-containing system, or other system that can fetch the instructions from the instruction execution system, apparatus, or device and execute the instructions. For the purposes of this description, a "computer-readable medium" can be any means that can contain, store, communicate, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device. More specific examples (a non-exhaustive list) of the computer-readable medium would include the following: an electrical connection (mobile terminal) having one or more wires, a portable computer diskette (magnetic device), a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable compact disc read-only memory (CDROM). Additionally, the computer-readable medium could even be paper or another suitable medium upon which the program is printed, as the program can be electronically captured, via for instance optical scanning of the paper or other medium, then compiled, interpreted or otherwise processed in a suitable manner if necessary, and then stored in a computer memory.
It should be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.
It will be understood by those skilled in the art that all or part of the steps carried by the method for implementing the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, and when executed, the program includes one or a combination of the steps of the method embodiments. In addition, functional units in the embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware form, and can also be realized in a software functional module form. The integrated module, if implemented as a software functional module and sold or used as a stand-alone product, may also be stored in a computer readable storage medium.
The storage medium mentioned above may be a read-only memory, a magnetic or optical disk, etc. While embodiments of the present application have been shown and described above, it should be understood that they have been presented by way of example only, and not limitation, and that various changes, modifications, substitutions, and alterations may be made hereto by those having ordinary skill in the art without departing from the scope of the present application.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not necessarily depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.

Claims (8)

1. A webpage display method is applied to a mobile terminal, and the method comprises the following steps:
when a first instruction for indicating to start a browser is acquired, acquiring a first terminal configuration file, wherein the first terminal configuration file comprises starting parameters of the browser and a graph acceleration mode, and the first terminal configuration file comprises preset basic information of a plurality of mobile terminals and a mapping table between the preset basic information of each mobile terminal and graphical parameters of the browser;
acquiring basic information of the mobile terminal;
searching a browser graphical parameter corresponding to the basic information from the first terminal configuration file;
performing parameter configuration on an acceleration module of the browser based on the graphical parameters of the browser to acquire a target acceleration module;
when a second instruction for indicating to open the webpage is acquired, regionalizing the webpage through the target acceleration module to generate a plurality of regions;
performing Graphics Processing Unit (GPU) rasterization synthesis on each of the plurality of areas to generate a plurality of synthesis areas;
judging whether the webpage contains picture data or not;
if the webpage contains the picture data, carrying out hard decoding on the picture data to obtain hard decoding picture data;
and performing hardware acceleration and GPU synthesis on the hard decoding picture data, and then synchronously outputting and separately displaying the hard decoding picture data and the plurality of synthesis areas.
2. The method according to claim 1, wherein the obtaining the terminal configuration file when obtaining the first instruction for instructing to open the browser comprises:
when a first instruction for indicating to start the browser is acquired, detecting whether the mobile terminal stores the first terminal configuration file;
if the mobile terminal stores the first terminal configuration file, reading the first terminal configuration file from the mobile terminal;
and if the mobile terminal does not store the first terminal configuration file, acquiring the first terminal configuration file from a server.
3. The method according to claim 1, wherein the performing parameter configuration on the acceleration module of the browser based on the browser graphics parameter, after acquiring a target acceleration module, further comprises:
sending request information to a server to indicate the server to return a second terminal configuration file according to the request information;
judging whether the first terminal configuration file is consistent with the second terminal configuration file;
and when the first terminal configuration file is inconsistent with the second terminal configuration file, updating the first terminal configuration file into the second terminal configuration file.
4. The method according to claim 1, wherein the searching for the browser graphical parameter corresponding to the basic information from the first terminal configuration file comprises:
matching the basic information with preset basic information in the first terminal configuration file;
and when the matching is successful, acquiring the graphical parameters of the browser corresponding to the preset basic information.
5. The method according to claim 1 or 4, wherein the basic information comprises a model of the mobile terminal.
6. A webpage display device is applied to a mobile terminal, and the device comprises:
the terminal configuration file acquisition module is used for acquiring a first terminal configuration file when a first instruction for indicating to start a browser is acquired, wherein the first terminal configuration file is used for setting graphical parameters of the browser, and the first terminal configuration file comprises preset basic information of a plurality of mobile terminals and a mapping table between the preset basic information of each mobile terminal and the graphical parameters of the browser;
the parameter configuration module is used for acquiring basic information of the mobile terminal; searching a browser graphical parameter corresponding to the basic information from the first terminal configuration file; performing parameter configuration on an acceleration module of the browser based on the graphical parameters of the browser to acquire a target acceleration module;
the area generation module is used for carrying out regional processing on the webpage through the target acceleration module to generate a plurality of areas when a second instruction for indicating to open the webpage is acquired;
the area display module is used for respectively carrying out GPU (graphics processing Unit) rasterization synthesis on each area in the plurality of areas to generate a plurality of synthesis areas; judging whether the webpage contains picture data or not; if the webpage contains the picture data, carrying out hard decoding on the picture data to obtain hard decoding picture data; and performing hardware acceleration and GPU synthesis on the hard decoding picture data, and then synchronously outputting and separately displaying the hard decoding picture data and the plurality of synthesis areas.
7. A mobile terminal comprising a display, a memory, and a processor, the display and the memory coupled to the processor, the memory storing instructions that, when executed by the processor, the processor performs the method of any of claims 1-6.
8. A computer-readable storage medium having program code executable by a processor, the program code causing the processor to perform the method of any of claims 1-6.
CN201810189402.9A 2018-03-05 2018-03-05 Webpage display method and device, mobile terminal and storage medium Expired - Fee Related CN108509509B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810189402.9A CN108509509B (en) 2018-03-05 2018-03-05 Webpage display method and device, mobile terminal and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810189402.9A CN108509509B (en) 2018-03-05 2018-03-05 Webpage display method and device, mobile terminal and storage medium

Publications (2)

Publication Number Publication Date
CN108509509A CN108509509A (en) 2018-09-07
CN108509509B true CN108509509B (en) 2021-11-16

Family

ID=63376298

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810189402.9A Expired - Fee Related CN108509509B (en) 2018-03-05 2018-03-05 Webpage display method and device, mobile terminal and storage medium

Country Status (1)

Country Link
CN (1) CN108509509B (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111104186A (en) * 2019-12-26 2020-05-05 惠州Tcl移动通信有限公司 Bluetooth configuration file loading method and device, storage medium and terminal equipment
CN112287263B (en) * 2020-10-30 2024-04-02 安徽鸿程光电有限公司 Webpage display method, device, system, terminal and computer readable storage medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101154150A (en) * 2006-09-27 2008-04-02 联想(北京)有限公司 Method for capturing computer screen image
CN102547469A (en) * 2011-12-28 2012-07-04 四川长虹电器股份有限公司 Method for accelerating browsing and display of Web pages with multiple pictures
CN103699577A (en) * 2013-11-29 2014-04-02 小米科技有限责任公司 Page display accelerating method, device and mobile terminal
US20140358517A1 (en) * 2013-06-03 2014-12-04 Samsung Electronics Co., Ltd. Method for providing text conversion service and electronic device thereof

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080115152A1 (en) * 2006-11-15 2008-05-15 Bharat Welingkar Server-controlled heartbeats
US8792491B2 (en) * 2010-08-12 2014-07-29 Citrix Systems, Inc. Systems and methods for multi-level quality of service classification in an intermediary device
CN103077170A (en) * 2011-10-26 2013-05-01 腾讯科技(深圳)有限公司 Method and device for browsing webpage based on physical movement
CN102904959B (en) * 2012-10-19 2016-01-20 北京极科极客科技有限公司 Network accelerating method and gateway
CN103617191B (en) * 2013-11-07 2017-06-16 北京奇虎科技有限公司 Use the hardware-accelerated method and browser for realizing that browser renders
CN104850388B (en) * 2014-02-13 2018-05-22 腾讯科技(深圳)有限公司 web page rendering method and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101154150A (en) * 2006-09-27 2008-04-02 联想(北京)有限公司 Method for capturing computer screen image
CN102547469A (en) * 2011-12-28 2012-07-04 四川长虹电器股份有限公司 Method for accelerating browsing and display of Web pages with multiple pictures
US20140358517A1 (en) * 2013-06-03 2014-12-04 Samsung Electronics Co., Ltd. Method for providing text conversion service and electronic device thereof
CN103699577A (en) * 2013-11-29 2014-04-02 小米科技有限责任公司 Page display accelerating method, device and mobile terminal

Also Published As

Publication number Publication date
CN108509509A (en) 2018-09-07

Similar Documents

Publication Publication Date Title
CN108197264B (en) Webpage acceleration display method and device, mobile terminal and storage medium
CN108021642B (en) Application program recommendation method and device, mobile terminal and storage medium
CN108762859B (en) Wallpaper display method and device, mobile terminal and storage medium
CN108037990B (en) Task information processing method and device and server
CN108932102B (en) Data processing method and device and mobile terminal
CN108388671B (en) Information sharing method and device, mobile terminal and computer readable medium
CN109101498B (en) Translation method and device and mobile terminal
CN108512997B (en) Display method, display device, mobile terminal and storage medium
CN108777731B (en) Key configuration method and device, mobile terminal and storage medium
CN107766548B (en) Information display method and device, mobile terminal and readable storage medium
CN108646994B (en) Information processing method and device, mobile terminal and storage medium
CN108769299B (en) Screen control method and device and mobile terminal
CN108763297B (en) Webpage resource processing method and device and mobile terminal
CN108717325B (en) Operation gesture setting method and device and mobile terminal
CN108509509B (en) Webpage display method and device, mobile terminal and storage medium
WO2019228370A1 (en) Data processing method and device, mobile terminal and storage medium
CN108803961B (en) Data processing method and device and mobile terminal
CN108803972B (en) Information display method, device, mobile terminal and storage medium
CN109062648B (en) Information processing method and device, mobile terminal and storage medium
CN110221882B (en) Display method, display device, mobile terminal and storage medium
CN110221736B (en) Icon processing method and device, mobile terminal and storage medium
CN107918517B (en) Screen rotation response method and device, mobile terminal and storage medium
CN108881969B (en) Method and device for drawing bullet screen and mobile terminal
CN108958578B (en) File control method and device and electronic device
CN108990104B (en) Wireless communication transmission method, device, mobile terminal and computer readable storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18

Applicant after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd.

Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18

Applicant before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20211116

CF01 Termination of patent right due to non-payment of annual fee