WO2023138464A1 - 内容显示方法、装置、存储介质及电子设备 - Google Patents

内容显示方法、装置、存储介质及电子设备 Download PDF

Info

Publication number
WO2023138464A1
WO2023138464A1 PCT/CN2023/071866 CN2023071866W WO2023138464A1 WO 2023138464 A1 WO2023138464 A1 WO 2023138464A1 CN 2023071866 W CN2023071866 W CN 2023071866W WO 2023138464 A1 WO2023138464 A1 WO 2023138464A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
content
display
box
content box
Prior art date
Application number
PCT/CN2023/071866
Other languages
English (en)
French (fr)
Inventor
蒋圣
Original Assignee
北京有竹居网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京有竹居网络技术有限公司 filed Critical 北京有竹居网络技术有限公司
Publication of WO2023138464A1 publication Critical patent/WO2023138464A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Definitions

  • the present disclosure relates to the field of computer technology, and in particular, to a content display method, device, storage medium and electronic equipment.
  • the subsystem pages are often embedded into the parent system pages through iframe tags.
  • the components and styles of the subsystem page embedded through the iframe tag are isolated from the parent system page. Therefore, in the subsystem page embedded through the iframe tag, if the modal box is triggered, the modal box will be centered relative to the subsystem page, but not centered relative to the parent system page.
  • the present disclosure provides a content display method, the method comprising:
  • the content box is displayed centrally on the second page based on the position offset.
  • the present disclosure provides a content display device, the device comprising:
  • the first determination module is configured to determine a first display parameter of the content box on the first page, a position parameter of the first page on the second page, and a second display parameter of the second page in response to a trigger operation for the content box in the first page, and the first page is displayed by embedding the second page through an iframe tag;
  • the second determining module is configured to determine a position offset of the content frame relative to the second page according to the first display parameter, the second display parameter, and the position parameter, and the position offset is used to control the position of the content frame in the Centered display on the second page;
  • the first display module is configured to display the content box in the center of the second page based on the position offset.
  • the present disclosure provides a computer-readable medium on which a computer program is stored, and when the program is executed by a processing device, the steps of the method described in the first aspect are implemented.
  • an electronic device including:
  • a processing device configured to execute the computer program in the storage device to implement the steps of the method in the first aspect.
  • FIG. 1 is a schematic diagram of page embedding through an iframe tag in the related art
  • Fig. 2 is a schematic diagram of displaying a modal frame in a subsystem page in a related art
  • Fig. 3 is a flow chart showing a content display method according to an exemplary embodiment of the present disclosure
  • Fig. 4 is a schematic diagram of displaying a modal frame in a content display method according to an exemplary embodiment of the present disclosure
  • Fig. 5 is a schematic diagram of a comparison of a message box displayed in a content display method shown in the related art and an exemplary embodiment of the present disclosure
  • Fig. 6 is a schematic diagram of determining a first display parameter, a position parameter and a second display parameter in a content display method according to an exemplary embodiment of the present disclosure
  • Fig. 7 is a schematic diagram of the comparison of the modal frame display process in a content display method shown in the related art and an exemplary embodiment of the present disclosure
  • Fig. 8 is a schematic diagram of displaying a modal frame on a subsystem page in another related art
  • Fig. 9 is a schematic diagram of displaying a modal frame in a content display method according to another exemplary embodiment of the present disclosure.
  • Fig. 10 is a block diagram of a content display device according to an exemplary embodiment of the present disclosure.
  • Fig. 11 is a block diagram of an electronic device according to an exemplary embodiment of the present disclosure.
  • the term “comprise” and its variations are open-ended, ie “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 further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
  • the subsystem pages are usually embedded into the parent system pages through iframe tags.
  • the components and styles of the subsystem page embedded through the iframe tag are isolated from the parent system page. Therefore, in the subsystem page embedded through the iframe tag, if the modal box is triggered, the modal box will be centered relative to the subsystem page, but not centered relative to the parent system page.
  • the parent system page is the entire page
  • the subsystem page is the iframe area in the entire page.
  • the modal box will be centered relative to the subsystem page (ie, the iframe area) instead of being centered relative to the entire page.
  • the present disclosure provides a content display method to center the content frame triggered in the subsystem page relative to the parent system page in the scene of page embedding through an iframe tag, thereby reducing page development cost and improving page development efficiency.
  • Fig. 3 is a flowchart of a content display method according to an exemplary embodiment of the present disclosure.
  • the inner Content display methods include:
  • Step 301 in response to a trigger operation on the content box on the first page, determine a first display parameter of the content box on the first page, a position parameter of the first page on the second page, and a second display parameter of the second page.
  • the first page is embedded into the second page through an iframe tag for display.
  • Step 302 according to the first display parameter, the second display parameter and the position parameter, determine the position offset of the content frame relative to the second page, and the position offset is used to control the content box to be displayed in the center of the second page.
  • Step 303 centering and displaying the content frame on the second page based on the position offset.
  • the first page may be embedded into the second page through an iframe tag
  • the first page may be a subsystem page
  • the second page may be a parent system page
  • the content box may include a modal box for receiving user interaction operations on the page or a message box for prompting a message to the user on the page.
  • the modal box is centered relative to the width of the subsystem page.
  • the modal box can be displayed in the center of the entire page. If the triggered content box is a message box for prompting a message to the user on the page, referring to the left part of FIG. 5 , according to the related art, the message box is centered relative to the width of the subsystem page. Referring to the right part of FIG. 5 , according to the content display method provided by the present disclosure, the message box can be centered relative to the entire page width.
  • the triggering operation on the content box is an operation for triggering the display of the content box. If the content box is a modal box for receiving user interaction operations on the page, the triggering operation may be an operation such as clicking or long-pressing an existing control on the first page. If the content box is a message box for prompting the user with a message on the page, the triggering operation may be a receiving or generating operation of the message by the user terminal.
  • a modal box for asking the user to confirm the submission may be displayed, and the modal box may display a first control for the user to select "Yes" and a second control for the user to select "No".
  • the click operation on the "Submit” button is the trigger operation on the modal box.
  • the user terminal may display a message box for prompting the message.
  • the receiving operation of the user terminal on the message is the triggering operation for the message box.
  • a first display parameter of the content box on the first page, a position parameter of the first page on the second page, and a second display parameter of the second page may be determined.
  • the first display parameter of the content frame on the first page may include the first width offset m_left of the triggered content frame relative to the first page, the first height offset m_top of the content frame relative to the first page, the width m_width of the content frame and the height of the content frame m_height
  • the position parameter of the first page on the second page may include the second width offset if_left of the first page relative to the second page and the second height offset if_top of the first page relative to the second page
  • the second display parameter may include the width vp_width of the second page and the height vp_height of the second page
  • determining the first display parameter of the content box on the first page may be: based on the content box identification information included in the trigger operation, calling the target content box in the content box component library, wherein a plurality of content boxes are preset in the content box component library, and each content box in the content box component library has a preset display parameter, and the preset display parameter is used to control the centered display of the corresponding content box on the page that triggers the content box, and then determine the preset display parameter of the target content box as the first display parameter.
  • the display process of the content box in the related art is: trigger the content box, then call the corresponding content box in the content box component library based on the content box identification information included in the trigger operation, and finally display the called content box.
  • the corresponding modal box is called in the modal box component library, and then the called modal box is displayed.
  • this method cannot make the content box be displayed in the center relative to the embedded page (ie, the second page or the parent system page mentioned above).
  • the target content box may be called in the content box component library based on the content box identification information included in the trigger operation.
  • There are multiple content boxes preset in the content box component library and each content box in the content box component library has a preset display parameter, and the preset display parameter is used to control the centered display of the corresponding content box on the page that triggers the content box.
  • the preset display parameter of the target content box can be determined as the first display parameter, so that the position offset can be subsequently determined based on the first display parameter, and the display position of the content box can be adjusted based on the position offset, finally realizing the centered display of the content box on the embedded page.
  • a modal box event is sent to the modal box component library.
  • the modal box event may be generated based on the trigger operation on the modal box, and may include the identification information of the triggered modal box.
  • the target modal box is called from the modal box component library to obtain the preset display parameters of the target modal box, that is, the first display parameter can be obtained.
  • the display position of the modal frame can be adjusted based on the first display parameter. In this process, the adjustment of the position of the modal frame ends, that is, the call to the modal frame ends.
  • the modal box can be displayed in the center of the embedded page.
  • interception processing can be performed during the process of calling the content box component library, so as to adjust the position of the called content box to realize the centered display of the content box on the embedded page.
  • This kind of interception process encapsulates the original content box component library, and does not interfere with the business side (such as the business system or business system page that triggers the content box) and the call results, which can further reduce the page development cost and improve the page development efficiency.
  • the page source code of the second page records the position parameter of the first page on the second page.
  • determining the position parameter of the first page on the second page may be: in response to the trigger operation on the content box on the first page, sending a notification event to the second page, and the notification event is used to trigger the second page to return the position parameter of the first page on the second page recorded in the page source code, and then receive the information returned by the second page The position parameter of the first page in the second page.
  • the embodiment of the present disclosure may directly obtain the position parameter of the first page on the second page from the page source code of the second page.
  • the first page embeds the second page through the iframe tag, and the iframe tag is independent, and the components and styles of the page embedded through the iframe tag are isolated from the embedded page.
  • the first page in response to a trigger operation on the content box on the first page, the first page sends a notification event to the second page, so as to trigger the second page to return the position parameter of the first page on the second page recorded in the page source code. Afterwards, the first page receives the position parameter of the first page on the second page returned by the second page.
  • the communication between the first page and the second page may be realized through PostMessage, which is not limited in this embodiment of the present disclosure.
  • the position parameter of the first page on the second page recorded in the page source code of the second page can be obtained, and no additional position determination operation is required to determine the position parameter of the first page on the second page, which can further reduce the cost of page development and improve the efficiency of page development.
  • the position offset of the content box relative to the second page may be determined according to the first display parameter, the second display parameter, and the position parameter.
  • determining the first display parameter of the content box on the first page, the position parameter of the first page on the second page, and the second display parameter of the second page may be: determining the first width offset of the content box relative to the first page, the first height offset of the content box relative to the first page, the width of the content box, and the height of the content box as the first display parameter of the content box on the first page, determining the second width offset of the first page relative to the second page and the second height offset of the first page relative to the second page as position parameters of the first page on the second page, and determining the width of the second page and the height of the second page Determined as the second display parameter.
  • the position offset of the content box relative to the second page can be determined.
  • the first width offset, the second width offset, and the half width of the content box may be subtracted from the half width of the second page to obtain the target width offset of the content box relative to the second page, where the positive or negative of the target width offset is used to represent the direction of the width offset of the content box relative to the second page.
  • the target width offset and the target height offset are determined as position offsets of the content box relative to the second page.
  • the target width offset and the target height offset can be determined according to the following formula:
  • offset_x vp_width/2-if_left-m_left-m_width/2
  • offset_y vp_height/2-if_top-m_top-m_height/2
  • offset_x indicates the target width offset
  • a positive value indicates a right offset
  • a negative value indicates a left offset
  • offset_y indicates a target height offset
  • a positive value indicates an upward offset
  • a negative value indicates a downward offset.
  • the position offset of the content box relative to the second page may also be determined based on the first width offset, the first height offset, the width of the content box, the height of the content box, the second width offset, the second height offset, the width of the second page, and the height of the second page, which is not limited in this embodiment of the present disclosure.
  • the content frame may be displayed centrally on the second page based on the position offset.
  • the original display position parameter of the content frame may be adjusted based on the position offset to obtain a target position parameter for displaying the content frame in the center of the second page, thereby controlling the display of the content frame based on the target position parameter and realizing the centered display of the content frame on the second page.
  • the original display position parameter of the content box may be a parameter for the centered display of the content box relative to the first page, and this parameter includes the width position parameter of the center point of the content box along the width direction and the height position parameter of the center point of the content box along the height direction when the content box is displayed centered on the first page.
  • the position offset may include a target height offset and a target width offset of the content box relative to the second page, wherein the target height offset is used to control the centering of the content box at the height of the second page, and the target width offset is used to control the centering of the content box at the width of the second page.
  • the width position parameter may be adjusted based on the target width offset
  • the height position parameter may be adjusted based on the target height offset, so as to center the content box on the second page.
  • the display of the modal frame may have a corresponding background mask to shield the interaction between other user interface objects and the user.
  • the background mask of the modal box will only target the embedded page, but not the embedded page.
  • the unmasked area of the embedded page can respond to user interaction, which does not meet the expected display requirements of the modal box in actual business.
  • the present disclosure may also display a background mask on the upper layer of the second page while displaying the content box in the center of the second page based on the position offset, and the background mask is used to cover the page display area corresponding to the second page.
  • the background mask of the modal box is shown in a grayscale area.
  • the modal box The background mask is only for the subsystem page (i.e. the first page).
  • the navbar area and sidebar area in the parent system page are not covered by the background mask, that is, the navbar area and sidebar area in the parent system page can respond to user interaction, which does not meet the expected display requirements of the modal box in the actual business.
  • the method provided by the embodiment of the present disclosure referring to FIG.
  • the background mask of the modal frame can cover the entire page (ie, the second page), and the user can interact with the modal frame, but other user interface objects except the modal frame cannot interact with the user, which meets the expected display requirements of the modal frame in actual business.
  • the background mask corresponding to the content frame can be displayed for the entire second page, avoiding the interaction between the user and the page objects other than the content frame during the display process of the content frame, which can not only meet the expected display requirements of the modal frame in actual business, but also reduce unnecessary page development costs and improve page development efficiency.
  • an embodiment of the present disclosure also provides a content display device, which can become part or all of an electronic device through software, hardware or a combination of both.
  • the content display device 1000 includes:
  • the first determination module 1001 is configured to determine a first display parameter of the content box on the first page, a position parameter of the first page on the second page, and a second display parameter of the second page in response to a trigger operation on the content box on the first page, and the first page is displayed by embedding the second page through an iframe tag;
  • the second determination module 1002 is configured to determine a position offset of the content frame relative to the second page according to the first display parameter, the second display parameter, and the position parameter, and the position offset is used to control the centered display of the content frame on the second page;
  • the first display module 1003 is configured to center and display the content box on the second page based on the position offset.
  • the device 1000 also includes:
  • the second display module is configured to display a background mask on an upper layer of the second page while displaying the content box centered on the second page based on the position offset, and the background mask is used to cover a page display area corresponding to the second page.
  • the content box includes: a modal box for receiving user interaction operations on the page or a message box for prompting a message to the user on the page.
  • the page source code of the second page records the position parameter of the first page on the second page, and the first determining module 1001 is used for:
  • the notification event is used to trigger the second page to return the position parameter of the first page on the second page recorded in the page source code;
  • a position parameter of the first page on the second page returned by the second page is received.
  • the first determination module 1001 is used for:
  • the target content box in the content box component library Based on the content box identification information included in the triggering operation, call the target content box in the content box component library, wherein a plurality of content boxes are preset in the content box component library, and each of the content boxes in the content box component library has preset display parameters, and the preset display parameters are used to control the corresponding content box to be displayed in the center of the page that triggers the content box;
  • the preset display parameter of the target content box is determined as the first display parameter.
  • the first determination module 1001 is used for:
  • the first width offset of the content box relative to the first page, the first height offset of the content box relative to the first page, the width of the content box and the height of the content box are determined as the first display parameters of the content box on the first page
  • the second width offset of the first page relative to the second page and the second height offset of the first page relative to the second page are determined as position parameters of the first page on the second page
  • the width of the second page and the height of the second page are determined as second display parameters.
  • the second determination module 1002 is used for:
  • the target width offset and the target height offset are determined as position offsets of the content frame relative to the second page.
  • the present disclosure also provides a non-transitory computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processing device, the steps of any of the above-mentioned content display methods are implemented.
  • an electronic device including:
  • a processing device configured to execute the computer program in the storage device, so as to realize the steps of any one of the above content display methods.
  • FIG. 11 it shows a schematic structural diagram of an electronic device 1100 suitable for implementing the embodiments of the present disclosure.
  • the terminal equipment in the embodiments of the present disclosure may include, but not limited to, such as mobile phones, notebook computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), vehicle-mounted terminals (such as Mobile terminals such as car navigation terminals) and fixed terminals such as digital TVs, desktop computers and the like.
  • the electronic device shown in FIG. 11 is only an example, and should not limit the functions and application scope of the embodiments of the present disclosure.
  • an electronic device 1100 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 1101, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1102 or a program loaded from a storage device 1108 into a random access memory (RAM) 1103.
  • ROM read-only memory
  • RAM random access memory
  • various programs and data necessary for the operation of the electronic device 1100 are also stored.
  • the processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other through a bus 1104.
  • An input/output (I/O) interface 1105 is also connected to the bus 1104 .
  • the following devices can be connected to the I/O interface 1105: an input device 1106 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109.
  • the communication means 1109 may allow the electronic device 1100 to perform wireless or wired communication with other devices to exchange data. While FIG. 11 shows electronic device 1100 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from a network via communication means 1109, or from storage means 1108, or from ROM 1102.
  • the processing device 1101 the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.
  • the computer-readable medium mentioned above in the present disclosure may 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 electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to, electrical connections having one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. contained on computer readable media
  • Program code may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
  • any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol) can be used for communication, and can be interconnected with any form or medium of digital data communication (for example, a communication network).
  • Examples of communication networks include local area networks ("LANs”), wide area networks ("WANs”), internetworks (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 networks.
  • LANs local area networks
  • WANs wide area networks
  • Internet internetworks
  • peer-to-peer networks e.g., ad hoc peer-to-peer networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: in response to a trigger operation for the content box in the first page, determine a first display parameter of the content box on the first page, a position parameter of the first page on the second page, and a second display parameter of the second page, and the first page is displayed by embedding an iframe tag into the second page; according to the first display parameter, the second display parameter, and the position parameter, determine a position offset of the content box relative to the second page, and the position offset is used for controlling the content box to be displayed centrally on the second page; and displaying the content box centrally on the second page based on the position offset.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and conventional procedural programming languages—such as the “C” 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.
  • the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider).
  • LAN local area network
  • WAN wide area network
  • Internet service provider e.g., via the Internet using an Internet service provider
  • each block in the flowchart or block diagram may represent a module, program segment, or portion of code that includes one or more executable instructions for implementing specified logical functions.
  • 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 they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • modules involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the module does not constitute a limitation on the module itself under certain circumstances.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs System on Chips
  • CPLDs Complex Programmable Logic Devices
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
  • a 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, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
  • a machine-readable storage medium would include one or more wire-based electrical connections, a portable computer disk, a hard disk, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM compact disk read only memory
  • magnetic storage devices or any suitable combination of the foregoing.
  • Example 1 provides a content display method, the method including:
  • the content box is displayed centrally on the second page based on the position offset.
  • Example 2 provides the method of Example 1, the method further comprising:
  • a background mask is displayed on an upper layer of the second page, and the background mask is used to cover a page display area corresponding to the second page.
  • Example 3 provides the method of Example 1 or 2, the content box includes: a modal box for receiving user interaction operations on the page or a message box for prompting a message to the user on the page.
  • Example 4 provides the method of Example 1 or 2, wherein the position parameter of the first page on the second page is recorded in the page source code of the second page, and the position parameter of the first page on the second page is determined in response to a trigger operation for the content box on the first page, including:
  • the notification In response to a trigger operation on the content box in the first page, sending a notification event to the second page, the notification The known event is used to trigger the second page to return the position parameter of the first page on the second page recorded in the page source code;
  • a position parameter of the first page on the second page returned by the second page is received.
  • Example 5 provides the method of Example 1 or 2, determining the first display parameter of the content box on the first page, including:
  • the target content box in the content box component library Based on the content box identification information included in the triggering operation, call the target content box in the content box component library, wherein a plurality of content boxes are preset in the content box component library, and each of the content boxes in the content box component library has preset display parameters, and the preset display parameters are used to control the corresponding content box to be displayed in the center of the page that triggers the content box;
  • the preset display parameter of the target content box is determined as the first display parameter.
  • Example 6 provides the method of Example 1 or 2, determining the first display parameter of the content box on the first page, the position parameter of the first page on the second page, and the second display parameter of the second page, including:
  • the first width offset of the content box relative to the first page, the first height offset of the content box relative to the first page, the width of the content box and the height of the content box are determined as the first display parameters of the content box on the first page
  • the second width offset of the first page relative to the second page and the second height offset of the first page relative to the second page are determined as position parameters of the first page on the second page
  • the width of the second page and the height of the second page are determined as second display parameters.
  • Example 7 provides the method of Example 1 or 2, determining the position offset of the content frame relative to the second page according to the first display parameter, the second display parameter, and the position parameter of the first page on the second page, including:
  • the target width offset and the target height offset are determined as position offsets of the content frame relative to the second page.
  • Example 8 provides a content display device, the device comprising:
  • the first determination module is configured to determine that the content box in the first page responds to a trigger operation on the content box in the first page.
  • the first display parameter of the page, the position parameter of the first page on the second page and the second display parameter of the second page, the first page is displayed by embedding the second page through an iframe tag;
  • a second determining module configured to determine a position offset of the content frame relative to the second page according to the first display parameter, the second display parameter, and the position parameter, and the position offset is used to control the centered display of the content frame on the second page;
  • the first display module is configured to display the content box in the center of the second page based on the position offset.
  • Example 9 provides a computer-readable medium on which a computer program is stored, and when the program is executed by a processing device, the steps of any one of the methods described in Examples 1-7 are implemented.
  • Example 10 provides an electronic device, comprising:
  • a processing device configured to execute the computer program in the storage device to implement the steps of any one of the methods in Examples 1-7.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及一种内容显示方法、装置、存储介质及电子设备。该方法包括：响应于针对第一页面中内容框的触发操作，确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数。其中，第一页面通过iframe标签嵌入第二页面进行显示；根据第一显示参数、第二显示参数和位置参数，确定内容框相对于第二页面的位置偏移量，该位置偏移量用于控制内容框在第二页面中进行居中显示；基于位置偏移量在第二页面居中显示内容框。

Description

内容显示方法、装置、存储介质及电子设备
本公开要求于2022年01月20日提交的，申请名称为“内容显示方法、装置、存储介质及电子设备”的、中国专利申请号为“202210068507.5”的优先权，该中国专利申请的全部内容通过引用结合在本公开中。
技术领域
本公开涉及计算机技术领域，具体地，涉及一种内容显示方法、装置、存储介质及电子设备。
背景技术
在多个业务***页面的继承中，往往通过iframe标签将子***页面嵌入到父***页面。但是，由于iframe标签的独立性，通过iframe标签嵌入的子***页面的组件和样式均与父***页面隔离。因此，在通过iframe标签嵌入的子***页面中，如果触发模态框，则模态框会相对子***页面进行居中显示，而不会相对父***页面进行居中显示。
但是实际业务场景中，期望的是模态框相对父***页面居中，因此相关技术通常会放弃使用iframe标签，将子***页面和父***页面进行融合开发，增加了不必要的页面开发成本。
发明内容
提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
第一方面，本公开提供一种内容显示方法，所述方法包括：
响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
基于所述位置偏移量在所述第二页面居中显示所述内容框。
第二方面，本公开提供一种内容显示装置，所述装置包括：
第一确定模块，用于响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
第二确定模块，用于根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述 第二页面中进行居中显示；
第一显示模块，用于基于所述位置偏移量在所述第二页面居中显示所述内容框。
第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面中所述方法的步骤。
第四方面，本公开提供一种电子设备，包括：
存储装置，其上存储有计算机程序；
处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面中所述方法的步骤。
通过上述技术方案，可以响应于针对内容框的触发操作，确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数，然后根据第一显示参数、第二显示参数和位置参数，确定内容框相对于第二页面的位置偏移量，从而基于该位置偏移量在第二页面居中显示内容框。即，可以在通过iframe标签进行页面嵌入的场景下，将在第一页面触发的内容框在第二页面进行居中显示，相较于相关技术中融合开发的方式，可以减少页面开发成本，提高页面开发效率。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
图1是相关技术中通过iframe标签进行页面嵌入的示意图；
图2是一相关技术中在子***页面中显示模态框的示意图；
图3是根据本公开一示例性实施例示出的一种内容显示方法的流程图；
图4是根据本公开一示例性实施例示出的一种内容显示方法中显示模态框的示意图；
图5是相关技术和本公开一示例性实施例示出的一种内容显示方法中显示消息框的比对示意图；
图6是根据本公开一示例性实施例示出的一种内容显示方法中确定第一显示参数、位置参数和第二显示参数的示意图；
图7是相关技术和本公开一示例性实施例示出的一种内容显示方法中模态框显示过程的比对示意图；
图8是另一相关技术中在子***页面中显示模态框的示意图；
图9是根据本公开另一示例性实施例示出的一种内容显示方法中显示模态框的示意图；
图10是根据本公开一示例性实施例示出的一种内容显示装置的框图；
图11是根据本公开一示例性实施例示出的一种电子设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
正如背景技术所言，在多个业务***页面的继承中，往往通过iframe标签将子***页面嵌入到父***页面。但是，由于iframe标签的独立性，通过iframe标签嵌入的子***页面的组件和样式均与父***页面隔离。因此，在通过iframe标签嵌入的子***页面中，如果触发模态框，则模态框会相对子***页面进行居中显示，而不会相对父***页面进行居中显示。例如，参照图1，父***页面为整个页面，子***页面为整个页面中的iframe区。再参照图2，如果在子***页面中触发模态框，则该模态框会相对子***页面(即iframe区)居中，而不会相对于整个页面居中。
但是实际业务场景中，期望的是模态框相对父***页面居中，因此相关技术通常会放弃使用iframe标签，将子***页面和父***页面进行融合开发，增加了不必要的页面开发成本。
有鉴于此，本公开提供一种内容显示方法，以在通过iframe标签进行页面嵌入的场景下，将子***页面中触发的内容框相对父***页面进行居中显示，减少页面开发成本，提高页面开发效率。
图3是根据本公开一示例性实施例示出的一种内容显示方法的流程图。参照图3，该内 容显示方法包括：
步骤301，响应于针对第一页面中内容框的触发操作，确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数。其中，第一页面通过iframe标签嵌入第二页面进行显示。
步骤302，根据第一显示参数、第二显示参数和位置参数，确定内容框相对于第二页面的位置偏移量，该位置偏移量用于控制内容框在第二页面中进行居中显示。
步骤303，基于位置偏移量在第二页面居中显示内容框。
示例地，第一页面通过iframe标签嵌入第二页面，则在多业务***的页面继承中，第一页面可以是子***页面，第二页面可以是父***页面。
示例地，内容框可以包括用于在页面上接收用户交互操作的模态框或用于在页面上向用户进行消息提示的消息框。在触发的内容框为用于在页面上接收用户交互操作的模态框的情况下，参照图2，按照相关技术的方式，该模态框相对子***页面宽度居中。参照图4，按照本公开提供的内容显示方式，该模态框可以在整个页面居中显示。若触发的内容框为用于在页面上向用户进行消息提示的消息(message)框，参照图5的左部分，按照相关技术的方式，该消息框相对子***页面宽度居中。而参照图5的右部分，按照本公开提供的内容显示方式，该消息框可以相对整个页面宽度居中。
其中，对内容框的触发操作为用于触发内容框显示的操作。若内容框为用于在页面上接收用户交互操作的模态框，则触发操作可以是对第一页面中已有控件的点击、长按等操作。若内容框为用于在页面上向用户进行消息提示的消息框，则触发操作可以是用户终端对消息的接收操作或生成操作等。
例如，用户在第一页面中点击了“提交”按钮，可以显示用于询问用户是否确认提交的模态框，该模态框可以显示供用户选择“是”的第一控件和供用户选择“否”的第二控件。在此场景下，针对“提交”按钮的点击操作即为对模态框的触发操作。又例如，用户终端接收到了来自其他用户的消息，可以显示用于进行消息提示的消息框。在此场景下，用户终端对消息的接收操作即为针对消息框的触发操作。
在本公开实施例中，响应于针对第一页面中内容框的触发操作，可以确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数。
例如，参照图6，内容框在第一页面的第一显示参数可以包括触发的内容框相对第一页面的第一宽度偏移量m_left、内容框相对于第一页面的第一高度偏移量m_top、内容框的宽度m_width和内容框m_height的高度，第一页面在第二页面的位置参数可以包括第一页面相对第二页面的第二宽度偏移量if_left和第一页面相对第二页面的第二高度偏移量if_top，第二显示参数可以包括第二页面的宽度vp_width和第二页面的高度vp_height，本公开实施 例对于第一显示参数、位置参数和第二显示参数的具体内容不作限定。
在可能的方式中，确定内容框在第一页面的第一显示参数可以是：基于触发操作包括的内容框标识信息，在内容框组件库中调用目标内容框，其中内容框组件库中预设有多个内容框，且内容框组件库中的每一内容框具有预设显示参数，该预设显示参数用于控制对应的内容框在触发内容框的页面进行居中显示，然后将目标内容框的预设显示参数确定为第一显示参数。
应当理解的是，相关技术中内容框的显示过程为：触发内容框，然后基于触发操作包括的内容框标识信息，在内容框组件库中调用对应的内容框，最后将调用的内容框进行显示。比如，参照图7上部分，在触发模态框后，在模态框组件库中调用对应的模态框，然后将调用的模态框进行显示。但在通过iframe标签进行页面嵌入的场景下，此种方式无法使得内容框相对被嵌入页面(即上文所述的第二页面或父***页面)进行居中显示。
在本公开实施例中，在触发内容框后，可以基于触发操作包括的内容框标识信息，在内容框组件库中调用目标内容框。其中内容框组件库中预设有多个内容框，且内容框组件库中的每一内容框具有预设显示参数，该预设显示参数用于控制对应的内容框在触发内容框的页面进行居中显示。然后，可以将目标内容框的预设显示参数确定为第一显示参数，从而后续可以基于该第一显示参数确定位置偏移量，并基于该位置偏移量对内容框的显示位置进行调整，最终实现内容框在被嵌入页面的居中显示。
例如，参照图7下部分，在触发模态框后，发送模态框事件到模态框组件库，该模态框事件可以是基于对模态框的触发操作而生成的，可以包括被触发的模态框的标识信息。然后基于该标识信息从模态框组件库调用目标模态框，得到该目标模态框的预设显示参数，即可以得到第一显示参数。之后，可以基于该第一显示参数调整模态框的显示位置。在该过程中，对模态框的位置调整结束，即是对模态框的调用结束。最后，则可以在被嵌入页面中居中显示模态框。
通过上述方式，在通过iframe标签进行页面嵌入的场景下，可以在调用内容框组件库的过程中进行拦截处理，从而对调用的内容框进行位置调整以实现内容框在被嵌入页面的居中显示。此种拦截处理，将原来的内容框组件库进行了封装，对业务方(比如触发内容框的业务***或业务***页面)和调用结果均没有干扰，可以进一步减少页面开发成本，提高页面开发效率。
在可能的方式中，第二页面的页面源码中记录有第一页面在第二页面的位置参数。相应地，响应于针对第一页面中内容框的触发操作，确定第一页面在第二页面的位置参数可以是：响应于针对第一页面中内容框的触发操作，向第二页面发送通知事件，该通知事件用于触发第二页面返回页面源码中记录的第一页面在第二页面的位置参数，然后接收第二页面返回的 第一页面在第二页面的位置参数。
应当理解的是，第一页面通过iframe标签嵌入第二页面，在开发过程中，第二页面的页面源码中会记录第一页面在第二页面的位置参数。因此，为了减少不必要的参数确定操作，本公开实施例可以直接从第二页面的页面源码中获取第一页面在第二页面的位置参数。但是，第一页面通过iframe标签嵌入第二页面，且iframe标签具有独立性，通过iframe标签嵌入的页面的组件和样式均与被嵌入页面隔离。因此，本公开实施例首先响应于针对第一页面中内容框的触发操作，第一页面向第二页面发送通知事件，以触发第二页面返回页面源码中记录的第一页面在第二页面的位置参数。之后，第一页面接收第二页面返回的第一页面在第二页面的位置参数。在此过程中，可以通过PostMessage实现第一页面和第二页面之间的通信，本公开实施例对此不作限定。
由此，可以在第一页面和第二页面相互隔离的情况下，获取到第二页面的页面源码中记录的第一页面在第二页面的位置参数，无需额外的位置确定操作来确定第一页面在第二页面的位置参数，可以进一步减少页面开发成本，提高页面开发效率。
在确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数之后，可以根据该第一显示参数、第二显示参数和位置参数，确定内容框相对于第二页面的位置偏移量。
在可能的方式中，确定内容框在第一页面的第一显示参数、第一页面在第二页面的位置参数和第二页面的第二显示参数可以是：将内容框相对第一页面的第一宽度偏移量、内容框相对第一页面的第一高度偏移量、内容框的宽度和内容框的高度确定为内容框在第一页面的第一显示参数，将第一页面相对第二页面的第二宽度偏移量和第一页面相对第二页面的第二高度偏移量确定为第一页面在第二页面的位置参数，将第二页面的宽度和第二页面的高度确定为第二显示参数。
也即是说，后续可以基于第一宽度偏移量、第一高度偏移量、内容框的宽度、内容框的高度、第二宽度偏移量、第二高度偏移量、第二页面的宽度和第二页面的高度，确定内容框相对于第二页面的位置偏移量。
在可能的方式中，可以在第二页面的二分之一宽度的基础上，减去第一宽度偏移量、第二宽度偏移量和内容框的二分之一宽度，得到内容框相对于第二页面的目标宽度偏移量，其中目标宽度偏移量的正负用于表征内容框相对于第二页面的宽度偏移方向。在第二页面的二分之一高度的基础上，减去第一高度偏移量、第二高度偏移量和内容框的二分之一高度，得到内容框相对于第二页面的目标高度偏移量，其中目标高度偏移量的正负用于表征内容框相对于第二页面的高度偏移方向。然后，将目标宽度偏移量和目标高度偏移量确定为内容框相对于第二页面的位置偏移量。
例如，参照图6，可以按照如下公式确定目标宽度偏移量和目标高度偏移量：
offset_x＝vp_width/2-if_left-m_left-m_width/2
offset_y＝vp_height/2-if_top-m_top-m_height/2
其中，offset_x表示目标宽度偏移量，正值表示往右偏移，负值表示往左偏移，offset_y表示目标高度偏移量，正值表示往上偏移，负值表示往下偏移。
通过此种方式，在通过iframe标签进行页面嵌入的场景下，对于内容框的改动和干扰较小，计算得到的偏移量可以直接传入内容框进行位置调整，无需重复计算，不仅可以实现内容框相对被嵌入页面居中的效果，还可以减少页面开发成本，提高页面开发效率。
应当理解的是，在实际应用中也可以通过其他方式，基于第一宽度偏移量、第一高度偏移量、内容框的宽度、内容框的高度、第二宽度偏移量、第二高度偏移量、第二页面的宽度和第二页面的高度，确定内容框相对于第二页面的位置偏移量，本公开实施例对此不作限定。
在确定内容框相对于第二页面的位置偏移量后，可以基于该位置偏移量在第二页面中居中显示内容框。
示例地，可以基于位置偏移量调整内容框的原有显示位置参数，得到使内容框在第二页面中居中显示的目标位置参数，从而基于该目标位置参数控制内容框的显示，实现内容框在第二页面的居中显示。
例如，参照上文所述的方式，内容框的原有显示位置参数可以是内容框相对第一页面居中显示的参数，该参数包括内容框在第一页面居中显示时内容框中心点沿宽度方向的宽度位置参数和内容框中心点沿高度方向的高度位置参数。并且，位置偏移量可以包括内容框相对于第二页面的目标高度偏移量和目标宽度偏移量，其中目标高度偏移量用于控制内容框在第二页面高度居中，目标宽度偏移量用于控制内容框在第二页面宽度居中。相应地，可以基于目标宽度偏移量调整宽度位置参数，并基于目标高度偏移量调整高度位置参数，以在第二页面居中显示内容框。
在实际应用中，当一个模态框打开时，期望的是用户与该模态框进行交互，而除模态框外的其他用户界面对象无法与用户进行交互。因此，模态框的显示可以对应有背景遮罩，以屏蔽其他用户界面对象与用户的交互。在通过iframe标签进行页面嵌入的场景下，在嵌入页面(即第一页面)触发模态框后，由于嵌入页面和被嵌入页面的相互隔离，模态框的背景遮罩只会针对嵌入页面，而不会针对被嵌入页面，从而导致被嵌入页面中未被遮罩的区域可以响应用户的交互，不符合实际业务中对模态框的期望显示要求。
为了解决该问题，本公开还可以在基于位置偏移量在第二页面居中显示内容框的同时，在第二页面的上层显示背景遮罩，该背景遮罩用于覆盖第二页面对应的页面显示区域。
例如，参照图8，以灰度区域示意模态框的背景遮罩，按照相关技术的方式，该模态框 的背景遮罩仅针对子***页面(即第一页面)。在父***页面中的navbar区域和sidebar区域均未被背景遮罩覆盖，即父***页面中的navbar区域和sidebar区域可以响应用户的交互，不符合实际业务中模态框的期望显示要求。而按照本公开实施例提供的方式，参照图9，在模态框相对整个页面(即第二页面)居中显示时，该模态框的背景遮罩可以覆盖整个页(即第二页面)，用户可以与该模态框进行交互，而除模态框外的其他用户界面对象无法与用户进行交互，符合实际业务中模态框的期望显示要求。
通过上述方式，在第二页面中居中显示内容框的同时，可以针对整个第二页面显示内容框对应的背景遮罩，避免内容框显示过程中用户与除内容框以外的页面对象的交互，既可以满足实际业务中模态框的期望显示要求，又可以减少不必要的页面开发成本，提高页面开发效率。
基于同一发明构思，本公开实施例还提供一种内容显示装置，该装置可以通过软件、硬件或者两者结合的方式成为电子设备的部分或全部。参照图10，该内容显示装置1000包括：
第一确定模块1001，用于响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
第二确定模块1002，用于根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
第一显示模块1003，用于基于所述位置偏移量在所述第二页面居中显示所述内容框。
在一些实施例中，所述装置1000还包括：
第二显示模块，用于在基于所述位置偏移量在所述第二页面居中显示所述内容框的同时，在所述第二页面的上层显示背景遮罩，所述背景遮罩用于覆盖所述第二页面对应的页面显示区域。
在一些实施例中，所述内容框包括：用于在页面上接收用户交互操作的模态框或用于在页面上向用户进行消息提示的消息框。
在一些实施例中，所述第二页面的页面源码中记录有所述第一页面在所述第二页面的位置参数，所述第一确定模块1001用于：
响应于针对所述第一页面中内容框的触发操作，向所述第二页面发送通知事件，所述通知事件用于触发所述第二页面返回所述页面源码中记录的所述第一页面在所述第二页面的位置参数；
接收所述第二页面返回的所述第一页面在所述第二页面的位置参数。
在一些实施例中，所述第一确定模块1001用于：
基于所述触发操作包括的内容框标识信息，在内容框组件库中调用目标内容框，其中所述内容框组件库中预设有多个内容框，且所述内容框组件库中的每一所述内容框具有预设显示参数，所述预设显示参数用于控制对应的内容框在触发所述内容框的页面进行居中显示；
将所述目标内容框的预设显示参数确定为第一显示参数。
在一些实施例中，所述第一确定模块1001用于：
将所述内容框相对所述第一页面的第一宽度偏移量、所述内容框相对所述第一页面的第一高度偏移量、所述内容框的宽度和所述内容框的高度确定为所述内容框在所述第一页面的第一显示参数，将所述第一页面相对所述第二页面的第二宽度偏移量和所述第一页面相对所述第二页面的第二高度偏移量确定为所述第一页面在所述第二页面的位置参数，将所述第二页面的宽度和所述第二页面的高度确定为第二显示参数。
在一些实施例中，所述第二确定模块1002用于：
在所述第二页面的二分之一宽度的基础上，减去所述第一宽度偏移量、所述第二宽度偏移量和所述内容框的二分之一宽度，得到所述内容框相对于所述第二页面的目标宽度偏移量，其中所述目标宽度偏移量的正负用于表征所述内容框相对于所述第二页面的宽度偏移方向；
在所述第二页面的二分之一高度的基础上，减去所述第一高度偏移量、所述第二高度偏移量和所述内容框的二分之一高度，得到所述内容框相对于所述第二页面的目标高度偏移量，其中所述目标高度偏移量的正负用于表征所述内容框相对于所述第二页面的高度偏移方向；
将所述目标宽度偏移量和所述目标高度偏移量确定为所述内容框相对于所述第二页面的位置偏移量。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
基于同一构思，本公开还提供一种非临时性计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现上述任一内容显示方法的步骤。
基于同一构思，本公开还提供一种电子设备，包括：
存储装置，其上存储有计算机程序；
处理装置，用于执行所述存储装置中的所述计算机程序，以实现上述任一内容显示方法的步骤。
下面参考图11，其示出了适于用来实现本公开实施例的电子设备1100的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例 如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图11示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图11所示，电子设备1100可以包括处理装置(例如中央处理器、图形处理器等)1101，其可以根据存储在只读存储器(ROM)1102中的程序或者从存储装置1108加载到随机访问存储器(RAM)1103中的程序而执行各种适当的动作和处理。在RAM 1103中，还存储有电子设备1100操作所需的各种程序和数据。处理装置1101、ROM 1102以及RAM 1103通过总线1104彼此相连。输入/输出(I/O)接口1105也连接至总线1104。
通常，以下装置可以连接至I/O接口1105：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1106；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置1107；包括例如磁带、硬盘等的存储装置1108；以及通信装置1109。通信装置1109可以允许电子设备1100与其他设备进行无线或有线通信以交换数据。虽然图11示出了具有各种装置的电子设备1100，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1109从网络上被下载和安装，或者从存储装置1108被安装，或者从ROM 1102被安装。在该计算机程序被处理装置1101执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的 程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；基于所述位置偏移量在所述第二页面居中显示所述内容框。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实 现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上***(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种内容显示方法，所述方法包括：
响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
基于所述位置偏移量在所述第二页面居中显示所述内容框。
根据本公开的一个或多个实施例，示例2提供了示例1的方法，所述方法还包括：
在基于所述位置偏移量在所述第二页面居中显示所述内容框的同时，在所述第二页面的上层显示背景遮罩，所述背景遮罩用于覆盖所述第二页面对应的页面显示区域。
根据本公开的一个或多个实施例，示例3提供了示例1或2的方法，所述内容框包括：用于在页面上接收用户交互操作的模态框或用于在页面上向用户进行消息提示的消息框。
根据本公开的一个或多个实施例，示例4提供了示例1或2的方法，所述第二页面的页面源码中记录有所述第一页面在所述第二页面的位置参数，响应于针对第一页面中内容框的触发操作，确定所述第一页面在第二页面的位置参数，包括：
响应于针对所述第一页面中内容框的触发操作，向所述第二页面发送通知事件，所述通 知事件用于触发所述第二页面返回所述页面源码中记录的所述第一页面在所述第二页面的位置参数；
接收所述第二页面返回的所述第一页面在所述第二页面的位置参数。
根据本公开的一个或多个实施例，示例5提供了示例1或2的方法，确定所述内容框在第一页面的第一显示参数，包括：
基于所述触发操作包括的内容框标识信息，在内容框组件库中调用目标内容框，其中所述内容框组件库中预设有多个内容框，且所述内容框组件库中的每一所述内容框具有预设显示参数，所述预设显示参数用于控制对应的内容框在触发所述内容框的页面进行居中显示；
将所述目标内容框的预设显示参数确定为第一显示参数。
根据本公开的一个或多个实施例，示例6提供了示例1或2的方法，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，包括：
将所述内容框相对所述第一页面的第一宽度偏移量、所述内容框相对所述第一页面的第一高度偏移量、所述内容框的宽度和所述内容框的高度确定为所述内容框在所述第一页面的第一显示参数，将所述第一页面相对所述第二页面的第二宽度偏移量和所述第一页面相对所述第二页面的第二高度偏移量确定为所述第一页面在所述第二页面的位置参数，将所述第二页面的宽度和所述第二页面的高度确定为第二显示参数。
根据本公开的一个或多个实施例，示例7提供了示例1或2的方法，根据所述第一显示参数、所述第二显示参数和所述第一页面在所述第二页面的位置参数，确定所述内容框相对于所述第二页面的位置偏移量，包括：
在所述第二页面的二分之一宽度的基础上，减去所述第一宽度偏移量、所述第二宽度偏移量和所述内容框的二分之一宽度，得到所述内容框相对于所述第二页面的目标宽度偏移量，其中所述目标宽度偏移量的正负用于表征所述内容框相对于所述第二页面的宽度偏移方向；
在所述第二页面的二分之一高度的基础上，减去所述第一高度偏移量、所述第二高度偏移量和所述内容框的二分之一高度，得到所述内容框相对于所述第二页面的目标高度偏移量，其中所述目标高度偏移量的正负用于表征所述内容框相对于所述第二页面的高度偏移方向；
将所述目标宽度偏移量和所述目标高度偏移量确定为所述内容框相对于所述第二页面的位置偏移量。
根据本公开的一个或多个实施例，示例8提供了一种内容显示装置，所述装置包括：
第一确定模块，用于响应于针对第一页面中内容框的触发操作，确定所述内容框在第一 页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
第二确定模块，用于根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
第一显示模块，用于基于所述位置偏移量在所述第二页面居中显示所述内容框。
根据本公开的一个或多个实施例，示例9提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现示例1-7中任一项所述方法的步骤。
根据本公开的一个或多个实施例，示例10提供了一种电子设备，包括：
存储装置，其上存储有计算机程序；
处理装置，用于执行所述存储装置中的所述计算机程序，以实现示例1-7中任一项所述方法的步骤。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

Claims (10)

  1. 一种内容显示方法，其中，所述方法包括：
    响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
    根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
    基于所述位置偏移量在所述第二页面居中显示所述内容框。
  2. 根据权利要求1所述的方法，其中，所述方法还包括：
    在基于所述位置偏移量在所述第二页面居中显示所述内容框的同时，在所述第二页面的上层显示背景遮罩，所述背景遮罩用于覆盖所述第二页面对应的页面显示区域。
  3. 根据权利要求1或2所述的方法，其中，所述内容框包括：用于在页面上接收用户交互操作的模态框或用于在页面上向用户进行消息提示的消息框。
  4. 根据权利要求1或2所述的方法，其中，所述第二页面的页面源码中记录有所述第一页面在所述第二页面的位置参数，响应于针对第一页面中内容框的触发操作，确定所述第一页面在第二页面的位置参数，包括：
    响应于针对所述第一页面中内容框的触发操作，向所述第二页面发送通知事件，所述通知事件用于触发所述第二页面返回所述页面源码中记录的所述第一页面在所述第二页面的位置参数；
    接收所述第二页面返回的所述第一页面在所述第二页面的位置参数。
  5. 根据权利要求1或2所述的方法，其中，确定所述内容框在第一页面的第一显示参数，包括：
    基于所述触发操作包括的内容框标识信息，在内容框组件库中调用目标内容框，其中所述内容框组件库中预设有多个内容框，且所述内容框组件库中的每一所述内容框具有预设显示参数，所述预设显示参数用于控制对应的内容框在触发所述内容框的页面进行居中显示；
    将所述目标内容框的预设显示参数确定为第一显示参数。
  6. 根据权利要求1或2所述的方法，其中，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，包括：
    将所述内容框相对所述第一页面的第一宽度偏移量、所述内容框相对所述第一页面的第一高度偏移量、所述内容框的宽度和所述内容框的高度确定为所述内容框在所述第一页面的第一显示参数，将所述第一页面相对所述第二页面的第二宽度偏移量和所述第一页面相对所述第二页面的第二高度偏移量确定为所述第一页面在所述第二页面的位置参数，将所述第二页面的宽度和所述第二页面的高度确定为第二显示参数。
  7. 根据权利要求6所述的方法，其中，根据所述第一显示参数、所述第二显示参数和所述第一页面在所述第二页面的位置参数，确定所述内容框相对于所述第二页面的位置偏移量，包括：
    在所述第二页面的二分之一宽度的基础上，减去所述第一宽度偏移量、所述第二宽度偏移量和所述内容框的二分之一宽度，得到所述内容框相对于所述第二页面的目标宽度偏移量，其中所述目标宽度偏移量的正负用于表征所述内容框相对于所述第二页面的宽度偏移方向；
    在所述第二页面的二分之一高度的基础上，减去所述第一高度偏移量、所述第二高度偏移量和所述内容框的二分之一高度，得到所述内容框相对于所述第二页面的目标高度偏移量，其中所述目标高度偏移量的正负用于表征所述内容框相对于所述第二页面的高度偏移方向；
    将所述目标宽度偏移量和所述目标高度偏移量确定为所述内容框相对于所述第二页面的位置偏移量。
  8. 一种内容显示装置，其中，所述装置包括：
    第一确定模块，用于响应于针对第一页面中内容框的触发操作，确定所述内容框在第一页面的第一显示参数、所述第一页面在第二页面的位置参数和所述第二页面的第二显示参数，所述第一页面通过iframe标签嵌入所述第二页面进行显示；
    第二确定模块，用于根据所述第一显示参数、所述第二显示参数和所述位置参数，确定所述内容框相对于所述第二页面的位置偏移量，所述位置偏移量用于控制所述内容框在所述第二页面中进行居中显示；
    第一显示模块，用于基于所述位置偏移量在所述第二页面居中显示所述内容框。
  9. 一种计算机可读介质，其上存储有计算机程序，其中，该程序被处理装置执行时实现权利要求1-7中任一项所述方法的步骤。
  10. 一种电子设备，其中，包括：
    存储装置，其上存储有计算机程序；
    处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1-7中任一项所述方法的步骤。
PCT/CN2023/071866 2022-01-20 2023-01-12 内容显示方法、装置、存储介质及电子设备 WO2023138464A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210068507.5A CN114489896B (zh) 2022-01-20 2022-01-20 内容显示方法、装置、存储介质及电子设备
CN202210068507.5 2022-01-20

Publications (1)

Publication Number Publication Date
WO2023138464A1 true WO2023138464A1 (zh) 2023-07-27

Family

ID=81472991

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/071866 WO2023138464A1 (zh) 2022-01-20 2023-01-12 内容显示方法、装置、存储介质及电子设备

Country Status (2)

Country Link
CN (1) CN114489896B (zh)
WO (1) WO2023138464A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114489896B (zh) * 2022-01-20 2024-04-30 北京有竹居网络技术有限公司 内容显示方法、装置、存储介质及电子设备
CN115167730A (zh) * 2022-05-20 2022-10-11 阿里巴巴（中国）有限公司 页面处理方法、装置及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111008054A (zh) * 2019-11-15 2020-04-14 支付宝(杭州)信息技术有限公司 页面显示方法、设备及电子设备
US10817145B1 (en) * 2018-11-06 2020-10-27 Centergy Consulting, LLC System and method for seamlessly integrating an iframe into a webpage
CN113626743A (zh) * 2021-08-04 2021-11-09 挂号网（杭州）科技有限公司 确定目标展示页面的方法、装置、电子设备及存储介质
CN114489896A (zh) * 2022-01-20 2022-05-13 北京有竹居网络技术有限公司 内容显示方法、装置、存储介质及电子设备

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102117290B (zh) * 2009-12-30 2015-03-18 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及***
CN103294672B (zh) * 2012-02-23 2017-05-10 腾讯科技（深圳）有限公司 一种用于实现跨域拖动的方法、***和装置
US20160203113A1 (en) * 2015-01-08 2016-07-14 Connor Francis Doherty Interactive Inline Frame and Webpage
CN111324347B (zh) * 2020-02-06 2023-08-18 北京字节跳动网络技术有限公司 组件构造方法、装置、***、页面生成方法、设备及介质
CN111797344A (zh) * 2020-07-09 2020-10-20 平安国际智慧城市科技股份有限公司 页面跳转显示方法、装置、计算机设备及存储介质
CN112099891B (zh) * 2020-09-10 2024-01-12 亚信科技（南京）有限公司 弹窗展示方法、装置、电子设备及计算机可读存储介质
CN113099285A (zh) * 2021-03-30 2021-07-09 上海哔哩哔哩科技有限公司 展示方法及装置
CN113190776B (zh) * 2021-05-11 2022-11-01 上海哔哩哔哩科技有限公司 弹窗展示方法与***

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10817145B1 (en) * 2018-11-06 2020-10-27 Centergy Consulting, LLC System and method for seamlessly integrating an iframe into a webpage
CN111008054A (zh) * 2019-11-15 2020-04-14 支付宝(杭州)信息技术有限公司 页面显示方法、设备及电子设备
CN113626743A (zh) * 2021-08-04 2021-11-09 挂号网（杭州）科技有限公司 确定目标展示页面的方法、装置、电子设备及存储介质
CN114489896A (zh) * 2022-01-20 2022-05-13 北京有竹居网络技术有限公司 内容显示方法、装置、存储介质及电子设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
ANONYMOUS: "apply postMessage", 15 November 2019 (2019-11-15), XP093079792, Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/91283553> [retrieved on 20230907] *

Also Published As

Publication number Publication date
CN114489896B (zh) 2024-04-30
CN114489896A (zh) 2022-05-13

Similar Documents

Publication Publication Date Title
WO2023138464A1 (zh) 内容显示方法、装置、存储介质及电子设备
WO2021068634A1 (zh) 页面跳转方法、装置、电子设备及计算机可读存储介质
WO2021135626A1 (zh) 菜单项选择方法、装置、可读介质及电子设备
WO2021114979A1 (zh) 视频页面显示方法、装置、电子设备和计算机可读介质
US11861381B2 (en) Icon updating method and apparatus, and electronic device
WO2021190129A1 (zh) 页面处理方法、装置、电子设备及计算机可读存储介质
CN112269959B (zh) 展示内容的控制方法、装置、可读介质和电子设备
WO2023216942A1 (zh) 媒体内容的拍摄方法、装置、设备、存储介质和程序产品
CN111782329B (zh) 节点拖拽方法、装置、设备和计算机可读介质
WO2024146380A1 (zh) 作品可见权限的设置方法、装置、电子设备和存储介质
WO2024131571A1 (zh) 互动方法、装置、电子设备和存储介质
WO2024083149A1 (zh) 媒体内容处理方法、装置和电子设备
WO2021227953A1 (zh) 图像特效配置方法、图像识别方法、装置及电子设备
WO2024078471A1 (zh) 工作项信息的查看方法、装置、电子设备及存储介质
WO2024022179A1 (zh) 媒体内容的显示方法、装置、电子设备和存储介质
US11962929B2 (en) Method, apparatus, and device for configuring video special effect, and storage medium
WO2023072070A1 (zh) 显示控制方法、装置和电子设备
CN115086305B (zh) 信息处理方法、装置、电子设备和存储介质
WO2022184012A1 (zh) 一种文档创建方法、装置、设备及存储介质
US20230418470A1 (en) Data processing method and apparatus, and electronic device
WO2022127897A1 (zh) 通信方法、客户端、服务器控制方法和存储介质
WO2021068964A1 (zh) 窗口排列方法、装置、终端及存储介质
CN109710576B (zh) 文件展示的方法、终端及存储介质
CN112306469A (zh) 一种无障碍组件构建方法、装置、设备及存储介质
CN110083283A (zh) 用于管理信息的方法、装置和***

Legal Events

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

Ref document number: 23742779

Country of ref document: EP

Kind code of ref document: A1