CN117743705A

CN117743705A - Page display method, device, storage medium and program product

Info

Publication number: CN117743705A
Application number: CN202211124859.4A
Authority: CN
Inventors: 马进; 韩京博; 付星昱; 曹韬
Original assignee: Beijing Zitiao Network Technology Co Ltd
Current assignee: Beijing Zitiao Network Technology Co Ltd
Priority date: 2022-09-15
Filing date: 2022-09-15
Publication date: 2024-03-22

Abstract

The embodiment of the disclosure provides a page display method, device, storage medium and program product, which determine a target picture format by responding to an access instruction of a page to be displayed; aiming at an original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format; rendering the page to be displayed based on the target picture to be displayed, and displaying the rendered page to be displayed. According to the embodiment of the disclosure, the picture format in the page to be displayed can be dynamically optimized when the user accesses the page to be displayed, so that different display requirements are met, and better browsing experience is provided.

Description

Page display method, device, storage medium and program product

Technical Field

The embodiment of the disclosure relates to the technical field of computer and network communication, in particular to a page display method, equipment, a storage medium and a program product.

Background

Currently, in page construction, pictures are usually the main components in pages and are responsible for most of visual designs, and common pages usually comprise tens of pictures, wherein the pictures with larger volumes are not consumed, such as KV (Key Vision) pictures.

The image volume is positively related to the quality index of the page, the rendering time of the page with small image volume is often lower than that of the page with large image volume, and the image volume becomes an important measurement standard of the page quality; of course, in some requirements, resolution or sharpness of the picture may be of greater concern, or compatibility of the pages in different devices may be of concern. In the prior art, a certain picture format is generally used for pictures in a page, and different display requirements cannot be met.

Disclosure of Invention

The embodiment of the disclosure provides a page display method, device, storage medium and program product, which are used for dynamically optimizing a picture format in a page to be displayed so as to meet different display requirements and provide better browsing experience.

In a first aspect, an embodiment of the present disclosure provides a page display method, including:

determining a target picture format in response to an access instruction of a page to be displayed;

aiming at an original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format;

rendering the page to be displayed based on the target picture to be displayed, and displaying the rendered page to be displayed.

In a second aspect, an embodiment of the present disclosure provides a page display device, including:

the format determining unit is used for determining a target picture format in response to an access instruction of a page to be displayed;

the acquisition unit is used for acquiring a target picture to be displayed in a corresponding target picture format aiming at an original picture to be displayed in the page to be displayed;

the rendering unit is used for rendering the page to be displayed based on the target picture to be displayed and displaying the rendered page to be displayed.

In a third aspect, an embodiment of the present disclosure provides an electronic device, including: at least one processor and memory;

the memory stores computer-executable instructions;

the at least one processor executes the computer-executable instructions stored by the memory, causing the at least one processor to perform the page display method as described above in the first aspect and the various possible designs of the first aspect.

In a fourth aspect, embodiments of the present disclosure provide a computer readable storage medium having stored therein computer executable instructions which, when executed by a processor, implement the page display method according to the first aspect and the various possible designs of the first aspect.

In a fifth aspect, embodiments of the present disclosure provide a computer program product comprising computer-executable instructions which, when executed by a processor, implement the page display method according to the first aspect and the various possible designs of the first aspect.

The page display method, the page display device, the page display medium and the page display program product provided by the embodiment of the disclosure determine a target picture format by responding to an access instruction of a page to be displayed; aiming at an original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format; rendering the page to be displayed based on the target picture to be displayed, and displaying the rendered page to be displayed. According to the embodiment of the disclosure, the picture format in the page to be displayed can be dynamically optimized when the user accesses the page to be displayed, so that different display requirements are met, and better browsing experience is provided.

Drawings

In order to more clearly illustrate the embodiments of the present disclosure or the solutions in the prior art, a brief description will be given below of the drawings that are needed in the embodiments or the description of the prior art, it being obvious that the drawings in the following description are some embodiments of the present disclosure, and that other drawings may be obtained from these drawings without inventive effort to a person of ordinary skill in the art.

Fig. 1 is an exemplary diagram of an application scenario of a page display method according to an embodiment of the present disclosure;

FIG. 2 is a schematic flow chart of a page display method according to an embodiment of the disclosure;

fig. 3 is a block diagram of a page display device according to an embodiment of the present disclosure;

fig. 4 is a schematic hardware structure of an electronic device according to an embodiment of the disclosure.

Detailed Description

For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions of the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present disclosure, and it is apparent that the described embodiments are some embodiments of the present disclosure, but not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art without inventive effort, based on the embodiments in this disclosure are intended to be within the scope of this disclosure.

Currently, in page construction, pictures are usually the main components in pages and are responsible for most of visual designs, and common pages usually comprise tens of pictures, wherein the pictures with larger volumes, such as KV (kilovolt) pictures, are not consumed.

The image volume is positively related to the quality index of the page, and the rendering time of the page with small image volume is often lower than that of the page with large image volume, so that the image volume becomes an important measurement standard of the page quality. The main direction of guaranteeing the page quality when optimizing the picture volume can adopt a common picture compression means to compress the picture, but because the picture in the built-up page is divided into the picture in the assembly and the picture configured by the user, the characteristics of uncontrollable picture introduction and scattered picture resources exist, and the picture compression or unified picture format cannot be effectively realized. The pictures in the page usually use a fixed picture format, for example, the page adopts the traditional PNG format and the JPEG format, if the picture is large in size, the page opening speed is slow and the bandwidth is wasted when a user accesses the page possibly; or the page adopts WebP and AVIF formats, the picture volume is smaller, but compatibility problems can exist, and some terminal equipment can not support the WebP and AVIF formats; or in some demands, the page may need to adopt a picture format with higher resolution, so that the page is clearer and has better display effect. In summary, the use of a fixed picture format for the pictures in the page cannot meet different display requirements.

In order to solve the above technical problems, the present disclosure provides a page display method, so as to be capable of dynamically optimizing a picture format in a page to be displayed when a user accesses the page to be displayed, specifically, a target picture format may be determined by responding to an access instruction of the page to be displayed; aiming at an original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format; and rendering the target to-be-displayed picture serving as an original to-be-displayed picture to the to-be-displayed page, and displaying the rendered to-be-displayed page. The page display method can dynamically optimize the picture format in the page to be displayed when a user accesses the page to be displayed so as to meet different display requirements, provide better browsing experience, specifically improve the browsing experience and be related to a target picture format, bring different browsing experiences if the target picture format adopts different types of picture formats, for example, if the target picture format is a picture format with smaller picture volume, effectively shorten the time spent in rendering, improve the page opening speed and avoid wasting bandwidth; if the target picture format is a picture format with higher resolution, the page can be clearer and the display effect is better; in addition, the target picture format can be determined according to the picture format supported by the terminal, for example, if some terminals support the WebP or AVIF format, the target picture format can be determined to be the WebP or AVIF format, and if some terminals do not support the WebP or AVIF format, the target picture format can be determined to be the PNG or JPEG format, so that the compatibility of the page on different terminals is improved.

The page display method can be executed when the first screen page is accessed, browsing experience can be effectively improved, for example, if a target picture format is a picture format with smaller picture volume, the loading speed of the first screen page can be shortened by 500ms generally; of course, the page display method provided by the present disclosure may also be applied to a case of a non-home screen page.

The page display method provided by the disclosure is suitable for an application scene shown in fig. 1, and comprises a terminal 101 and a server 102, wherein a user can trigger an access instruction of a page to be displayed at the terminal, and the terminal determines a target picture format in response to the access instruction of the page to be displayed; aiming at the original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format from the server 102; the terminal 101 renders the target to-be-displayed picture as an original to-be-displayed picture to the to-be-displayed page, and displays the rendered to-be-displayed page.

The following describes the technical solutions of the present disclosure and how the technical solutions of the present disclosure solve the above technical problems in detail with specific embodiments. The following embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments. Embodiments of the present disclosure will be described below with reference to the accompanying drawings.

Referring to fig. 2, fig. 2 is a flowchart of a page display method according to an embodiment of the disclosure. The method of the embodiment can be applied to electronic equipment such as terminal equipment or a server, and the page display method comprises the following steps:

s201, responding to an access instruction of a page to be displayed, and determining a target picture format.

In this embodiment, a user may access a page to be displayed on a terminal, the user triggers an access instruction of the page to be displayed, the terminal enters the page to be displayed in response to the access instruction of the page to be displayed, first determines a target picture format, where the target picture format is a picture format supported by the terminal, and the picture format is adopted to improve the browsing experience of the page to be displayed, for example, the target picture format may be a picture format with smaller picture size, such as WebP, AVIF, and other higher-efficiency image compression formats, and the use of the picture format with smaller picture size for the page to be displayed may effectively shorten the time spent in rendering, improve the page opening speed, and avoid wasting bandwidth. Of course, the target picture format can also be other types of picture formats, for example, a picture format with higher resolution can enable the page to be clearer and the display effect to be better; or some terminals support the WebP or AVIF format, the target picture format can be determined to be the WebP or AVIF format, and some terminals do not support the WebP or AVIF format, the target picture format can be determined to be the PNG or JPEG format, so that the compatibility of the page on different terminals is improved.

Optionally, when determining the target picture format, the target picture format of the page to be displayed may be determined according to the terminal information corresponding to the page to be displayed. For example, determining a target picture format of a page to be displayed supported by the terminal according to the current processor utilization rate, the memory occupancy rate and the like of the terminal. Furthermore, the target picture format may also be determined dynamically, i.e. the target picture format may be different for the same terminal under different circumstances or at different moments in time.

S202, acquiring a target picture to be displayed in a corresponding target picture format according to an original picture to be displayed in the page to be displayed.

In this embodiment, the server pre-configures various formats of the original to-be-displayed pictures in the to-be-displayed page, where the target to-be-displayed pictures at least include target to-be-displayed pictures in a target picture format, after the terminal determines the target picture format, for the original to-be-displayed pictures in the to-be-displayed page, the target to-be-displayed pictures in the target picture format corresponding to the original to-be-displayed pictures, that is, the target to-be-displayed pictures are obtained from the server, that is, the target to-be-displayed pictures are in the target picture format, the display content is unchanged, and the target to-be-displayed pictures are smaller in size than the original to-be-displayed pictures, for example, the original to-be-displayed pictures are in the PNG format, and the target to-be-displayed pictures are in the WebP format.

Optionally, the page to be displayed is a built page, which is created by a developer in a visual manner through a page building platform in an application program development process by using a drag component and a model driving manner, and for each picture (original picture to be displayed) in the built page, corresponding pictures in different formats can be generated through the page building platform or other servers (such as a server of a picture computing service or a cloud server, which can perform functions of picture hosting, compression, format upgrading and the like), only the formats are different, the display content is the same (including pictures in a target picture format), namely, the developer only needs to configure pictures in one picture format (recorded as an original format) for each picture in the page. Therefore, in the above embodiment, when the target to-be-displayed picture in the target picture format corresponding to the original to-be-displayed picture in the to-be-displayed page is obtained, the target to-be-displayed picture in the target picture format corresponding to the original to-be-displayed picture may be obtained from the server.

And S203, rendering the page to be displayed based on the target picture to be displayed, and displaying the rendered page to be displayed.

In this embodiment, the target to-be-displayed picture may be used as a final to-be-displayed picture in the to-be-displayed page, and the to-be-displayed picture in the target picture format is rendered based on the target to-be-displayed picture, so that the rendered to-be-displayed picture is displayed in the to-be-displayed page, instead of rendering and displaying the original to-be-displayed picture in the original format adopted by the sender when the page is created, so that the browsing experience of the to-be-displayed page is improved, and the improved browsing experience is related to the target picture format. Other browsing experiences are brought when the target picture format is of other types, for example, the target picture format is of a picture format with higher resolution, so that the page is clearer, the display effect is better, and the like.

According to the page display method provided by the embodiment, the target picture format is determined by responding to the access instruction of the page to be displayed; aiming at an original picture to be displayed in the page to be displayed, acquiring a target picture to be displayed in a corresponding target picture format; rendering the page to be displayed based on the target picture to be displayed, and displaying the rendered page to be displayed. According to the embodiment, the picture format in the page to be displayed can be dynamically optimized when the user accesses the page to be displayed, so that different display requirements are met, and better browsing experience is provided.

On the basis of any embodiment, the pictures in the page to be displayed may include one or more of pictures in the component logic, pictures in the component style, and pictures in the user configuration.

The components are basic units formed in the built page, such as buttons, pictures and texts; the component logic is logic code required by writing the component, such as a contribution button, and related logic required to execute contribution after clicking; component styles are style codes displayed by components, such as video lists, and related styles of stream layout need to be declared in the codes; the picture in the user configuration is a picture configured by a page builder (developer) at the time of page building.

Optionally, if the original picture to be displayed is a picture in the component logic in the page to be displayed; in S201, for the original picture to be displayed in the page to be displayed, the target picture to be displayed in the corresponding target picture format is obtained, which specifically includes:

and acquiring the target picture to be displayed in a target picture format corresponding to the original picture to be displayed from a server through a picture link acquisition function of the path attribute of the original proxy picture to be displayed.

In this embodiment, the target to-be-displayed picture in the target picture format corresponding to the original to-be-displayed picture can be obtained from the server through a proxy (proxy) mode in JavaScript, and a picture link obtaining function gateway of the src attribute of the original to-be-displayed picture in the HTMLImageElement prototype is proxy, without changing or operating the component logic. More specifically, the image link of the target image to be displayed in the target image format corresponding to the original image to be displayed can be obtained from the server through the image link obtaining function of the path attribute of the original image to be displayed, and then the image to be displayed can be obtained according to the image link of the target image to be displayed.

Optionally, if the original picture to be displayed is a picture in the component style in the page to be displayed; in S203, for the original picture to be displayed in the page to be displayed, the obtaining a target picture to be displayed in a corresponding target picture format specifically includes:

downloading a target picture format corresponding component style from a component style set of a server, wherein the component style set comprises component styles with different picture formats, each component style comprises a target picture to be displayed in one picture format, and the target picture format corresponding component style comprises the target picture to be displayed in the target picture format.

In this embodiment, if the page to be displayed includes a picture of a component style, the server generates a target picture to be displayed of different picture formats according to the picture of the component style of the original format adopted by the developer when the page is created, and for a certain component, packages the component style of one picture format separately for each picture format to form a component style set, that is, each component style of the component style set includes a target picture to be displayed of one picture format.

And if the original picture to be displayed is the picture in the component style in the page to be displayed, the terminal can download the component style corresponding to the target picture format from the server according to the target picture format, wherein the component style corresponding to the target picture format comprises the target picture to be displayed in the target picture format.

Further, for the original to-be-displayed picture in the component styles in the to-be-displayed page, when rendering the to-be-displayed page based on the target to-be-displayed picture, a component style covering mode can be adopted to cover the original component style of the to-be-displayed page with the component style corresponding to the target picture format, so that the target to-be-displayed picture covers the original to-be-displayed picture in the original component style. The component style is css (Cascading Style Sheets, cascading style sheet) style, and an existing component style covering method can be adopted, for example, for a component style corresponding to a target picture format, a css file is used, and a class selector or an id selector is defined to cover an original component style, so that the target picture to be displayed covers an original picture to be displayed in the original component style.

Optionally, if the original picture to be displayed is the original picture to be displayed as the picture in the user configuration; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

acquiring User Interface Design Language (UIDL) information corresponding to the page to be displayed, wherein the UIDL information comprises picture links corresponding to original pictures to be displayed, and the picture links comprise dynamic picture format variables;

Assigning a dynamic picture format variable in the picture link to the target picture format;

and acquiring the target picture to be displayed in the target picture format corresponding to the original picture to be displayed from the server according to the assigned picture link.

In this embodiment, the UIDL (User Interface Design Language ) information is structurable information related to UI for describing all the pictures configured by the page builder (developer) during page building, the picture information of the pictures in the user configuration may be stored in the UIDL information, for the page to be displayed, the UIDL information includes a picture link corresponding to the original picture to be displayed, for example, the picture link in the UIDL information is https:// abc. Com/hello. Image, wherein https:// abc. Com/hello is a fixed template of the picture link, the image represents an original picture to be displayed, in this embodiment, the image is used as a dynamic picture format variable corresponding to the original picture to be displayed, after determining a target picture format, the terminal assigns a dynamic picture format variable in the picture link to the target picture format, and further obtains a target picture corresponding to the original picture from the server, the server can provide a target picture corresponding to the original picture to be displayed, and the server can provide an optimal target picture corresponding to the target picture to the original picture. Specifically, when rendering a page to be displayed, loading the UIDL information, and transmitting the UIDL information to a component corresponding to the original picture to be displayed, wherein the component receives configuration information in the UIDL information, so that the component is rendered.

It should be noted that, the pictures in the page to be displayed may include one or more of pictures in the component logic, pictures in the component style, and pictures in the user configuration, and the corresponding processing modes may be selected and combined according to the picture types in the page to be displayed, so that the dynamic optimization of the picture formats of the various picture types of the page to be displayed may be realized through the various processing modes.

Corresponding to the page display method of the above embodiment, fig. 3 is a block diagram of a structure of a page display device provided by an embodiment of the present disclosure. For ease of illustration, only portions relevant to embodiments of the present disclosure are shown. Referring to fig. 3, the page display device 300 includes: a format determining unit 301, an acquiring unit 302, a rendering unit 303.

Wherein, the format determining unit 301 is configured to determine a target picture format in response to an access instruction of a page to be displayed;

an obtaining unit 302, configured to obtain, for an original picture to be displayed in the page to be displayed, a target picture to be displayed in a corresponding target picture format;

and the rendering unit 303 is configured to render the page to be displayed based on the target picture to be displayed, and display the rendered page to be displayed.

In one or more embodiments of the present disclosure, the original picture to be displayed is a picture in component logic in the page to be displayed; the obtaining unit 302 is configured to, when obtaining, for an original picture to be displayed in the page to be displayed, a target picture to be displayed in a corresponding target picture format:

and acquiring the target picture to be displayed in the target picture format corresponding to the original picture to be displayed from the server through a picture link acquisition function of the path attribute of the proxy original picture to be displayed.

In one or more embodiments of the present disclosure, the obtaining unit 302 is configured to, when obtaining, from a server, a target to-be-displayed picture in a target picture format corresponding to an original to-be-displayed picture by proxy of a picture link obtaining function of a path attribute of the original to-be-displayed picture:

acquiring a picture link of a target picture to be displayed in a target picture format corresponding to an original picture to be displayed from a server through a picture link acquisition function of a path attribute of the original picture to be displayed;

and acquiring the target picture to be displayed according to the picture link of the target picture to be displayed.

In one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a component style in the page to be displayed; the obtaining unit 302 is configured to, when obtaining, for an original picture to be displayed in the page to be displayed, a target picture to be displayed in a corresponding target picture format:

In one or more embodiments of the present disclosure, the rendering unit 303, when rendering the page to be displayed based on the target picture to be displayed, is configured to:

and covering the original component style of the page to be displayed with the component style corresponding to the target picture format by adopting a component style covering mode, so that the target picture to be displayed covers the original picture to be displayed in the original component style.

In one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a user configuration; the obtaining unit 302 is configured to, when obtaining, for an original picture to be displayed in the page to be displayed, a target picture to be displayed in a corresponding target picture format:

In one or more embodiments of the present disclosure, the format determining unit 301, when determining the target picture format, is configured to:

and determining a target picture format of the page to be displayed according to the terminal information corresponding to the page to be displayed.

In one or more embodiments of the present disclosure, the target to-be-displayed picture volume is smaller than the volume of the original to-be-displayed picture.

The page display device provided in this embodiment may be used to implement the technical solution of the foregoing method embodiment, and its implementation principle and technical effects are similar, and this embodiment will not be described herein again.

Referring to fig. 4, there is shown a schematic structural diagram of an electronic device 400 suitable for use in implementing embodiments of the present disclosure, which electronic device 400 may be a terminal device or a server. The terminal device may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a personal digital assistant (Personal Digital Assistant, PDA for short), a tablet (Portable Android Device, PAD for short), a portable multimedia player (Portable Media Player, PMP for short), an in-vehicle terminal (e.g., an in-vehicle navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in fig. 4 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.

As shown in fig. 4, the electronic apparatus 400 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 401 that may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 402 or a program loaded from a storage device 408 into a random access Memory (Random Access Memory, RAM) 403. In the RAM 403, various programs and data necessary for the operation of the electronic device 400 are also stored. The processing device 401, the ROM 402, and the RAM 403 are connected to each other by a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.

In general, the following devices may be connected to the I/O interface 405: input devices 406 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 407 including, for example, a liquid crystal display (Liquid Crystal Display, LCD for short), a speaker, a vibrator, and the like; storage 408 including, for example, magnetic tape, hard disk, etc.; and a communication device 409. The communication means 409 may allow the electronic device 400 to communicate with other devices wirelessly or by wire to exchange data. While fig. 4 shows an electronic device 400 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.

In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flowcharts. In such an embodiment, the computer program may be downloaded and installed from a network via communications device 409, or from storage 408, or from ROM 402. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 401.

It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.

The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.

The computer-readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above-described embodiments.

Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a local area network (Local Area Network, LAN for short) or a wide area network (Wide Area Network, WAN for short), or it may be connected to an external computer (e.g., connected via the internet using an internet service provider).

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The name of the unit does not in any way constitute a limitation of the unit itself, for example the first acquisition unit may also be described as "unit acquiring at least two internet protocol addresses".

The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

According to a first aspect, according to one or more embodiments of the present disclosure, there is provided a page display method including:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a component logic in the page to be displayed; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

According to one or more embodiments of the present disclosure, the obtaining, by a picture link obtaining function that proxies a path attribute of an original picture to be displayed, a target picture to be displayed in a target picture format corresponding to the original picture to be displayed from a server includes:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a component style in the page to be displayed; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

According to one or more embodiments of the present disclosure, the rendering the page to be displayed based on the target picture to be displayed includes:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a user configuration; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

According to one or more embodiments of the present disclosure, the determining the target picture format includes:

According to one or more embodiments of the present disclosure, the target to-be-displayed picture volume is smaller than the volume of the original to-be-displayed picture.

In a second aspect, according to one or more embodiments of the present disclosure, there is provided a page display device including:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a component logic in the page to be displayed; the obtaining unit is configured to, when obtaining a target to-be-displayed picture in a corresponding target picture format for an original to-be-displayed picture in the to-be-displayed page:

According to one or more embodiments of the present disclosure, when obtaining, from a server, a target to-be-displayed picture in a target picture format corresponding to an original to-be-displayed picture by proxy of a picture link obtaining function of a path attribute of the original to-be-displayed picture, the obtaining unit is configured to:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a component style in the page to be displayed; the obtaining unit is configured to, when obtaining a target to-be-displayed picture in a corresponding target picture format for an original to-be-displayed picture in the to-be-displayed page:

According to one or more embodiments of the present disclosure, when the rendering unit renders the page to be displayed based on the target picture to be displayed, the rendering unit is configured to:

According to one or more embodiments of the present disclosure, the original picture to be displayed is a picture in a user configuration; the obtaining unit is configured to, when obtaining a target to-be-displayed picture in a corresponding target picture format for an original to-be-displayed picture in the to-be-displayed page:

According to one or more embodiments of the present disclosure, the format determining unit, when determining the target picture format, is configured to:

In a third aspect, according to one or more embodiments of the present disclosure, there is provided an electronic device comprising: at least one processor and memory;

the memory stores computer-executable instructions;

In a fourth aspect, according to one or more embodiments of the present disclosure, there is provided a computer-readable storage medium having stored therein computer-executable instructions which, when executed by a processor, implement the page display method as described in the first aspect and the various possible designs of the first aspect.

In a fifth aspect, according to one or more embodiments of the present disclosure, there is provided a computer program product comprising computer-executable instructions which, when executed by a processor, implement the page display method as described above in the first aspect and in the various possible designs of the first aspect.

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).

Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.

Claims

1. A page display method, characterized by comprising:

2. The method of claim 1, wherein the original picture to be displayed is a picture in component logic in the page to be displayed; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

3. The method according to claim 2, wherein the obtaining, from the server, the target to-be-displayed picture in the target picture format corresponding to the original to-be-displayed picture by the picture link obtaining function that proxies the path attribute of the original to-be-displayed picture, includes:

4. The method of claim 1, wherein the original picture to be displayed is a picture in a component style in the page to be displayed; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

5. The method of claim 4, wherein rendering the page to be displayed based on the target picture to be displayed comprises:

6. The method of claim 1, wherein the original picture to be displayed is a picture in a user configuration; the obtaining the target picture to be displayed in the corresponding target picture format for the original picture to be displayed in the page to be displayed includes:

7. The method according to any one of claims 1-6, wherein the determining a target picture format comprises:

8. The method of any of claims 1-6, wherein the target to-be-displayed picture volume is smaller than the volume of the original to-be-displayed picture.

9. A page display device, characterized by comprising:

10. An electronic device, comprising: at least one processor and memory;

the memory stores computer-executable instructions;

the at least one processor executing computer-executable instructions stored in the memory causes the at least one processor to perform the method of any one of claims 1-8.

11. A computer readable storage medium having stored therein computer executable instructions which when executed by a processor implement the method of any of claims 1-8.

12. A computer program product comprising computer-executable instructions which, when executed by a processor, implement the method of any of claims 1-8.