CN110634049B - Page display content processing method and device, electronic equipment and readable medium - Google Patents
Page display content processing method and device, electronic equipment and readable medium Download PDFInfo
- Publication number
- CN110634049B CN110634049B CN201910839067.7A CN201910839067A CN110634049B CN 110634049 B CN110634049 B CN 110634049B CN 201910839067 A CN201910839067 A CN 201910839067A CN 110634049 B CN110634049 B CN 110634049B
- Authority
- CN
- China
- Prior art keywords
- content
- placeholder
- component
- page
- bar
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
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
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Abstract
The embodiment of the disclosure discloses a method and a device for processing page display content, electronic equipment and a readable medium. The method is executed by a placeholder tool kit, the placeholder tool kit is applied to an application program page jump project of the electronic equipment, and the method comprises the following steps: if a page jump event is detected, acquiring content component information of a jump target page; determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content. By adopting the technical scheme provided by the embodiment of the disclosure, the effect of displaying the occupied area of the page with the content through the gray bar in the page loading process so as to prompt the user that the current page is being loaded can be achieved.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of internet, in particular to a method and a device for processing page display content, an electronic device and a readable medium.
Background
With the rapid development of the technology level, the intelligent terminal has been integrated into every corner of the life of the user, and application programs with various functions are produced accordingly. For each application, the service is provided in the form of a page, for example, an e-commerce application, and the user can know and complete shopping by jumping to a commodity detail page, a shopping cart page and an order page. For example, an application program for searching housing resources can enter a house resource list page by setting a screening condition, enter a house resource detail page by clicking one house resource, and enter a call page by clicking an online communication option. The contents displayed on different pages are different, and most pages are composed of videos, pictures and characters. The loading time of the elements in the page is different, if the loading is slow due to a network reason or a large amount of resource data of the elements, a situation that a user can only see a blank page after jumping to the page may be caused, and an unknown user even returns to the previous page to re-enter, so that the resource is reloaded, and the normal use of the user is influenced.
Disclosure of Invention
The embodiment of the disclosure provides a processing method and device for page display content, electronic equipment and a readable medium, so that an area with content in a page is displayed in an occupied mode through a gray bar in a page loading process, and a user is prompted about the effect that the current page is loaded.
In a first aspect, an embodiment of the present disclosure provides a method for processing page display content, where the method is performed by a placeholder tool kit, and the placeholder tool kit is applied to an application page jump project of an electronic device, and the method includes:
if a page jump event is detected, acquiring content component information of a jump target page;
determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position;
and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content.
Further, after obtaining the content component information of the jump target page, the method further includes:
identifying a component type of the content component information; wherein the component types comprise a text type and a picture type;
correspondingly, if it is detected that the content loading of the content component is completed, hiding the placeholder, including:
if the component type is a character type, when the network request of the jump target page is detected to be successful, determining that the content loading of the content component is completed, and hiding the placeholder bar;
and if the component type is the picture type, after the picture is loaded successfully, determining that the content loading of the content component is finished, and hiding the placeholder bar.
Further, if the component type is a text type, the method further includes:
and if the loaded text content is assigned to the text component, determining that the loading of the text component content is finished, and hiding the placeholder bar.
Further, if the component type is the picture type, after the picture is loaded successfully, it is determined that the loading of the content component is completed, including:
if the component type is the picture type, sending a picture acquisition request when the target page is jumped;
receiving a returned picture link, and loading a picture according to the picture link;
and if callback data of the picture loading completion is detected, determining that the content loading of the picture assembly is completed, and hiding the placeholder bar.
Further, obtaining content component information of the jump target page includes:
acquiring a root component of a content component of a jump target page and information of all sub-components of the root component; wherein the all sub-components are a set of all components on a root component, and the sub-component information comprises type information and position information of the sub-components;
correspondingly, according to the content component information, determining the display position of the content component in the jump target page, and displaying a placeholder bar at the display position, including:
and on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component.
Further, if at least one level of subassembly exists in the first level of subassembly, a placeholder bar is respectively established for each level of subassembly.
Further, if at least one level of subassembly exists in the first level subassembly to form the subassembly branch, the color of the placeholder bars of all levels of subassemblies on the way of the subassemblies is different from each other.
In a second aspect, an embodiment of the present disclosure further provides an apparatus for processing page display content, where the apparatus is configured in a placeholder tool kit, and the placeholder tool kit is applied to an application page jump project of an electronic device, and the apparatus includes:
the content component information acquisition module is used for acquiring content component information of a jump target page if a page jump event is detected;
the placeholder bar display module is used for determining the display position of the content assembly in the jump target page according to the content assembly information and displaying a placeholder bar at the display position;
and the placeholder bar hiding module is used for hiding the placeholder bar and displaying the loaded content if the situation that the content of the content assembly is loaded is detected to be completed.
In a third aspect, an embodiment of the present disclosure provides an electronic device, where the electronic device includes a placeholder tool kit, where the placeholder tool kit is applied to an application program page jump project of the electronic device, and the placeholder tool kit includes a memory, a processor, and a computer program that is stored in the memory and can be run on the processor, and when the computer program is executed by the processor, the processor implements a processing method of page display content according to an embodiment of the present disclosure.
In a fourth aspect, the present disclosure provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements a processing method of page display content according to an embodiment of the disclosure.
According to the technical scheme provided by the embodiment of the disclosure, the method is executed by a placeholder tool kit, the placeholder tool kit is applied to an application program page jump project of electronic equipment, and the method comprises the following steps: if a page jump event is detected, acquiring content component information of a jump target page; determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content. By configuring the placeholder bar toolkit provided by the disclosure, the effect of displaying the placeholder bar toolkit in the page in a placeholder manner through the gray bar in the page loading process so as to prompt a user that the current page is being loaded can be achieved.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.
Fig. 1 is a flowchart of a processing method of page display content provided by an embodiment of the present disclosure;
FIG. 2 is a flowchart of a method for processing page display content according to an embodiment of the present disclosure;
FIG. 3 is a schematic structural diagram of a processing apparatus for page display content provided by an embodiment of the present disclosure;
fig. 4 is a schematic structural diagram of an electronic device provided in an embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
Fig. 1 is a flowchart of a method for processing page display content according to an embodiment of the present disclosure, where the method is applicable to a case of performing page jump on an electronic device, and the method may be executed by a device for processing page display content according to an embodiment of the present disclosure, where the device may be implemented in a software and/or hardware manner and may be integrated in a placeholder tool kit, and the placeholder tool kit may be applied to any electronic device such as an intelligent terminal.
As shown in fig. 1, the processing method of the page display content includes:
and S110, if the page jump event is detected, acquiring content component information of a jump target page.
The method is executed by a placeholder tool kit, and the placeholder tool kit is applied to an application program page jump project of the electronic equipment. The placeholder toolkit may be a software development toolkit adapted to any platform. The use of the placeholder tool kit can be applied to any application page jump project in the electronic equipment. By providing the placeholder tool kit, the embodiment can avoid code redundancy caused by the fact that each platform designs the rule of the placeholder for the page jump of the application program. Moreover, the space bar rule of each entry bar is written down, and once the content of the page changes due to the upgrade of the application program, the entry bar cannot be used continuously, and needs to be updated continuously, which affects the code writing amount and maintenance work of the application program, is not beneficial to software development, and is not beneficial to the use of users.
The page jump event can be an event triggered in response to a user operation, such as a jump from a shopping cart page to a commodity detail page, or can be automatically triggered, such as an automatic jump from an A page to a B page after staying for a preset time. And if the page jump event is detected, acquiring content component information of a jump target page. The target page is a page after the jump, and when the current page jumps to the target page, the content component information of the jump target page can be acquired. The content component information of the page includes information of each component displaying each part of content in the page, for example, first behavior text of the page, the corresponding component information may include font size of the text, position in the page, such as a real pixel row and a final pixel row, and other information, and the second behavior of the page is one picture, and the corresponding component information may include information of position, size, and clarity of the picture in the page. In this embodiment, since the placeholder bar is used for displaying the content, such as text content and picture content, of the part of the page, and may be other content, the placeholder bar may be used instead as long as the position and range of the part of the content in the page are determined. The advantage of this is that the user can be prompted that the target page to which the user is currently jumping is already open and that the content is in the process of loading. The situation that the user thinks that the target page is not opened due to entering the blank page is avoided.
And S120, determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying the placeholder bar at the display position.
After the content component information is acquired, the display position of the content component in the jump target page can be determined according to the content component information, and the placeholder bar is displayed at the display position.
Specifically, the display position of the content component in the target page may be determined according to the pixel point row and the pixel point column. For example, the upper left corner of the target page is 0 rows and 0 columns, the rows of pixel points sequentially increase along the longitudinal direction, and the columns of pixel points sequentially increase along the transverse direction. For example, a row of text is located in the target page from 100 rows and 50 columns to 150 rows and 550 columns. Then the placeholder bar may be displayed in the corresponding location.
S130, if the fact that the content of the content assembly is loaded is detected to be completed, hiding the placeholder bar and displaying the loaded content.
If the content of the content component is completely loaded, the placeholder bar displayed for the content component can be hidden, and the content in the content component is displayed. In this embodiment, the time when the placeholder is hidden may be determined for the content type of the content component to which the placeholder corresponds. For example, if the content component corresponding to the current placeholder bar is a text, the placeholder bar can be hidden after jumping to the target page and detecting a network response, and thus, the text content can be loaded quickly as long as the network can respond after a new page is opened due to the fact that the bytes occupied by the text content are few.
According to the technical scheme provided by the embodiment of the disclosure, the method is executed by a placeholder tool kit, the placeholder tool kit is applied to an application program page jump project of electronic equipment, and the method comprises the following steps: if a page jump event is detected, acquiring content component information of a jump target page; determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content. By configuring the placeholder bar toolkit provided by the disclosure, the effect of displaying the placeholder bar toolkit in the page in a placeholder manner through the gray bar in the page loading process so as to prompt a user that the current page is being loaded can be achieved.
Fig. 2 is a flowchart of a processing method of page display content provided by an embodiment of the present disclosure. On the basis of the scheme, the scheme is specifically optimized as follows: after obtaining the content component information of the jump target page, the method further comprises: identifying a component type of the content component information; wherein the component types comprise a text type and a picture type; correspondingly, if it is detected that the content loading of the content component is completed, hiding the placeholder, including: if the component type is a character type, when the network request of the jump target page is detected to be successful, determining that the content loading of the content component is completed, and hiding the placeholder bar; and if the component type is the picture type, after the picture is loaded successfully, determining that the content loading of the content component is finished, and hiding the placeholder bar.
As shown in fig. 2, the processing method of the page display content includes:
s210, if the page jump event is detected, acquiring the content assembly information of the jump target page.
S220, identifying the component type of the content component information; wherein the component types include a text type and a picture type.
The component type may be a part of the component information, for example, a text type, a picture type, a video type, and the like are respectively set in a column of the component type in the component information. The component type may be determined by reading field information in a column of the component type when identifying content component information. In the present technical solution, the component types may include a text type and a picture type, and in addition, may also include function buttons and other more complex component types.
And S230, determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying the placeholder bar at the display position.
S240, if the component type is a character type, when the network request of the jump target page is detected to be successful, determining that the content loading of the content component is completed, and hiding the placeholder bar; and if the component type is the picture type, after the picture is loaded successfully, determining that the content loading of the content component is finished, and hiding the placeholder bar.
If the component type is a character type, when the network request of the jump target page is detected to be successful, the content loading of the content component is determined to be completed, and the placeholder bar is hidden. The method has the advantages that the text content in the target page can be rapidly displayed to the user, and the user is prevented from waiting for too long time. And if the component type is the picture type, after the picture is loaded successfully, determining that the loading of the content component is finished, and hiding the placeholder bar. Due to the fact that the loading of the picture content is large in data size, a certain time is usually needed to be spent, in this case, the picture can be displayed to a user after the picture content is completely loaded, and the placeholder bar is hidden. Therefore, the phenomenon that the user feels bored when browsing the target page due to the blocking of the picture loading process can be avoided.
In this technical solution, optionally, if the component type is a text type, the method further includes: and if the loaded text content is assigned to the text component, determining that the loading of the text component content is finished, and hiding the placeholder bar. If the loaded text content is detected to be assigned to the text component, the content of the text component is indicated to be loaded completely and can be displayed, the placeholder bar can be hidden, and the corresponding text content is displayed. The technical scheme has the advantages that whether the placeholder bar is hidden or not can be determined according to the text content loading condition of the text component, and the hiding time of the placeholder bar can be accurately determined.
In this technical solution, optionally, if the component type is a picture type, after the picture is successfully loaded, it is determined that the loading of the content component is completed, including: if the component type is the picture type, sending a picture acquisition request when the target page is jumped; receiving a returned picture link, and loading a picture according to the picture link; and if callback data of the picture loading completion is detected, determining that the content loading of the picture assembly is completed, and hiding the placeholder bar. The returned picture link may be a storage address of the picture, and the picture loading may be performed by accessing the link. And after the picture component finishes picture loading, generating callback data through a callback function. When the callback data is detected, it may be determined that the contents of the picture assembly have been loaded, thereby hiding the placeholder.
On the basis of the above embodiment, the embodiment provides a scheme for hidden control of placeholders of components of different types in a page, and by such setting, accuracy of placeholder control can be improved, and acceptance of a user on display of a target page in a page jumping process is improved.
On the basis of the above technical solutions, optionally, the obtaining of the content component information of the jump target page includes: acquiring a root component of a content component of a jump target page and information of all sub-components of the root component; wherein the all sub-components are a set of all components on a root component, and the sub-component information comprises type information and position information of the sub-components; correspondingly, according to the content component information, determining the display position of the content component in the jump target page, and displaying a placeholder bar at the display position, including: and on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component. The root component of the content component of the target page may be the target page component, and the sub-components may be components such as text, pictures, function buttons, etc. on the target page, where the sub-components may be stacked, for example, a text sub-component also exists on a picture sub-component. All sub-components are a collection of all components on the root component, and the sub-component information includes type information and location information of the sub-components. And on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component. The shape of the placeholder bar may include a long bar shape and a rectangular shape, and may also include other shapes, such as a circle, an ellipse, etc. After obtaining the location information for each sub-component, a placeholder bar of a corresponding form may be generated at the location. In this embodiment, the placeholder bar may be a gray bar, or may be a placeholder bar of other colors.
On the basis of the above technical solutions, optionally, if at least one level of subassembly exists in the first level of subassembly, a placeholder bar is respectively established for each level of subassembly. Wherein the placeholder established for each subcomponent may be a subcomponent of the subcomponent. A layer of placeholder bar sub-assemblies can be respectively arranged according to the sub-assemblies of different levels. The method has the advantages that the placeholder bars can be respectively hidden after the sub-component contents of all levels are loaded, and the page content display effect is improved.
On the basis of the above technical solutions, optionally, if at least one sub-assembly exists in the first-stage sub-assembly to form a sub-assembly branch, the placeholder bar colors of the sub-assemblies at different stages on the way of the sub-assembly are mutually different. For example, it may be all gray stripes, but with progressively darker gray levels, or placeholder stripes of different colors for each level subassembly, respectively. The advantage of this arrangement is that it is beneficial for the user to know how many components are loaded in the location, and it can avoid missing some detailed contents in the browsing process of the user.
Fig. 3 is a schematic structural diagram of a processing apparatus for page display content provided in an embodiment of the present disclosure. As shown in fig. 3, the apparatus is configured in a placeholder tool kit, and the placeholder tool kit is applied to an application page jump project of an electronic device, and the apparatus includes:
a content component information obtaining module 310, configured to obtain content component information of a jump target page if a page jump event is detected;
the placeholder bar display module 320 is used for determining the display position of the content component in the jump target page according to the content component information and displaying the placeholder bar at the display position;
and a placeholder bar hiding module 330, configured to hide the placeholder bar and display the loaded content if it is detected that the content of the content component is completely loaded.
According to the technical scheme provided by the embodiment of the disclosure, the method is executed by a placeholder tool kit, the placeholder tool kit is applied to an application program page jump project of electronic equipment, and the method comprises the following steps: if a page jump event is detected, acquiring content component information of a jump target page; determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content. By configuring the placeholder bar toolkit provided by the disclosure, the effect of displaying the placeholder bar toolkit in the page in a placeholder manner through the gray bar in the page loading process so as to prompt a user that the current page is being loaded can be achieved.
The product can execute the method provided by any embodiment of the disclosure, and has corresponding functional modules and beneficial effects of the execution method.
Fig. 4 is a schematic structural diagram of an electronic device provided in an embodiment of the present disclosure. Referring now to FIG. 4, a block diagram of an electronic device 400 suitable for use in implementing embodiments of the present disclosure is shown. The electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., car navigation terminals), and the like, and fixed terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 4 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 4, the electronic device 400 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 401 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)402 or a program loaded from a storage device 406 into a Random Access Memory (RAM) 403. In the RAM 403, various programs and data necessary for the operation of the electronic apparatus 400 are also stored. The processing device 401, the ROM 402, and the RAM 403 are connected to each other via a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.
Generally, the following devices may be connected to the I/O interface 405: input devices 406 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 407 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage devices 406 including, for example, magnetic tape, hard disk, etc.; and a communication device 409. The communication device 409 may allow the electronic device 400 to communicate with other devices, either wirelessly or by wire, to exchange data. While fig. 4 illustrates an electronic device 400 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 409, or from the storage means 406, or from the ROM 402. The computer program performs the above-described functions defined in the methods of the embodiments of the present disclosure when executed by the processing device 401.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination 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 present 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 contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. 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, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled 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: if a page jump event is detected, acquiring content component information of a jump target page; determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to 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 type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart 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 described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of a unit does not in some cases constitute a limitation of the unit itself, for example, the first retrieving unit may also be described as a "unit for retrieving at least two internet protocol addresses".
The functions described herein above 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: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), 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. A 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 one or more embodiments of the present disclosure, an adding method of photo markup information is provided, the method being performed by a placeholder tool kit, the placeholder tool kit being applied to an application page jump project of an electronic device, the method comprising:
if a page jump event is detected, acquiring content component information of a jump target page;
determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position;
and if the content loading of the content assembly is detected to be finished, hiding the placeholder bar and displaying the loaded content.
According to one or more embodiments of the present disclosure, [ example two ] there is provided a method of adding picture marking information, the method further including, after acquiring content component information of a jump target page:
identifying a component type of the content component information; wherein the component types comprise a text type and a picture type;
correspondingly, if it is detected that the content loading of the content component is completed, hiding the placeholder, including:
if the component type is a character type, when the network request of the jump target page is detected to be successful, determining that the content loading of the content component is completed, and hiding the placeholder bar;
and if the component type is the picture type, after the picture is loaded successfully, determining that the content loading of the content component is finished, and hiding the placeholder bar.
According to one or more embodiments of the present disclosure, [ example three ] there is provided a method for adding picture marking information, the method further including, if the component type is a text type:
and if the loaded text content is assigned to the text component, determining that the loading of the text component content is finished, and hiding the placeholder bar.
According to one or more embodiments of the present disclosure, an adding method of picture marking information is provided, where if a component type is a picture type, it is determined that loading of content of a content component is completed after a picture is successfully loaded, including:
if the component type is the picture type, sending a picture acquisition request when the target page is jumped;
receiving a returned picture link, and loading a picture according to the picture link;
and if callback data of the picture loading completion is detected, determining that the content loading of the picture assembly is completed, and hiding the placeholder bar.
According to one or more embodiments of the present disclosure, [ example five ] there is provided a method for adding picture marking information, acquiring content component information of a jump target page, including:
acquiring a root component of a content component of a jump target page and information of all sub-components of the root component; wherein the all sub-components are a set of all components on a root component, and the sub-component information comprises type information and position information of the sub-components;
correspondingly, according to the content component information, determining the display position of the content component in the jump target page, and displaying a placeholder bar at the display position, including:
and on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component.
According to one or more embodiments of the present disclosure, [ example six ] there is provided an adding method of picture marking information, wherein if there is at least one level of sub-components in a first level of sub-components, a placeholder is respectively established for each level of sub-components.
According to one or more embodiments of the present disclosure, [ example seven ] there is provided a method of adding picture marking information, wherein if at least one level of sub-components exists in a first level of sub-components, and sub-component branches are formed, the color of placeholders of sub-components at different levels on the way of the sub-components are distinguished from each other.
According to one or more embodiments of the present disclosure, an apparatus for adding picture marking information is provided, where the apparatus is configured in a placeholder tool kit, and the placeholder tool kit is applied to an application page jump project of an electronic device, and the apparatus includes:
the content component information acquisition module is used for acquiring content component information of a jump target page if a page jump event is detected;
the placeholder bar display module is used for determining the display position of the content assembly in the jump target page according to the content assembly information and displaying the placeholder bar at the display position;
and the placeholder bar hiding module is used for hiding the placeholder bar and displaying the loaded content if the situation that the content of the content assembly is loaded is detected to be completed.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Further, while 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. Under 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 limitations on the scope of the 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 disclosed as example forms of implementing the claims.
Claims (8)
1. A method for processing page display content, wherein the method is executed by a placeholder tool kit, and the placeholder tool kit is applied to an application program page jump project of an electronic device, and the method comprises the following steps:
if a page jump event is detected, acquiring content component information of a jump target page;
determining the display position of the content assembly in the jump target page according to the content assembly information, and displaying a placeholder bar at the display position; the display position of the content assembly in the target page is determined according to pixel point rows and pixel point columns;
if the content loading of the content assembly is detected to be completed, hiding the placeholder bar and displaying the loaded content;
the method for acquiring the content component information of the jump target page comprises the following steps:
acquiring a root component of a content component of a jump target page and information of all sub-components of the root component; wherein all sub-components are a set of all components on a root component, and the information of the sub-components comprises type information and position information of the sub-components;
correspondingly, according to the content component information, determining the display position of the content component in the jump target page, and displaying a placeholder bar at the display position, including:
on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component;
and if at least one level of subassembly exists in the first level of subassembly, establishing placeholders for each level of subassembly.
2. The method of claim 1, wherein after obtaining the content component information of the jump target page, the method further comprises:
identifying a component type of the content component information; wherein the component types comprise a text type and a picture type;
correspondingly, if it is detected that the content loading of the content component is completed, hiding the placeholder, including:
and if the component type is the picture type, after the picture is loaded successfully, determining that the content loading of the content component is finished, and hiding the placeholder bar.
3. The method of claim 2, wherein if the component type is a text type, the method further comprises:
and when the network request of the jump target page is detected to be successful and the loaded text content is detected to be assigned to the text component, determining that the text component content is completely loaded and hiding the placeholder bar.
4. The method of claim 2, wherein if the component type is the picture type, determining that the loading of the content component is completed after the picture loading is successful comprises:
if the component type is the picture type, sending a picture acquisition request when the target page is jumped;
receiving a returned picture link, and loading a picture according to the picture link;
and if callback data of the picture loading completion is detected, determining that the content loading of the picture assembly is completed, and hiding the placeholder bar.
5. The method of claim 1, wherein if there is at least one level of subassembly in the first level of subassembly, constituting a subassembly leg, then the placeholder bars of each level of subassembly on the way of the subassembly are distinguished from each other.
6. An apparatus for processing page display content, the apparatus being configured in a placeholder tool kit, the placeholder tool kit being applied in an application page jump project of an electronic device, the apparatus comprising:
the content component information acquisition module is used for acquiring content component information of a jump target page if a page jump event is detected;
the placeholder bar display module is used for determining the display position of the content assembly in the jump target page according to the content assembly information and displaying the placeholder bar at the display position; the display position of the content assembly in the target page is determined according to pixel point rows and pixel point columns;
the placeholder bar hiding module is used for hiding the placeholder bar and displaying the loaded content if the situation that the content of the content assembly is loaded is detected to be completed;
the content component information acquisition module is specifically configured to:
acquiring a root component of a content component of a jump target page and information of all sub-components of the root component; wherein all sub-components are a set of all components on a root component, and the information of the sub-components comprises type information and position information of the sub-components;
correspondingly, according to the content component information, determining the display position of the content component in the jump target page, and displaying a placeholder bar at the display position, including:
on the root component, determining the position of the placeholder bar in the jump target page according to the position information of the sub-component, and determining the form of the placeholder bar according to the type information of the sub-component;
and if at least one level of subassembly exists in the first level of subassembly, establishing placeholders for each level of subassembly.
7. An electronic device comprising a placeholder tool kit, wherein the placeholder tool kit is applied to an application page jump project of the electronic device, and the placeholder tool kit comprises a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor, when executing the computer program, implements the method for processing page display content according to any one of claims 1-5.
8. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out a method of processing page display content according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910839067.7A CN110634049B (en) | 2019-09-05 | 2019-09-05 | Page display content processing method and device, electronic equipment and readable medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910839067.7A CN110634049B (en) | 2019-09-05 | 2019-09-05 | Page display content processing method and device, electronic equipment and readable medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110634049A CN110634049A (en) | 2019-12-31 |
| CN110634049B true CN110634049B (en) | 2022-05-10 |
Family
ID=68971225
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910839067.7A Active CN110634049B (en) | 2019-09-05 | 2019-09-05 | Page display content processing method and device, electronic equipment and readable medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110634049B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111310086A (en) * | 2020-02-03 | 2020-06-19 | 北京无限光场科技有限公司 | Page jump method and device and electronic equipment |
| CN111290799B (en) * | 2020-02-06 | 2023-09-19 | 北京字节跳动网络技术有限公司 | Component loading method and device, electronic equipment and storage medium |
| CN111475381B (en) * | 2020-04-03 | 2021-08-20 | 支付宝(杭州)信息技术有限公司 | Page rendering detection method and device |
| CN112417331A (en) * | 2020-11-11 | 2021-02-26 | 北京五八信息技术有限公司 | Page routing method and device, electronic equipment and computer-readable storage medium |
| CN113177176A (en) * | 2021-05-21 | 2021-07-27 | 脸萌有限公司 | Feature construction method, content display method and related device |
| CN113760438A (en) * | 2021-09-22 | 2021-12-07 | 京东科技信息技术有限公司 | Page display method and device for webpage application |
| CN114237755A (en) * | 2021-12-20 | 2022-03-25 | 百度在线网络技术（北京）有限公司 | Application running method and device, electronic equipment and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106294339A (en) * | 2015-05-12 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The method and device Loaded Image in application |
| CN107644018A (en) * | 2016-07-20 | 2018-01-30 | 平安科技（深圳）有限公司 | picture loading method and device |
| CN107818008A (en) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | page loading method and device |
| CN109344352A (en) * | 2018-08-09 | 2019-02-15 | 广州优视网络科技有限公司 | Page loading method, device and electronic equipment |
| CN109582899A (en) * | 2018-10-26 | 2019-04-05 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN110187878A (en) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | A kind of page generation method and device |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103500194A (en) * | 2013-09-17 | 2014-01-08 | 北京奇虎科技有限公司 | Method, device and browser for loading webpage |
| JP2021512364A (en) * | 2018-02-04 | 2021-05-13 | ウィックス．コム リミテッド． | Systems and methods for handling overlapping objects in a visual editing system |
-
2019
- 2019-09-05 CN CN201910839067.7A patent/CN110634049B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106294339A (en) * | 2015-05-12 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The method and device Loaded Image in application |
| CN107644018A (en) * | 2016-07-20 | 2018-01-30 | 平安科技（深圳）有限公司 | picture loading method and device |
| CN107818008A (en) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | page loading method and device |
| CN109344352A (en) * | 2018-08-09 | 2019-02-15 | 广州优视网络科技有限公司 | Page loading method, device and electronic equipment |
| CN109582899A (en) * | 2018-10-26 | 2019-04-05 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN110187878A (en) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | A kind of page generation method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110634049A (en) | 2019-12-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110634049B (en) | Page display content processing method and device, electronic equipment and readable medium | |
| CN109857486B (en) | Method, device, equipment and medium for processing program page data | |
| CN110619100B (en) | Method and apparatus for acquiring data | |
| CN110874172B (en) | Method, device, medium and electronic equipment for amplifying APP interface | |
| CN111309416B (en) | Information display method, device and equipment of application interface and readable medium | |
| CN110618811B (en) | Information presentation method and device | |
| CN110717126A (en) | Page browsing method and device, electronic equipment and computer readable storage medium | |
| CN116048337A (en) | Page display method, device, equipment and storage medium | |
| CN112579218B (en) | User interface display method and device, computer readable medium and electronic equipment | |
| CN109684015B (en) | Interface data loading method and device, electronic equipment and storage medium | |
| CN114185463A (en) | Form processing method and device, electronic equipment and storage medium | |
| CN113836415A (en) | Information recommendation method, device, medium and equipment | |
| CN112035092A (en) | Form processing method, device, equipment and readable medium | |
| CN112306469A (en) | Barrier-free component construction method, device, equipment and storage medium | |
| CN111104626B (en) | Information storage method and device | |
| CN113220293B (en) | Page display method, page display device, electronic equipment and computer readable medium | |
| CN111310031B (en) | House source information display method, device, terminal and storage medium | |
| CN117667710A (en) | Determination method, test method, device, medium and equipment for page test case | |
| CN117707389A (en) | Information processing method, device, electronic equipment and storage medium | |
| CN117435180A (en) | Page component adding method and device | |
| CN116795339A (en) | Service interface generation method, device, equipment and storage medium | |
| CN116401173A (en) | Test case generation method and device, medium and electronic equipment | |
| CN113760586A (en) | Picture detection method and device | |
| CN117649459A (en) | Image drawing method, data generating method and device | |
| CN117493217A (en) | Test case generation method and device, readable medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230419 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Patentee after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Patentee before: Beijing infinite light field technology Co.,Ltd. |