WO2018196617A1 - 一种页面加载方法、系统、服务器及终端 - Google Patents

一种页面加载方法、系统、服务器及终端 Download PDF

Info

Publication number
WO2018196617A1
WO2018196617A1 PCT/CN2018/082683 CN2018082683W WO2018196617A1 WO 2018196617 A1 WO2018196617 A1 WO 2018196617A1 CN 2018082683 W CN2018082683 W CN 2018082683W WO 2018196617 A1 WO2018196617 A1 WO 2018196617A1
Authority
WO
WIPO (PCT)
Prior art keywords
terminal
server
page
screen
target element
Prior art date
Application number
PCT/CN2018/082683
Other languages
English (en)
French (fr)
Inventor
吴长伟
陈凌
武建芳
Original Assignee
腾讯科技（深圳）有限公司
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 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2018196617A1 publication Critical patent/WO2018196617A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor

Definitions

  • the present application relates to the field of Internet technologies, and in particular, to a page loading method, system, server, and terminal.
  • users can customize the layout of data report pages and the styles and data of elements (such as charts, pictures, texts, etc.). By sharing, other users can view the generated data report pages on different terminals. .
  • the terminal loading data report page usually first pulls the layout information of all elements of the data report from the server side, then loads the styles of each chart, picture, and text, and pulls the data content of each chart to render the chart, thereby completing The loading of the data report page.
  • the data amount of the configuration data (such as style, chart data, etc.) used to render the data report page may be relatively large, which may easily lead to the loading time of the first page of the data report page. Long, the first screen page has a slower access speed.
  • the embodiment of the present invention provides a page loading method, a system, a server, and a terminal, which can shorten the loading time of the first screen page and achieve quick access to the first screen page.
  • the first aspect of the embodiment of the present application provides a page loading method, including:
  • the server receives a page load request sent by the terminal.
  • the server determines a feature parameter of the terminal according to the page loading request.
  • the server sends the configuration indication information of the target element to the terminal, where the configuration indication information is used to instruct the terminal to load the first screen page in the display interface according to the display parameter in the configuration indication information.
  • a second aspect of the embodiments of the present application provides a page loading method, including:
  • the terminal sends a page load request to the server, so that the server determines the feature parameter of the terminal according to the page load request.
  • the terminal receives the configuration indication information of the target element sent by the server, where the target element is an element included in the first screen page to be loaded by the terminal determined by the server according to the feature parameter.
  • the terminal loads the first screen page in the display interface according to the display parameter in the configuration indication information.
  • a third aspect of the embodiments of the present application provides a server, including a processor and a memory, where the memory stores instructions executable by the processor, and when executing the instruction, the processor is configured to:
  • a fourth aspect of the embodiments of the present application provides a terminal, including a processor and a memory, where the memory stores instructions executable by the processor, and when executing the instruction, the processor is configured to:
  • a fifth aspect of the embodiments of the present application provides a page loading system, comprising: the server according to the third aspect, and the terminal according to the fourth aspect.
  • a sixth aspect of the embodiments of the present application provides a non-volatile computer storage medium in which a computer program for executing the above method is stored.
  • the server receives the page loading request sent by the terminal, determines the feature parameter of the terminal according to the page loading request, and determines an element included in the first screen page to be loaded by the terminal according to the feature parameter, and determines an element included in the first screen page.
  • the configuration instruction information of the target element is sent to the terminal, and the terminal can load the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the loading time of the first screen page and realizing the first screen page. Quick access.
  • FIG. 1 is a schematic structural diagram of a page loading system according to an embodiment of the present application.
  • FIG. 2 is a schematic flowchart of a page loading method according to an embodiment of the present application.
  • FIG. 3 is a schematic diagram of an interface of a virtual screen for generating configuration indication information according to an embodiment of the present application
  • FIG. 4 is a schematic flowchart of another page loading method provided by an embodiment of the present application.
  • FIG. 5 is a schematic flowchart of still another page loading method according to an embodiment of the present application.
  • FIG. 6 is a schematic structural diagram of a server according to an embodiment of the present disclosure.
  • FIG. 7 is a schematic structural diagram of a terminal according to an embodiment of the present disclosure.
  • FIG. 8 is a schematic structural diagram of another server according to an embodiment of the present disclosure.
  • FIG. 9 is a schematic structural diagram of another terminal according to an embodiment of the present disclosure.
  • FIG. 10 is a schematic structural diagram of a page loading system according to an embodiment of the present application.
  • FIG. 1 is a schematic structural diagram of a page loading system according to an embodiment of the present application.
  • the architecture of the page loading system described in this embodiment includes:
  • the terminal may specifically be a mobile terminal such as a smart phone, a tablet computer, or a smart wearable device, or a desktop terminal such as a personal computer, which is used to request a page (such as a data report) from the server, and report its own characteristic parameters (such as screen parameters). , terminal type, network type, etc.).
  • the server is used to provide various services such as a Common Gateway Interface (CGI), a configuration center, and a chart snapshot service.
  • CGI Common Gateway Interface
  • the CGI is used to describe the communication mode between the server and the application on the terminal, and the configuration center is used according to the terminal.
  • the feature parameter determines the element required for the terminal to display the first screen page and the configuration indication information of the element, and the chart snapshot service is used for the chart whose data is larger in the element, and the data content of the chart and the data amount of the chart style indication information are compared. When large, a snapshot of the chart is generated to reduce the amount of data the terminal needs to download.
  • CGI the configuration center, and the chart snapshot service may be deployed on the same server, or may be deployed on different servers, which is not limited in this embodiment.
  • FIG. 2 is a schematic flowchart diagram of a page loading method according to an embodiment of the present application.
  • the page loading method described in this embodiment is mainly described from both sides of the terminal and the server, and includes the following steps:
  • the terminal sends a page load request to the server.
  • the server receives the page loading request, and determines a feature parameter of the terminal according to the page loading request.
  • the characteristic parameters of the terminal may specifically include screen parameters (such as screen size, screen resolution), terminal types (such as mobile terminals, desktop terminals), and network types (such as mobile communication networks, wired networks, and wireless fidelity Wi-Fi networks). )Wait.
  • screen parameters such as screen size, screen resolution
  • terminal types such as mobile terminals, desktop terminals
  • network types such as mobile communication networks, wired networks, and wireless fidelity Wi-Fi networks.
  • the page may refer to a page of the data report.
  • the terminal When the terminal needs to load the page, the terminal sends a page load request to the server.
  • the server After receiving the page load request, the server may parse the hypertext transfer protocol of the load page load request (Hyper). Text Transfer Protocol (HTTP), the user agent user-agent field in the packet header, determines the type of application (such as mobile application, desktop application, etc.) that the terminal runs, and then determines the terminal type according to the application type, for example, the terminal runs.
  • HTTP Hypertext Transfer Protocol
  • the application is a mobile application, and the server can determine that the terminal type is a mobile terminal; the server can obtain the screen parameter of the terminal by parsing the terminal script in the page loading request; the server obtains an Internet Protocol (IP) of the network where the terminal is located, Combined with the correspondence between the IP address stored in the IP storage and the network operator and network type, the network type corresponding to the egress IP can be determined, that is, the network type of the terminal is determined.
  • IP Internet Protocol
  • the server determines, according to the feature parameter, an element included in a first screen page to be loaded by the terminal, and determines an element included in the first screen page as a target element.
  • the elements included in the first screen page may be a chart, a picture, a text, a table, and the like.
  • the server determines, according to the screen parameter in the feature parameter, a first screen page adapted to the size, resolution, and the like of the display interface of the terminal, where the first screen page is the page to be loaded by the terminal, and the element included in the first screen page To determine the target element required to load the first screen page for the terminal, all or part of the elements included in the first screen page can be determined as the target element.
  • the feature parameter includes a screen parameter
  • the server generates a virtual screen according to the screen parameter.
  • the server generates configuration indication information of the target element in the virtual screen, where the configuration indication information includes a display parameter.
  • the display parameter may specifically include a location, a style, and a quantity of data to be loaded.
  • the location is used to specify a display location of the element
  • the style is used to specify a basic extrinsic feature of the element.
  • the indication information of the style may include, for example, a size of the occupied location. Transparency, background color, font size, whether the font is bold, whether the font is underlined, the width of the table, the height of the table, etc.
  • the amount of data to be loaded is the data content specifically contained in the element.
  • the server may first generate a virtual screen according to the screen parameters, simulate the first screen page to be loaded by the terminal, and perform position, style, and loading on the target element in the first screen of the virtual screen.
  • the server sends configuration indication information of the target element to the terminal.
  • the server may send configuration indication information of the target element to the terminal in the form of static resources such as Hyper Text Markup Language (HTML) or Cascading Style Sheets (CSS).
  • static resources such as Hyper Text Markup Language (HTML) or Cascading Style Sheets (CSS).
  • the terminal receives configuration indication information of the target element, and loads the first screen page in a display interface according to the display parameter.
  • the terminal determines the layout of the first screen page in the display interface according to the location of the target element, and obtains the data content of the target element from the server according to the amount of data to be loaded by the target element, and then according to the style and the data content in the first screen interface.
  • the target element is rendered, that is, the terminal can obtain the data content required by the target element from the server while constructing the layout of the first screen page, thereby realizing dynamic loading of the first screen page, thereby shortening the loading time of the first screen page and realizing the first screen page. Quick access.
  • the server side may consider processing the chart when the target element is a graph with a large amount of data. Lighten the amount of data, such as taking snapshots of charts and so on. Specifically, if the terminal type is a preset terminal type (such as a mobile terminal), the server acquires a chart in the target element, and the sum of the indication information size of the graphic style and the amount of data to be loaded is greater than or equal to a preset data volume threshold.
  • a preset terminal type such as a mobile terminal
  • the terminal can download complex charts, reduce data downloads, and reduce power consumption, further reducing the load time of the first screen.
  • the server may further determine whether the network type of the terminal is a preset network type (such as a mobile communication network), and if so, the server generates a snapshot of the chart. And sending the access address of the snapshot of the chart to the terminal, thereby preventing the terminal from downloading complicated charts and causing more data traffic consumption.
  • a preset network type such as a mobile communication network
  • the characteristic parameter of the terminal may further include a power state, and the power state may be characterized by whether the terminal is in a charging state, a remaining power of the terminal, etc., and the server may comprehensively determine whether it needs to be generated according to a feature parameter such as a terminal type and a power state.
  • a snapshot of the chart for example, when the terminal type is a mobile terminal, and the power state is not charging or the remaining power is less than a power threshold (such as 30%), in order to avoid downloading complicated charts, a large power consumption is caused.
  • the server can generate a snapshot of the chart and send the access address of the snapshot of the chart to the terminal, thereby preventing the terminal from downloading complicated charts and causing more power consumption and ensuring power supply of the terminal.
  • the server receives the page loading request sent by the terminal, determines the feature parameter of the terminal according to the page loading request, and determines an element included in the first screen page to be loaded by the terminal according to the feature parameter, and determines an element included in the first screen page.
  • the configuration indication information of the target element is sent to the terminal, and the terminal can load the first screen page in the display interface according to the display parameter in the configuration indication information, which can shorten the loading time of the first screen page and reduce the loading time of the first screen page.
  • the consumed traffic enables fast access to the first screen page while also reducing terminal power consumption.
  • FIG. 4 is a schematic flowchart diagram of another page loading method according to an embodiment of the present application.
  • the page loading method described in this embodiment is mainly described from the server side, and includes the following steps:
  • the server receives a page loading request sent by the terminal.
  • the server determines, according to the page loading request, a feature parameter of the terminal.
  • the characteristic parameters of the terminal may specifically include screen parameters (such as screen size, screen resolution), terminal types (such as mobile terminals, desktop terminals), network types (such as mobile communication networks, wired networks, Wi-Fi networks), and the like.
  • the server may determine the type of the application running by the terminal (such as a mobile application, a desktop application, etc.) by parsing the user-agent field of the HTTP packet header of the load page loading request. And determining the terminal type according to the application type, for example, the application running by the terminal is a mobile application, the server may determine that the terminal type is a mobile terminal; the server may obtain the screen parameter of the terminal by parsing the terminal script in the page loading request; the server acquires the terminal.
  • the egress IP of the network combined with the IP address stored in the IP pool, and the network operator and network type, can determine the network type corresponding to the egress IP, that is, determine the network type of the terminal.
  • the server determines, according to the feature parameter, an element included in a first screen page to be loaded by the terminal, and determines an element included in the first screen page as a target element.
  • the elements included in the first screen page may be a chart, a picture, a text, a table, and the like.
  • the server determines, according to the screen parameter in the feature parameter, a first screen page adapted to the size, resolution, and the like of the display interface of the terminal, where the first screen page is the page to be loaded by the terminal, and the element included in the first screen page To determine the target element required to load the first screen page for the terminal, all or part of the elements included in the first screen page can be determined as the target element.
  • the server sends the configuration indication information of the target element to the terminal, where the configuration indication information is used to instruct the terminal to load the first screen in a display interface according to a display parameter in the configuration indication information. page.
  • the display parameter may specifically include a location, a style, and a quantity of data to be loaded.
  • the location is used to specify a display location of the element
  • the style is used to specify a basic extrinsic feature of the element.
  • the indication information of the style may include, for example, a size of the occupied location. Transparency, background color, font size, whether the font is bold, whether the font is underlined, the width of the table, the height of the table, etc.
  • the amount of data to be loaded is the data content specifically contained in the element.
  • the server may first generate a virtual screen according to the screen parameters, simulate the first screen page to be loaded by the terminal, and perform position, style, and loading on the target element in the first screen of the virtual screen.
  • the configuration of the data amount or the like is configured to generate the configuration indication information of the target element, and the configuration indication information of the target element may be sent to the terminal in the form of a static resource such as HTML or CSS, so that the terminal can display according to the display parameter in the configuration indication information.
  • the first screen page is quickly loaded in the interface.
  • the server side may consider processing the chart when the target element is a graph with a large amount of data. Lighten the amount of data, such as taking snapshots of charts and so on. Specifically, if the terminal type is a preset terminal type (such as a mobile terminal), the server acquires a chart in the target element, and the sum of the indication information size of the graphic style and the amount of data to be loaded is greater than or equal to a preset data volume threshold.
  • a preset terminal type such as a mobile terminal
  • the server may further determine whether the network type of the terminal is a preset network type (such as a mobile communication network), and if so, the server generates a snapshot of the chart. And sending the access address of the snapshot of the chart to the terminal, thereby preventing the terminal from downloading complicated charts and causing more data traffic consumption.
  • a preset network type such as a mobile communication network
  • the characteristic parameter of the terminal may further include a power state, and the power state may be characterized by whether the terminal is in a charging state, a remaining power of the terminal, etc., and the server may comprehensively determine whether it needs to be generated according to a feature parameter such as a terminal type and a power state.
  • a snapshot of the chart for example, when the terminal type is a mobile terminal, and the power state is not charging or the remaining power is less than a power threshold (such as 30%), in order to avoid downloading complicated charts, a large power consumption is caused.
  • the server can generate a snapshot of the chart and send the access address of the snapshot of the chart to the terminal, thereby preventing the terminal from downloading complicated charts and causing more power consumption and ensuring power supply of the terminal.
  • the server receives the page loading request sent by the terminal, determines the feature parameter of the terminal according to the page loading request, and determines an element included in the first screen page to be loaded by the terminal according to the feature parameter, and determines an element included in the first screen page.
  • the configuration indication information of the target element is sent to the terminal, so that the terminal can load the first screen page in the display interface according to the display parameter in the configuration indication information, so that the display parameter of the first screen page is configured and delivered by the server.
  • the terminal can shorten the loading time of the first screen of the terminal, reduce the traffic consumed when the first screen is loaded, and achieve quick access to the first screen.
  • FIG. 5 is a schematic flowchart diagram of still another page loading method according to an embodiment of the present application.
  • the page loading method described in this embodiment is mainly described from the terminal side, and includes the following steps:
  • the terminal sends a page load request to the server, so that the server determines a feature parameter of the terminal according to the page loading request.
  • the characteristic parameters of the terminal may specifically include screen parameters (such as screen size, screen resolution), terminal types (such as mobile terminals, desktop terminals), network types (such as mobile communication networks, wired networks, Wi-Fi networks), and the like.
  • the page may be a page of the data report.
  • the terminal When the terminal needs to load the page, the terminal sends a page load request to the server, so that after receiving the page load request, the server may obtain the feature parameter by parsing the page load request.
  • the terminal receives configuration indication information of a target element sent by the server, where the target element is an element included in a first screen page to be loaded by the terminal determined by the server according to the feature parameter.
  • the terminal loads the first screen page in a display interface according to the display parameter in the configuration indication information.
  • the display parameter may specifically include a location, a style, and a quantity of data to be loaded.
  • the location is used to specify a display location of the element
  • the style is used to specify a basic extrinsic feature of the element.
  • the indication information of the style may include, for example, a size of the occupied location. Transparency, background color, font size, whether the font is bold, whether the font is underlined, the width of the table, the height of the table, etc.
  • the amount of data to be loaded is the data content specifically contained in the element.
  • the terminal may receive configuration indication information of the target element sent by the server in the form of static resources such as HTML and CSS, and obtain display parameters in the configuration indication information, where the display parameter specifically includes the location of the target element and the data to be loaded by the target element.
  • Quantity and style and determine the layout of the first screen page in the display interface according to the position of the target element, obtain the data content of the target element from the server according to the amount of data to be loaded by the target element, and then render in the first screen according to the style and data content.
  • the target element that is, the terminal can obtain the data content required by the target element from the server while constructing the layout of the first screen page, thereby realizing dynamic loading of the first screen page, thereby shortening the loading time of the first screen page and realizing the first screen page. Quick access.
  • the terminal meets the terminal type as a preset terminal type (such as a mobile terminal), and the network type of the terminal is a preset network type (such as a mobile communication network), and the power state of the terminal is not charging or the remaining power is less than
  • the terminal can receive the access address of the snapshot of the chart sent by the server, obtain a snapshot of the chart from the server according to the access address, and start at the first
  • the snapshot of the rendered chart in the screen page can realize the loading of the chart, so that the terminal can download the complicated chart, reduce the amount of data downloading, avoid the terminal to download complicated charts, and cause more data traffic consumption, and can reduce power consumption, further Reduce the load time of the first screen page.
  • the terminal sends a page load request to the server, so that the server determines the feature parameter of the terminal according to the load request, the terminal receives the configuration indication information of the target element sent by the server, and the target element is the terminal to be loaded by the server according to the feature parameter.
  • the first screen page includes elements, and the terminal can load the first screen page in the display interface according to the display parameters in the configuration indication information, thereby shortening the loading time of the first screen page and reducing the traffic consumed when the first screen page is loaded, thereby realizing Fast access to the first screen page while also reducing terminal power consumption.
  • FIG. 6 is a schematic structural diagram of a server according to an embodiment of the present application.
  • the server described in this embodiment includes:
  • the receiving module 601 is configured to receive a page loading request sent by the terminal.
  • the determining module 602 is configured to determine a feature parameter of the terminal according to the page loading request.
  • the determining module 602 is further configured to determine, according to the feature parameter, an element included in a first screen page to be loaded by the terminal, and determine an element included in the first screen page as a target element.
  • the sending module 603 is configured to send the configuration indication information of the target element to the terminal, where the configuration indication information is used to instruct the terminal to load the first display interface according to the display parameter in the configuration indication information. Screen page.
  • the feature parameter includes a screen parameter
  • the determining module 602 is specifically configured to:
  • An element that is wholly or partially included in the first screen page is determined as a target element.
  • the server further includes:
  • the generating module 604 is configured to generate a virtual screen according to the screen parameter.
  • the generating module 604 is further configured to generate configuration indication information of the target element in the virtual screen, where the configuration indication information includes a display parameter.
  • the feature parameter further includes a terminal type
  • the display parameter includes a style and an amount of data to be loaded
  • the sending module 603 is specifically configured to:
  • the terminal type is a preset terminal type
  • the chart in the target element is acquired.
  • the feature parameter further includes a network type
  • the server further includes:
  • the determining module 605 is configured to determine whether the network type is a preset network type, and when the network type is determined to be the preset network type, triggering the indication information of the sending module 603 in the style of the graphic When the sum of the size and the amount of data to be loaded is greater than or equal to the preset data amount threshold, the access address of the snapshot of the chart is sent to the terminal.
  • the receiving module 601 receives the page loading request sent by the terminal
  • the determining module 602 determines the feature parameter of the terminal according to the page loading request, and determines the element included in the first screen page to be loaded by the terminal according to the feature parameter, and the first screen is displayed.
  • the element included in the page is determined as the target element
  • the sending module 603 sends the configuration indication information of the target element to the terminal, and the terminal can load the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the first screen page.
  • Load time reduce the traffic consumed when the first screen is loaded, achieve fast access to the first screen, and reduce the power consumption of the terminal.
  • FIG. 7 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • the terminal described in this embodiment includes:
  • the sending module 701 is configured to send a page load request to the server, so that the server determines a feature parameter of the terminal according to the page loading request.
  • the receiving module 702 is configured to receive configuration indication information of the target element sent by the server, where the target element is an element included in a first screen page to be loaded by the terminal determined by the server according to the feature parameter.
  • the loading module 703 is configured to load the first screen page in the display interface according to the display parameter in the configuration indication information.
  • the display parameter includes a location, a style, and an amount of data to be loaded
  • the loading module 703 is specifically configured to:
  • the data content of the target element is obtained from the server according to the amount of data to be loaded by the target element.
  • the loading module 703 is further specifically configured to:
  • the configuration indication information of the chart is an access address of a snapshot of the chart
  • a snapshot of the chart is obtained from the server according to the access address, and the chart is The snapshot is used as the data content of the chart.
  • the sending module 701 sends a page loading request to the server, so that the server determines the feature parameter of the terminal according to the loading request, and the receiving module 702 receives the configuration indication information of the target element sent by the server, where the target element is determined by the server according to the feature parameter.
  • the loading module 703 loads the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the loading time of the first screen page and reducing the consumption of the first screen page loading.
  • the traffic enables fast access to the first screen page while also reducing terminal power consumption.
  • FIG. 8 is a schematic structural diagram of another server according to an embodiment of the present application.
  • the server described in this embodiment includes a processor 801, a network interface 802, and a memory 803.
  • the processor 801, the network interface 802, and the memory 803 can be connected by using a bus or other means.
  • the embodiment of the present application is exemplified by a bus connection.
  • the processor 801 (or Central Processing Unit (CPU)) is a computing core and a control core of the server.
  • the network interface 802 can include a standard wired interface, a wireless interface (such as WI-FI, a mobile communication interface, etc.), and is controlled by the processor 801 for transmitting and receiving data.
  • the memory 803 (Memory) is a memory device of the server for storing programs and data. It can be understood that the memory 803 herein may be a high speed RAM memory, or may be a non-volatile memory, such as at least one disk memory; or may be at least one storage located away from the foregoing processor 801. Device.
  • the storage 803 provides a storage space, which stores the operating system and executable program code of the server, and may include, but is not limited to, a Windows system (an operating system), a Linux (an operating system) system, and the like. This is not a limitation.
  • the processor 801 performs the following operations by running the executable program code in the memory 803:
  • the network interface 802 is configured to receive a page load request sent by the terminal.
  • the processor 801 is configured to determine a feature parameter of the terminal according to the page loading request.
  • the processor 801 is further configured to determine, according to the feature parameter, an element included in a first screen page to be loaded by the terminal, and determine an element included in the first screen page as a target element.
  • the network interface 802 is further configured to send configuration indication information of the target element to the terminal, where the configuration indication information is used to indicate that the terminal loads in a display interface according to display parameters in the configuration indication information.
  • the first screen page is further configured to send configuration indication information of the target element to the terminal, where the configuration indication information is used to indicate that the terminal loads in a display interface according to display parameters in the configuration indication information.
  • the feature parameter includes a screen parameter
  • the processor 801 is specifically configured to:
  • An element that is wholly or partially included in the first screen page is determined as a target element.
  • the processor 801 is further configured to generate a virtual screen according to the screen parameter.
  • the processor 801 is further configured to generate configuration indication information of the target element in the virtual screen, where the configuration indication information includes a display parameter.
  • the feature parameter further includes a terminal type
  • the display parameter includes a style and an amount of data to be loaded
  • the network interface 802 is specifically configured to:
  • the terminal type is a preset terminal type
  • the chart in the target element is acquired.
  • the feature parameter further includes a network type
  • the processor 801 is further configured to determine whether the network type is a preset network type, and determine that the network type is the preset network.
  • the network interface 802 is configured to send an access address of the snapshot of the chart to the terminal when the sum of the indication information size of the pattern of the chart and the amount of data to be loaded is greater than or equal to a preset data amount threshold. .
  • the processor 801, the network interface 802, and the memory 803, which are described in the embodiments of the present application, may be implemented in the process of the page loading method provided by the embodiment of the present application, and may also be implemented in the application.
  • the implementation described in the server provided in the example is not described here.
  • the network interface 802 receives the page loading request sent by the terminal, the processor 801 determines the feature parameter of the terminal according to the page loading request, and determines the element included in the first screen page to be loaded by the terminal according to the feature parameter, and displays the first screen.
  • the element included in the page is determined as the target element, and the network interface 802 sends the configuration indication information of the target element to the terminal, and the terminal can load the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the first screen page.
  • Load time reduce the traffic consumed when the first screen is loaded, achieve fast access to the first screen, and reduce the power consumption of the terminal.
  • FIG. 9 is a schematic structural diagram of another terminal according to an embodiment of the present application.
  • the terminal described in this embodiment includes: a processor 901, a user interface 902, a network interface 903, and a memory 904.
  • the processor 901, the user interface 902, the network interface 903, and the memory 904 in the terminal may be connected by a bus or other means.
  • a bus connection is taken as an example.
  • the user interface 902 is a medium for realizing interaction and information exchange between the user and the terminal, and the specific embodiment thereof may include a display for output, a touch screen, a keyboard for input, and an image for capturing The camera, the earpiece for playing the sound signal, the speaker, etc.
  • the display screen and the touch screen here can be integrated design, and the keyboard can be either a physical keyboard or a touch screen virtual keyboard. It can also be a keyboard that combines physical and touch screen virtual.
  • the processor 901 (or CPU (Central Processing Unit)) is a computing core and a control core of the terminal, and can parse various types of instructions in the terminal and process various types of data of the terminal. For example, the CPU can be used for parsing.
  • CPU Central Processing Unit
  • Memory 904 is a memory device in the terminal for storing programs and data. It can be understood that the memory 904 herein may include the built-in memory of the terminal, and may also include the extended memory supported by the terminal.
  • the memory 904 provides a storage space, which stores the operating system of the terminal, and may include, but is not limited to, a Windows system (an operating system), an Android (Android, a mobile operating system) system, and an IOS (a mobile operating system). The system and the like are not limited in this application.
  • the processor 901 performs the following operations by running the executable program code in the memory 904:
  • the network interface 903 is configured to send a page load request to the server, so that the server determines a feature parameter of the terminal according to the page load request.
  • the network interface 903 is further configured to receive configuration indication information of a target element sent by the server, where the target element is an element included in a first screen page to be loaded by the terminal determined by the server according to the feature parameter.
  • the processor 901 is configured to load the first screen page in the display interface according to the display parameter in the configuration indication information.
  • the display parameters include a location, a style, and an amount of data to be loaded, and the processor 901 is specifically configured to:
  • the data content of the target element is obtained from the server through the network interface 903 according to the amount of data to be loaded by the target element.
  • the processor 901 is further specifically configured to:
  • the configuration indication information of the chart is an access address of a snapshot of the chart
  • a snapshot of the chart is obtained from the server through the network interface 903 according to the access address, A snapshot of the chart is taken as the data content of the chart.
  • the processor 901, the user interface 902, the network interface 903, and the memory 904, which are described in the embodiments of the present application, may be implemented in the process of the page loading method provided by the embodiment of the present application.
  • the implementations described in the terminal provided in this embodiment of the present application are not described herein.
  • the network interface 903 sends a page load request to the server, so that the server determines the feature parameter of the terminal according to the page load request, and the network interface 903 receives the configuration indication information of the target element sent by the server, and the target element is the server according to the feature parameter. Determining an element included in the first screen page to be loaded by the terminal, the processor 901 loading the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the loading time of the first screen page and reducing the loading of the first screen page The consumed traffic enables fast access to the first screen page while also reducing terminal power consumption.
  • FIG. 10 is a schematic structural diagram of a page loading system according to an embodiment of the present application.
  • the page loading system described in this embodiment includes a terminal 1001 and a server 1002, wherein:
  • the terminal 1001 is configured to send a page load request to the server.
  • the server 1002 is configured to receive the page loading request, and determine a feature parameter of the terminal according to the page loading request.
  • the server 1002 is further configured to determine, according to the feature parameter, an element included in a first screen page to be loaded by the terminal, and determine an element included in the first screen page as a target element.
  • the feature parameter includes a screen parameter.
  • the server 1002 is further configured to generate a virtual screen according to the screen parameter.
  • the server 1002 is further configured to generate configuration indication information of the target element in the virtual screen, where the configuration indication information includes display parameters.
  • the server 1002 is further configured to send configuration indication information of the target element to the terminal.
  • the terminal 1001 is further configured to receive configuration indication information of the target element, and load the first screen page in the display interface according to the display parameter.
  • terminal 1001 and the server 1002 in this embodiment may be specifically implemented according to the method in the foregoing method embodiment.
  • specific implementation process reference may be made to the related description of the foregoing method embodiments, and details are not described herein again.
  • the server 1002 receives the page loading request sent by the terminal 1001, determines the feature parameter of the terminal 1001 according to the page loading request, and determines the element included in the first screen page to be loaded by the terminal 1001 according to the feature parameter, and the first screen page is The included element is determined as the target element, and the configuration indication information of the target element is sent to the terminal 1001.
  • the terminal 1001 can load the first screen page in the display interface according to the display parameter in the configuration indication information, thereby shortening the loading time of the first screen page. Reduce the traffic consumed when the first screen is loaded, achieve fast access to the first screen, and reduce the power consumption of the terminal.
  • the storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).

Abstract

本申请实施例提供了一种页面加载方法、系统、服务器及终端，其中一种页面加载方法包括：服务器接收终端发送的页面加载请求，根据所述页面加载请求确定所述终端的特征参数，以及根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素，再向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。

Description

一种页面加载方法、系统、服务器及终端
本申请要求于2017年4月25日提交中国专利局、申请号为201710279384.9、发明名称为“一种页面加载方法、系统、服务器及终端”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及互联网技术领域，尤其涉及一种页面加载方法、系统、服务器及终端。
发明背景
在大数据可视化平台中，用户已经可以定制数据报表页面的布局以及元素(如图表、图片、文字等)的样式、数据等，通过分享可以让其他用户在不同终端上查看生成后的数据报表页面。
目前，终端加载数据报表页面通常是先从服务器侧拉取数据报表的所有元素的布局信息，再加载各个图表、图片、文字的样式，并拉取每个图表的数据内容以渲染图表，进而完成数据报表页面的加载。在实践中发现，由于数据报表的配置不一，用于渲染数据报表页面的配置数据(如样式、图表数据等)的数据量可能会比较大，容易导致数据报表页面的首屏页面加载时间较长，首屏页面的访问速度较慢。
发明内容
本申请实施例提供了一种页面加载方法、系统、服务器及终端，可以缩短首屏页面的加载时间，实现首屏页面的快速访问。
本申请实施例第一方面提供了一种页面加载方法，包括：
服务器接收终端发送的页面加载请求。
所述服务器根据所述页面加载请求确定所述终端的特征参数。
所述服务器根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
所述服务器向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
本申请实施例第二方面提供了一种页面加载方法，包括：
终端向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数。
所述终端接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素。
所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
本申请实施例第三方面提供了一种服务器，包括处理器和存储器，所述存储器中存储可被所述处理器执行的指令，当执行所述指令时，所述处理器用于：
接收终端发送的页面加载请求。
根据所述页面加载请求确定所述终端的特征参数。
根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
本申请实施例第四方面提供了一种终端，包括处理器和存储器，所述存储器中存储可被所述处理器执行的指令，当执行所述指令时，所述处理器用于：
向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数。
接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素；
根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
本申请实施例第五方面提供了一种页面加载系统，包括：上述第三方面所述的服务器和上述第四方面所述的终端。
本申请实施例第六方面提供了一种非易失性计算机存储介质，其中存储有计算机程序，该计算机程序用于执行上述方法。
本申请实施例中，服务器接收终端发送的页面加载请求，根据页面加载请求确定终端的特征参数，以及根据特征参数确定终端待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，再向终端发送目标元素的配置指示信息，终端根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，实现首屏页面的快速访问。
附图简要说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种页面加载系统的架构示意图；
图2是本申请实施例提供的一种页面加载方法的流程示意图；
图3是本申请实施例提供的一种用于生成配置指示信息的虚拟屏幕的界面示意图；
图4是本申请实施例提供的另一种页面加载方法的流程示意图；
图5是本申请实施例提供的又一种页面加载方法的流程示意图；
图6是本申请实施例提供的一种服务器的结构示意图；
图7是本申请实施例提供的一种终端的结构示意图；
图8是本申请实施例提供的另一种服务器的结构示意图；
图9是本申请实施例提供的另一种终端的结构示意图；
图10是本申请实施例提供的一种页面加载系统的结构示意图。
实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
请参阅图1，为本申请实施例提供的一种页面加载系统的架构示意图。本实施例中所描述的页面加载系统的架构，包括：
终端，具体可以是智能手机、平板电脑、智能可穿戴设备等移动终端，也可以是个人电脑等桌面终端，用于向服务器请求页面(如数据报表等)，上报自身的特征参数(如屏幕参数、终端类型、网络类型等)。
服务器，用于提供通用网关接口(Common Gateway Interface，CGI)、配置中心和图表快照服务等各种服务，CGI用于描述服务器与终端上的应用之间的通信方式，配置中心用于根据终端的特征参数确定终端显示首屏页面所需的元素以及元素的配置指示信息，图表快照服务用于在元素为数据量较大的图表等，且图表的数据内容以及图表样式的指示信息的数据量较大时，生成图表的快照，以减少终端需要下载的数据量。
需要说明的是，CGI、配置中心和图表快照服务可以部署在同一台服务器上，也可以分别部署在不同的服务器上，本申请实施例不做限定。
请参阅图2，为本申请实施例提供的一种页面加载方法的流程示意图。本实施例中所描述的页面加载方法，主要是从终端和服务器两侧进 行描述的，包括以下步骤：
201、终端向服务器发送页面加载请求。
202、所述服务器接收所述页面加载请求，根据所述页面加载请求确定所述终端的特征参数。
其中，终端的特征参数具体可以包括屏幕参数(如屏幕尺寸、屏幕分辨率)、终端类型(如移动终端、桌面终端)、网络类型(如移动通信网络、有线网络、无线保真Wi-Fi网络)等。
具体实现中，页面可以是指数据报表的页面，终端在需要进行加载页面时，向服务器发送页面加载请求，服务器接收到页面加载请求之后，可以通过解析承载页面加载请求的超文本传输协议(Hyper Text Transfer Protocol，HTTP)报文头部的用户代理user-agent字段，确定终端所运行的应用的类型(如移动端应用、桌面端应用等)，进而根据应用类型确定出终端类型，例如终端运行的应用为移动端应用，则服务器可以确定终端类型为移动终端；服务器可以通过解析页面加载请求中的终端脚本获取终端的屏幕参数；服务器获取终端所在网络的出口互联网协议(Internet Protocol，IP)，再结合IP库存储的IP地址与网络运营商、网络类型的对应关系，即可确定出口IP对应的网络类型，也即确定出了终端的网络类型。
203、所述服务器根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
其中，在页面是数据报表的页面时，首屏页面包括的元素具体可以是图表、图片、文字、表格等。
具体实现中，服务器根据特征参数中的屏幕参数确定出与终端的显示界面的尺寸、分辨率等适配的首屏页面，首屏页面即为终端待加载的页面，将首屏页面包括的元素确定为终端加载首屏页面时所需的目标元素，可以将全部或者部分包括在首屏页面中的元素均确定为目标元素。
204、所述特征参数包括屏幕参数，所述服务器根据所述屏幕参数生成虚拟屏幕。
205、所述服务器在所述虚拟屏幕内生成所述目标元素的配置指示信息，所述配置指示信息包括显示参数。
其中，显示参数具体可以包括位置、样式和需加载的数据量等，位置用于指定元素的显示位置，样式用于指定元素的基本外在特征，样式的指示信息例如可以包括占用的位置大小、透明度、背景色、字体大小、字体是否加粗、字体是否带下划线、表格宽度、表格高度等，需加载的数据量即元素具体包含的数据内容。
具体实现中，如图3所示，服务器可以先根据屏幕参数生成一虚拟屏幕，模拟终端待加载的首屏页面，并在虚拟屏幕的首屏页面内对目标元素进行位置、样式、需加载的数据量等的配置，以生成目标元素的配置指示信息。
206、所述服务器向所述终端发送所述目标元素的配置指示信息。
具体实现中，服务器可以以超文本标记语言(Hyper Text Markup Language，HTML)、层叠样式表(Cascading Style Sheets，CSS)等静态资源的形式向终端发送目标元素的配置指示信息。
207、所述终端接收所述目标元素的配置指示信息，并根据所述显示参数，在显示界面中加载所述首屏页面。
具体实现中，终端根据目标元素的位置确定显示界面中首屏页面的布局，并根据目标元素需加载的数据量从服务器处获取目标元素的数据内容，再根据样式和数据内容在首屏界面中渲染目标元素，即终端在构建首屏页面的布局的同时可以从服务器处获取目标元素所需的数据内容，实现首屏页面的动态加载，从而可以缩短首屏页面的加载时间，实现首屏页面的快速访问。
在一些实施方式中，对于移动终端，考虑到其续航能力较为有限，以及可能使用移动通信网络访问网络等因素，对于目标元素是数据量较大的图表时，服务器侧可以考虑对图表进行处理，使其数据量轻量化，例如生成图表的快照等。具体的，如果终端类型为预设终端类型(如移动终端)，则服务器获取目标元素中的图表，在图表的样式的指示信息 大小和需加载的数据量之和大于或等于预设数据量阈值(如64KB)时，生成图表的快照，向终端发送图表的快照的访问地址，而终端则根据访问地址从服务器处获取图表的快照，并在首屏页面中渲染图表的快照即可实现图表的加载，从而终端可以无需下载复杂的图表，减少数据下载量，并可以降低功耗，进一步缩短首屏页面的加载时间。
此外，如果终端类型为预设终端类型(如移动终端)，则服务器可以进一步判断终端的网络类型是否为预设网络类型(如移动通信网络)，如果是，则服务器才会生成图表的快照，并向终端发送图表的快照的访问地址，从而可以避免终端下载复杂的图表而导致较多的数据流量消耗。
在一些实施方式中，终端的特征参数具体还可以包括电量状态，电量状态可以用终端是否处于充电状态，终端的剩余电量等表征，服务器可以根据终端类型和电量状态等特征参数综合判定是否需要生成图表的快照，例如，服务器在终端类型为移动终端，电量状态为未在充电或者剩余电量小于一电量阈值(如30％)时，为避免下载复杂的图表而导致较大的电量消耗，此时服务器可以生成图表的快照，并向终端发送图表的快照的访问地址，从而可以避免终端下载复杂的图表而导致较多的电量消耗，保证终端的电能供应。
本申请实施例中，服务器接收终端发送的页面加载请求，根据页面加载请求确定终端的特征参数，以及根据特征参数确定终端待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，再向终端发送目标元素的配置指示信息，终端根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图4，为本申请实施例提供的另一种页面加载方法的流程示意图。本实施例中所描述的页面加载方法，主要是从服务器一侧进行描 述的，包括以下步骤：
401、服务器接收终端发送的页面加载请求。
402、所述服务器根据所述页面加载请求确定所述终端的特征参数。
其中，终端的特征参数具体可以包括屏幕参数(如屏幕尺寸、屏幕分辨率)、终端类型(如移动终端、桌面终端)、网络类型(如移动通信网络、有线网络、Wi-Fi网络)等。
具体实现中，服务器接收到页面加载请求之后，可以通过解析承载页面加载请求的HTTP报文头部的user-agent字段，确定终端所运行的应用的类型(如移动端应用、桌面端应用等)，进而根据应用类型确定出终端类型，例如终端运行的应用为移动端应用，则服务器可以确定终端类型为移动终端；服务器可以通过解析页面加载请求中的终端脚本获取终端的屏幕参数；服务器获取终端所在网络的出口IP，再结合IP库存储的IP地址与网络运营商、网络类型的对应关系，即可确定出口IP对应的网络类型，也即确定出了终端的网络类型。
403、所述服务器根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
其中，在页面是数据报表的页面时，首屏页面包括的元素具体可以是图表、图片、文字、表格等。
具体实现中，服务器根据特征参数中的屏幕参数确定出与终端的显示界面的尺寸、分辨率等适配的首屏页面，首屏页面即为终端待加载的页面，将首屏页面包括的元素确定为终端加载首屏页面时所需的目标元素，可以将全部或者部分包括在首屏页面中的元素均确定为目标元素。
404、所述服务器向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
其中，显示参数具体可以包括位置、样式和需加载的数据量等，位置用于指定元素的显示位置，样式用于指定元素的基本外在特征，样式的指示信息例如可以包括占用的位置大小、透明度、背景色、字体大小、 字体是否加粗、字体是否带下划线、表格宽度、表格高度等，需加载的数据量即元素具体包含的数据内容。
具体实现中，如图3所示，服务器可以先根据屏幕参数生成一虚拟屏幕，模拟终端待加载的首屏页面，并在虚拟屏幕的首屏页面内对目标元素进行位置、样式、需加载的数据量等的配置，以生成目标元素的配置指示信息，进而可以以HTML、CSS等静态资源的形式向终端发送目标元素的配置指示信息，使得终端可以根据配置指示信息中的显示参数，在显示界面中快速地加载出首屏页面。
在一些实施方式中，对于移动终端，考虑到其续航能力较为有限，以及可能使用移动通信网络访问网络等因素，对于目标元素是数据量较大的图表时，服务器侧可以考虑对图表进行处理，使其数据量轻量化，例如生成图表的快照等。具体的，如果终端类型为预设终端类型(如移动终端)，则服务器获取目标元素中的图表，在图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值(如64KB)时，生成图表的快照，向终端发送图表的快照的访问地址，使得终端可以根据访问地址从服务器处获取图表的快照，并在首屏页面中渲染图表的快照即可实现图表的加载，从而终端可以无需下载复杂的图表，减少数据下载量，并可以降低功耗，进一步缩短首屏页面的加载时间。
此外，如果终端类型为预设终端类型(如移动终端)，则服务器可以进一步判断终端的网络类型是否为预设网络类型(如移动通信网络)，如果是，则服务器才会生成图表的快照，并向终端发送图表的快照的访问地址，从而可以避免终端下载复杂的图表而导致较多的数据流量消耗。
在一些实施方式中，终端的特征参数具体还可以包括电量状态，电量状态可以用终端是否处于充电状态，终端的剩余电量等表征，服务器可以根据终端类型和电量状态等特征参数综合判定是否需要生成图表的快照，例如，服务器在终端类型为移动终端，电量状态为未在充电或者剩余电量小于一电量阈值(如30％)时，为避免下载复杂的图表而导 致较大的电量消耗，此时服务器可以生成图表的快照，并向终端发送图表的快照的访问地址，从而可以避免终端下载复杂的图表而导致较多的电量消耗，保证终端的电能供应。
本申请实施例中，服务器接收终端发送的页面加载请求，根据页面加载请求确定终端的特征参数，以及根据特征参数确定终端待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，再向终端发送目标元素的配置指示信息，以指示终端根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，从而通过服务器配置首屏页面的显示参数并下发给终端可以缩短终端首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问。
请参阅图5，为本申请实施例提供的又一种页面加载方法的流程示意图。本实施例中所描述的页面加载方法，主要是从终端一侧进行描述的，包括以下步骤：
501、终端向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数。
其中，终端的特征参数具体可以包括屏幕参数(如屏幕尺寸、屏幕分辨率)、终端类型(如移动终端、桌面终端)、网络类型(如移动通信网络、有线网络、Wi-Fi网络)等。
具体实现中，页面可以是指数据报表的页面，终端在需要进行加载页面时，向服务器发送页面加载请求，使得服务器在接收到页面加载请求之后，可以通过解析页面加载请求获取上述特征参数。
502、所述终端接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素。
503、所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
其中，显示参数具体可以包括位置、样式和需加载的数据量等，位 置用于指定元素的显示位置，样式用于指定元素的基本外在特征，样式的指示信息例如可以包括占用的位置大小、透明度、背景色、字体大小、字体是否加粗、字体是否带下划线、表格宽度、表格高度等，需加载的数据量即元素具体包含的数据内容。
具体实现中，终端可以接收服务器以HTML、CSS等静态资源的形式发送的目标元素的配置指示信息，获取配置指示信息中的显示参数，显示参数具体包括目标元素的位置、目标元素需加载的数据量和样式，并根据目标元素的位置确定显示界面中首屏页面的布局，根据目标元素需加载的数据量从服务器处获取目标元素的数据内容，进而根据样式和数据内容在首屏界面中渲染目标元素，即终端在构建首屏页面的布局的同时可以从服务器处获取目标元素所需的数据内容，实现首屏页面的动态加载，从而可以缩短首屏页面的加载时间，实现首屏页面的快速访问。
在一些实施方式中，在终端满足终端类型为预设终端类型(如移动终端)，终端的网络类型为预设网络类型(如移动通信网络)，终端的电量状态为未在充电或者剩余电量小于一电量阈值(如30％)这三个条件中的一个或多个的情况下，终端可以接收到服务器发送的图表的快照的访问地址，根据访问地址从服务器处获取图表的快照，并在首屏页面中渲染图表的快照即可实现图表的加载，从而终端可以无需下载复杂的图表，减少数据下载量，避免终端下载复杂的图表而导致较多的数据流量消耗，并可以降低功耗，进一步缩短首屏页面的加载时间。
本申请实施例中，终端向服务器发送页面加载请求，以使服务器根据加载请求确定终端的特征参数，终端接收服务器发送的目标元素的配置指示信息，目标元素为服务器根据特征参数确定的终端待加载的首屏页面包括的元素，进而终端可以根据配置指示信息中的显示参数，在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图6，为本申请实施例提供的一种服务器的结构示意图。本实施例中所描述的服务器，包括：
接收模块601，用于接收终端发送的页面加载请求。
确定模块602，用于根据所述页面加载请求确定所述终端的特征参数。
所述确定模块602，还用于根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
发送模块603，用于向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
在一些实施方式中，所述特征参数包括屏幕参数，所述确定模块602具体用于：
根据所述屏幕参数确定出与所述终端的显示界面适配的首屏页面，所述首屏页面为所述终端待加载的页面。
将全部或者部分包括在所述首屏页面中的元素确定为目标元素。
在一些实施方式中，所述服务器还包括：
生成模块604，用于根据所述屏幕参数生成虚拟屏幕。
所述生成模块604，还用于在所述虚拟屏幕内生成所述目标元素的配置指示信息，所述配置指示信息包括显示参数。
在一些实施方式中，所述特征参数还包括终端类型，所述显示参数包括样式和需加载的数据量，所述发送模块603具体用于：
若所述终端类型为预设终端类型，则获取所述目标元素中的图表。
在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址，所述图表的快照的访问地址用于所述终端根据所述访问地址从所述服务器处获取所述图表的快照。
在一些实施方式中，所述特征参数还包括网络类型，所述服务器还 包括：
判断模块605，用于判断所述网络类型是否为预设网络类型，并在判断出所述网络类型为所述预设网络类型时，触发所述发送模块603在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址。
可以理解的是，本实施例的服务器的各功能模块的功能可根据上述方法实施例中的方法具体实现，其具体实现过程可以参照上述方法实施例的相关描述，此处不再赘述。
本申请实施例中，接收模块601接收终端发送的页面加载请求，确定模块602根据页面加载请求确定终端的特征参数，以及根据特征参数确定终端待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，发送模块603再向终端发送目标元素的配置指示信息，终端根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图7，为本申请实施例提供的一种终端的结构示意图。本实施例中所描述的终端，包括：
发送模块701，用于向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数。
接收模块702，用于接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素。
加载模块703，用于根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
在一些实施方式中，所述显示参数包括位置、样式和需加载的数据量，所述加载模块703具体用于：
根据所述目标元素的位置确定显示界面中所述首屏页面的布局。
根据所述目标元素需加载的数据量从所述服务器处获取所述目标元素的数据内容。
根据所述样式和所述数据内容在所述首屏界面中渲染所述目标元素，以加载所述首屏页面。
在一些实施方式中，所述加载模块703具体还用于：
若所述目标元素为图表，且所述图表的配置指示信息为所述图表的快照的访问地址，则根据所述访问地址从所述服务器处获取所述图表的快照，并将所述图表的快照作为所述图表的数据内容。
可以理解的是，本实施例的终端的各功能模块的功能可根据上述方法实施例中的方法具体实现，其具体实现过程可以参照上述方法实施例的相关描述，此处不再赘述。
本申请实施例中，发送模块701向服务器发送页面加载请求，以使服务器根据加载请求确定终端的特征参数，接收模块702接收服务器发送的目标元素的配置指示信息，目标元素为服务器根据特征参数确定的终端待加载的首屏页面包括的元素，加载模块703根据配置指示信息中的显示参数，在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图8，为本申请实施例提供的另一种服务器的结构示意图。本实施例中所描述的服务器，包括：处理器801、网络接口802及存储器803。其中，处理器801、网络接口802及存储器803可通过总线或其他方式连接，本申请实施例以通过总线连接为例。
其中，处理器801(或称中央处理器(Central Processing Unit，CPU))是服务器的计算核心以及控制核心。网络接口802可以包括标准的有线接口、无线接口(如WI-FI、移动通信接口等)，受处理器801的控制用于收发数据。存储器803(Memory)是服务器的记忆设备，用于存放程序和数据。可以理解的是，此处的存储器803可以是高速RAM存储器， 也可以是非易失性的存储器(non-volatile memory)，例如至少一个磁盘存储器；还可以是至少一个位于远离前述处理器801的存储装置。存储器803提供存储空间，该存储空间存储了服务器的操作系统和可执行程序代码，可包括但不限于：Windows系统(一种操作系统)、Linux(一种操作系统)系统等等，本申请对此并不作限定。
在本申请实施例中，处理器801通过运行存储器803中的可执行程序代码，执行如下操作：
网络接口802，用于接收终端发送的页面加载请求。
处理器801，用于根据所述页面加载请求确定所述终端的特征参数。
所述处理器801，还用于根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
所述网络接口802，还用于向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
在一些实施方式中，所述特征参数包括屏幕参数，所述处理器801具体用于：
根据所述屏幕参数确定出与所述终端的显示界面适配的首屏页面，所述首屏页面为所述终端待加载的页面。
将全部或者部分包括在所述首屏页面中的元素确定为目标元素。
在一些实施方式中，所述处理器801，还用于根据所述屏幕参数生成虚拟屏幕。
所述处理器801，还用于在所述虚拟屏幕内生成所述目标元素的配置指示信息，所述配置指示信息包括显示参数。
在一些实施方式中，所述特征参数还包括终端类型，所述显示参数包括样式和需加载的数据量，所述网络接口802具体用于：
若所述终端类型为预设终端类型，则获取所述目标元素中的图表。
在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址， 所述图表的快照的访问地址用于所述终端根据所述访问地址从所述服务器处获取所述图表的快照。
在一些实施方式中，所述特征参数还包括网络类型，所述处理器801，还用于判断所述网络类型是否为预设网络类型，并在判断出所述网络类型为所述预设网络类型时，控制所述网络接口802在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址。
具体实现中，本申请实施例中所描述的处理器801、网络接口802及存储器803可执行本申请实施例提供的一种页面加载方法的流程中所描述的实现方式，也可执行本申请实施例提供的一种服务器中所描述的实现方式，在此不再赘述。
本申请实施例中，网络接口802接收终端发送的页面加载请求，处理器801根据页面加载请求确定终端的特征参数，以及根据特征参数确定终端待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，网络接口802再向终端发送目标元素的配置指示信息，终端根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图9，为本申请实施例提供的另一种终端的结构示意图。本实施例中所描述的终端，包括：处理器901、用户接口902、网络接口903及存储器904。其中，终端内的处理器901、用户接口902、网络接口903及存储器904可通过总线或其他方式连接，在本申请实施例所示图9中以通过总线连接为例。
其中，用户接口902是实现用户与终端进行交互和信息交换的媒介，其具体体现可以包括用于输出的显示屏(Display)、触控屏、用于输入的键盘(Keyboard)、用于捕获图像的摄像头、用于播放声音信号的听筒以及扬声器等等，需要说明的是，此处的显示屏和触控屏可以为一体化 设计，键盘既可以为实体键盘，也可以为触屏虚拟键盘，还可以为实体与触屏虚拟相结合的键盘。处理器901(或称CPU(Central Processing Unit，中央处理器))是终端的计算核心以及控制核心，其可以解析终端内的各类指令以及处理终端的各类数据，例如：CPU可以用于解析用户向终端所发送的开关机指令，并控制终端进行开关机操作；再如：CPU可以在终端内部结构之间传输各类交互数据，等等。存储器(Memory)904是终端中的记忆设备，用于存放程序和数据。可以理解的是，此处的存储器904既可以包括终端的内置存储器，当然也可以包括终端所支持的扩展存储器。存储器904提供存储空间，该存储空间存储了终端的操作系统，可包括但不限于：Windows系统(一种操作系统)、Android(安卓，一种移动操作系统)系统、IOS(一种移动操作系统)系统等等，本申请对此并不作限定。
在本申请实施例中，处理器901通过运行存储器904中的可执行程序代码，执行如下操作：
网络接口903，用于向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数。
所述网络接口903，还用于接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素。
处理器901，用于根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
在一些实施方式中，所述显示参数包括位置、样式和需加载的数据量，所述处理器901具体用于：
根据所述目标元素的位置确定显示界面中所述首屏页面的布局。
根据所述目标元素需加载的数据量通过所述网络接口903从所述服务器处获取所述目标元素的数据内容。
根据所述样式和所述数据内容在所述首屏界面中渲染所述目标元素，以加载所述首屏页面。
在一些实施方式中，所述处理器901具体还用于：
若所述目标元素为图表，且所述图表的配置指示信息为所述图表的快照的访问地址，则根据所述访问地址通过所述网络接口903从所述服务器处获取所述图表的快照，并将所述图表的快照作为所述图表的数据内容。
具体实现中，本申请实施例中所描述的处理器901、用户接口902、网络接口903及存储器904可执行本申请实施例提供的一种页面加载方法的流程中所描述的实现方式，也可执行本申请实施例提供的一种终端中所描述的实现方式，在此不再赘述。
本申请实施例中，网络接口903向服务器发送页面加载请求，以使服务器根据页面加载请求确定终端的特征参数，网络接口903接收服务器发送的目标元素的配置指示信息，目标元素为服务器根据特征参数确定的终端待加载的首屏页面包括的元素，处理器901根据配置指示信息中的显示参数，在显示界面中加载首屏页面，从而可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
请参阅图10，为本申请实施例提供的一种页面加载系统的结构示意图。本实施例中所描述的页面加载系统，包括终端1001和服务器1002，其中：
所述终端1001，用于向服务器发送页面加载请求。
所述服务器1002，用于接收所述页面加载请求，根据所述页面加载请求确定所述终端的特征参数。
所述服务器1002，还用于根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素。
其中，所述特征参数包括屏幕参数。
所述服务器1002，还用于根据所述屏幕参数生成虚拟屏幕。
所述服务器1002，还用于在所述虚拟屏幕内生成所述目标元素的配 置指示信息，所述配置指示信息包括显示参数。
所述服务器1002，还用于向所述终端发送所述目标元素的配置指示信息。
所述终端1001，还用于接收所述目标元素的配置指示信息，并根据所述显示参数，在显示界面中加载所述首屏页面。
可以理解的是，本实施例的终端1001和服务器1002的功能可根据上述方法实施例中的方法具体实现，其具体实现过程可以参照上述方法实施例的相关描述，此处不再赘述。
本申请实施例中，服务器1002接收终端1001发送的页面加载请求，根据页面加载请求确定终端1001的特征参数，以及根据特征参数确定终端1001待加载的首屏页面包括的元素，并将首屏页面包括的元素确定为目标元素，再向终端1001发送目标元素的配置指示信息，终端1001根据配置指示信息中的显示参数即可在显示界面中加载首屏页面，可以缩短首屏页面的加载时间，减少首屏页面加载时消耗的流量，实现首屏页面的快速访问，同时还降低了终端功耗。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。
以上所揭露的仅为本申请一种较佳实施例而已，当然不能以此来限定本申请之权利范围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本申请权利要求所作的等同变化，仍属于申请所涵盖的范围。

Claims (18)

  1. 一种页面加载方法，其中，包括：
    服务器接收终端发送的页面加载请求；
    所述服务器根据所述页面加载请求确定所述终端的特征参数；
    所述服务器根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素；
    所述服务器向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
  2. 根据权利要求1所述的方法，其中，所述特征参数包括屏幕参数，所述服务器根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素，包括：
    所述服务器根据所述屏幕参数确定出与所述终端的显示界面适配的首屏页面，所述首屏页面为所述终端待加载的页面；
    所述服务器将全部或者部分包括在所述首屏页面中的元素确定为目标元素。
  3. 根据权利要求2所述的方法，其中，所述服务器向所述终端发送所述目标元素的配置指示信息之前，所述方法还包括：
    所述服务器根据所述屏幕参数生成虚拟屏幕；
    所述服务器在所述虚拟屏幕内生成所述目标元素的配置指示信息，所述配置指示信息包括显示参数。
  4. 根据权利要求2所述的方法，其中，所述特征参数还包括终端类型，所述显示参数包括位置、样式和需加载的数据量，所述服务器向所述终端发送所述目标元素的配置指示信息，包括：
    若所述终端类型为预设终端类型，则所述服务器获取所述目标元素中的图表；
    所述服务器在所述图表的样式的指示信息大小和需加载的数据量 之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址，使得所述终端根据所述访问地址从所述服务器处获取所述图表的快照。
  5. 根据权利要求4所述的方法，其中，所述特征参数还包括网络类型，所述服务器在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址之前，所述方法还包括：
    所述服务器判断所述网络类型是否为预设网络类型；
    若是，则在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，所述服务器执行向所述终端发送所述图表的快照的访问地址的步骤。
  6. 根据权利要求4所述的方法，其中，所述特征参数还包括电量状态，所述电量状态包括所述终端是否处于充电状态，所述终端的剩余电量中的至少一个，所述服务器根据所述终端类型和所述电量状态判定是否需要生成图表的快照。
  7. 根据权利要求6所述的方法，其中，所述服务器根据所述终端类型和所述电量状态判定是否需要生成图表的快照包括：
    若所述终端类型为预设终端类型，所述电量状态为未在充电或者剩余电量小于一电量阈值时，所述服务器获取所述目标元素中的图表，并且所述方法进一步包括：
    所述服务器向所述终端发送所述图表的快照的访问地址，使得所述终端根据所述访问地址从所述服务器处获取所述图表的快照。
  8. 一种页面加载方法，其中，包括：
    终端向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数；
    所述终端接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素；
    所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
  9. 根据权利要求8所述的方法，其中，所述显示参数包括位置、样式和需加载的数据量，所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面，包括：
    所述终端根据所述目标元素的位置确定显示界面中所述首屏页面的布局；
    所述终端根据所述目标元素需加载的数据量从所述服务器处获取所述目标元素的数据内容；
    所述终端根据所述样式和所述数据内容在所述首屏界面中渲染所述目标元素，以加载所述首屏页面。
  10. 根据权利要求9所述的方法，其中，所述终端根据所述目标元素需加载的数据量从所述服务器处获取所述目标元素的数据内容，包括：
    若所述目标元素为图表，且所述图表的配置指示信息为所述图表的快照的访问地址，则所述终端根据所述访问地址从所述服务器处获取所述图表的快照，并将所述图表的快照作为所述图表的数据内容。
  11. 一种服务器，其中，包括处理器和存储器，所述存储器中存储可被所述处理器执行的指令，当执行所述指令时，所述处理器用于：
    接收终端发送的页面加载请求；
    根据所述页面加载请求确定所述终端的特征参数；
    根据所述特征参数确定所述终端待加载的首屏页面包括的元素，并将所述首屏页面包括的元素确定为目标元素；
    向所述终端发送所述目标元素的配置指示信息，所述配置指示信息用于指示所述终端根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
  12. 根据权利要求11所述的服务器，其中，所述特征参数包括屏幕参数，当执行所述指令时，所述处理器进一步用于：
    根据所述屏幕参数确定出与所述终端的显示界面适配的首屏页面，所述首屏页面为所述终端待加载的页面；
    将全部或者部分包括在所述首屏页面中的元素确定为目标元素。
  13. 根据权利要求12所述的服务器，其中，当执行所述指令时，所述处理器进一步用于：
    根据所述屏幕参数生成虚拟屏幕；
    在所述虚拟屏幕内生成所述目标元素的配置指示信息，所述配置指示信息包括显示参数。
  14. 根据权利要求12所述的服务器，其中，所述特征参数还包括终端类型，所述显示参数包括位置、样式和需加载的数据量，当执行所述指令时，所述处理器进一步用于：
    若所述终端类型为预设终端类型，则获取所述目标元素中的图表；
    在所述图表的样式的指示信息大小和需加载的数据量之和大于或等于预设数据量阈值时，向所述终端发送所述图表的快照的访问地址，使得所述终端根据所述访问地址从所述服务器处获取所述图表的快照。
  15. 一种终端，其中，包括处理器和存储器，所述存储器中存储可被所述处理器执行的指令，当执行所述指令时，所述处理器用于：
    向服务器发送页面加载请求，以使所述服务器根据所述页面加载请求确定所述终端的特征参数；
    接收所述服务器发送的目标元素的配置指示信息，所述目标元素为所述服务器根据所述特征参数确定的所述终端待加载的首屏页面包括的元素；
    根据所述配置指示信息中的显示参数，在显示界面中加载所述首屏页面。
  16. 根据权利要求15所述的终端，其中，所述显示参数包括位置、样式和需加载的数据量，当执行所述指令时，所述处理器进一步用于：
    根据所述目标元素的位置确定显示界面中所述首屏页面的布局；
    根据所述目标元素需加载的数据量从所述服务器处获取所述目标 元素的数据内容；
    根据所述样式和所述数据内容在所述首屏界面中渲染所述目标元素，以加载所述首屏页面。
  17. 一种页面加载系统，其中，包括：如权利要求11～14中任一项所述的服务器和如权利要求15或16所述的终端。
  18. 一种非易失性计算机存储介质，其中，其中存储有计算机程序，该计算机程序用于执行所述权利要求1至10任一项所述的方法。
PCT/CN2018/082683 2017-04-25 2018-04-11 一种页面加载方法、系统、服务器及终端 WO2018196617A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710279384.9 2017-04-25
CN201710279384.9A CN108733738B (zh) 2017-04-25 2017-04-25 一种页面加载方法、系统、服务器及终端

Publications (1)

Publication Number Publication Date
WO2018196617A1 true WO2018196617A1 (zh) 2018-11-01

Family

ID=63919425

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/082683 WO2018196617A1 (zh) 2017-04-25 2018-04-11 一种页面加载方法、系统、服务器及终端

Country Status (2)

Country Link
CN (1) CN108733738B (zh)
WO (1) WO2018196617A1 (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111694550A (zh) * 2020-04-28 2020-09-22 北京奇艺世纪科技有限公司 一种页面显示控制方法、装置及系统
CN112100543A (zh) * 2020-08-31 2020-12-18 东软集团股份有限公司 渲染网页的方法、装置、存储介质及电子设备和服务器
CN112231610A (zh) * 2020-11-05 2021-01-15 南京焦点领动云计算技术有限公司 一种提取网页首屏css样式的方法
CN112434239A (zh) * 2020-12-09 2021-03-02 京东数字科技控股股份有限公司 配置信息确定、页面显示方法、装置、设备及存储介质
CN112464132A (zh) * 2020-12-04 2021-03-09 北京五八信息技术有限公司 页面生成、配置方法及装置
CN112527434A (zh) * 2020-12-07 2021-03-19 北京奇艺世纪科技有限公司 页面展示的方法、终端、服务器、系统、电子设备
CN112965756A (zh) * 2021-01-21 2021-06-15 北京达佳互联信息技术有限公司 页面资源加载量的监测方法、装置、电子设备及存储介质
CN113779449A (zh) * 2020-08-18 2021-12-10 北京沃东天骏信息技术有限公司 一种页面加载方法、装置、电子设备和存储介质
CN113885962A (zh) * 2021-10-11 2022-01-04 上海淇玥信息技术有限公司 一种长屏页面加载方法、装置和电子设备
CN115776598A (zh) * 2022-11-15 2023-03-10 聚好看科技股份有限公司 服务器、显示设备及视频播放组件的加载方法

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109669736A (zh) * 2018-12-18 2019-04-23 北京城市网邻信息技术有限公司 一种小程序的加载方法、装置、终端设备和存储介质
CN110308961B (zh) * 2019-07-02 2023-03-31 广州小鹏汽车科技有限公司 一种车载终端的主题场景切换方法及装置
CN112559098B (zh) * 2019-09-26 2022-04-26 华为技术有限公司 一种卡片渲染方法及电子设备
CN112749355B (zh) * 2019-10-30 2024-03-22 腾讯科技（深圳）有限公司 页面显示方法、装置、终端、服务器以及存储介质
CN111343270B (zh) * 2020-02-26 2022-08-23 浪潮通用软件有限公司 屏幕控制方法、系统、云端服务器和控制器
CN112685671A (zh) * 2021-01-21 2021-04-20 百度在线网络技术（北京）有限公司 页面显示方法、装置、设备及存储介质
CN115794267A (zh) * 2021-09-10 2023-03-14 北京字节跳动网络技术有限公司 一种显示用户界面的方法及终端设备
CN116009998A (zh) * 2021-10-21 2023-04-25 华为技术有限公司 一种渲染方法及相关装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030233617A1 (en) * 2002-06-07 2003-12-18 Makiko Hirai Server and web page information providing method
CN105260444A (zh) * 2015-10-09 2016-01-20 深圳市华讯方舟科技有限公司 数据自适应显示方法、终端设备及服务器
CN105573773A (zh) * 2014-10-17 2016-05-11 Tcl集团股份有限公司 一种布局用户界面的方法、装置和系统
CN105677678A (zh) * 2014-11-20 2016-06-15 腾讯科技（武汉）有限公司 网页的首屏位置确定、网页信息显示方法和系统
CN106528895A (zh) * 2016-12-29 2017-03-22 重庆南华中天信息技术有限公司 一种css资源前端显示装置

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008024706A2 (en) * 2006-08-21 2008-02-28 Crazy Egg, Inc. Visual web page analytics
CN101149734A (zh) * 2006-09-21 2008-03-26 上海万纬信息技术有限公司 移动终端的网络浏览器系统及网络浏览方法
US20080222273A1 (en) * 2007-03-07 2008-09-11 Microsoft Corporation Adaptive rendering of web pages on mobile devices using imaging technology
WO2012142854A1 (zh) * 2011-04-18 2012-10-26 北京新媒传信科技有限公司 一种应用服务平台系统及其实现方法
CN103679487B (zh) * 2012-09-05 2017-07-07 阿里巴巴集团控股有限公司 广告展示的监控方法和设备
WO2014051435A2 (en) * 2012-09-25 2014-04-03 Opera Software Asa Information management and display in web browsers
CN105630521A (zh) * 2014-10-31 2016-06-01 阿里巴巴集团控股有限公司 一种网页的加载方法和装置
CN104484362B (zh) * 2014-12-02 2017-11-17 百度在线网络技术（北京）有限公司 搜索结果的展现方法及装置
CN104484360B (zh) * 2014-12-02 2017-08-18 百度在线网络技术（北京）有限公司 参数信息的获取方法及装置
CN106575303B (zh) * 2015-04-20 2021-09-24 阿里巴巴（中国）有限公司 显示网页的方法和设备
CN105205157B (zh) * 2015-09-28 2019-12-13 北京奇艺世纪科技有限公司 一种页面加载的方法、装置及系统
CN105975572B (zh) * 2016-05-03 2019-06-07 Oppo广东移动通信有限公司 网页显示方法和装置
CN106095460B (zh) * 2016-06-21 2019-05-07 上海联彤网络通讯技术有限公司 实现终端内嵌浏览器优化网页加载的系统及方法
CN106339305A (zh) * 2016-08-30 2017-01-18 孙鸿鹏 一种数据库安全监审方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030233617A1 (en) * 2002-06-07 2003-12-18 Makiko Hirai Server and web page information providing method
CN105573773A (zh) * 2014-10-17 2016-05-11 Tcl集团股份有限公司 一种布局用户界面的方法、装置和系统
CN105677678A (zh) * 2014-11-20 2016-06-15 腾讯科技（武汉）有限公司 网页的首屏位置确定、网页信息显示方法和系统
CN105260444A (zh) * 2015-10-09 2016-01-20 深圳市华讯方舟科技有限公司 数据自适应显示方法、终端设备及服务器
CN106528895A (zh) * 2016-12-29 2017-03-22 重庆南华中天信息技术有限公司 一种css资源前端显示装置

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111694550A (zh) * 2020-04-28 2020-09-22 北京奇艺世纪科技有限公司 一种页面显示控制方法、装置及系统
CN113779449A (zh) * 2020-08-18 2021-12-10 北京沃东天骏信息技术有限公司 一种页面加载方法、装置、电子设备和存储介质
CN112100543B (zh) * 2020-08-31 2023-10-27 东软集团股份有限公司 渲染网页的方法、装置、存储介质及电子设备和服务器
CN112100543A (zh) * 2020-08-31 2020-12-18 东软集团股份有限公司 渲染网页的方法、装置、存储介质及电子设备和服务器
CN112231610A (zh) * 2020-11-05 2021-01-15 南京焦点领动云计算技术有限公司 一种提取网页首屏css样式的方法
CN112464132A (zh) * 2020-12-04 2021-03-09 北京五八信息技术有限公司 页面生成、配置方法及装置
CN112527434A (zh) * 2020-12-07 2021-03-19 北京奇艺世纪科技有限公司 页面展示的方法、终端、服务器、系统、电子设备
CN112434239A (zh) * 2020-12-09 2021-03-02 京东数字科技控股股份有限公司 配置信息确定、页面显示方法、装置、设备及存储介质
CN112965756A (zh) * 2021-01-21 2021-06-15 北京达佳互联信息技术有限公司 页面资源加载量的监测方法、装置、电子设备及存储介质
CN112965756B (zh) * 2021-01-21 2023-09-26 北京达佳互联信息技术有限公司 页面资源加载量的监测方法、装置、电子设备及存储介质
CN113885962A (zh) * 2021-10-11 2022-01-04 上海淇玥信息技术有限公司 一种长屏页面加载方法、装置和电子设备
CN113885962B (zh) * 2021-10-11 2024-04-09 上海淇玥信息技术有限公司 一种长屏页面加载方法、装置和电子设备
CN115776598A (zh) * 2022-11-15 2023-03-10 聚好看科技股份有限公司 服务器、显示设备及视频播放组件的加载方法
CN115776598B (zh) * 2022-11-15 2024-05-03 聚好看科技股份有限公司 服务器、显示设备及视频播放组件的加载方法

Also Published As

Publication number Publication date
CN108733738B (zh) 2023-04-07
CN108733738A (zh) 2018-11-02

Similar Documents

Publication Publication Date Title
WO2018196617A1 (zh) 一种页面加载方法、系统、服务器及终端
AU2019233201B2 (en) Resource configuration method and apparatus, terminal, and storage medium
US9542501B2 (en) System and method for presenting content in a client/server environment
CN111433743B (zh) 一种app远程控制方法及相关设备
WO2013159721A1 (zh) 一种移动浏览器网页分段加载方法及系统
CN111026490B (zh) 页面渲染方法、装置、电子设备及存储介质
WO2019228344A1 (zh) 资源配置方法、装置、终端及存储介质
CN111580879A (zh) 小程序的运行方法、装置、电子设备及计算机存储介质
WO2020048189A1 (zh) 图片生成
US11314391B2 (en) Navigation bar controlling method and terminal
JP2016529627A (ja) ブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体
WO2018133772A1 (zh) 网页资源的获取方法和装置、存储介质、电子装置
CN108062336B (zh) 媒体信息处理方法及装置
CN107807934B (zh) 页面显示方法和装置以及计算设备
WO2024011899A1 (zh) 微件的加载方法、装置、设备以及存储介质
US20130036197A1 (en) Method and system for a mobile local server
CN113127361A (zh) 应用程序的开发方法、装置、电子设备和存储介质
CN111737614B (zh) 页面显示方法、装置、电子设备和存储介质
JP6482204B2 (ja) 情報処理端末、その制御方法及びプログラム
CN108228139B (zh) 基于html5浏览器框架的单片机开发系统及装置
CN108345683B (zh) 网页显示方法、装置、终端及存储介质
JP5643449B1 (ja) 端末装置に表示画面を表示させるサーバ及び方法
CN115794095B (zh) 基于JavaScript的虚幻引擎UI开发方法及系统
US10042521B1 (en) Emulation of control resources for use with converted content pages
CN115878226A (zh) 一种h5离线包加载方法及装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18791499

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18791499

Country of ref document: EP

Kind code of ref document: A1