Webpage splitting method and device, electronic equipment, medium and product

Abstract

The application provides a webpage split-screen method and device, electronic equipment, medium and product, and relates to the technical field of Internet. The method comprises the following steps: acquiring a split-screen layout template selected by a user and a plurality of current pages selected by the user; rendering a plurality of layout modules according to the split-screen layout template selected by the user; storing page information of the current pages in data of corresponding layout modules according to a correspondence relationship between the current pages and the layout modules set by the user; finding the layout module corresponding to the current page and the page information stored in the data of the layout module according to a request sent by the current page; processing a field for defending click jacking in a request header field of the current page; and rendering a split-screen page corresponding to the current page in the corresponding layout module. According to the above scheme, the field for defending click jacking in the request header field is processed, a plurality of webpage contents can be simultaneously rendered in one webpage, and split-screen contents can be uniformly managed.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a webpage split-screen method, apparatus, electronic device, medium, and product. Background Technology

[0002] As internet functions expand and user demands increase, users will open multiple web pages simultaneously to access information. For example, users may use web pages for searching, shopping, discussion, and sharing at the same time.

[0003] However, when using multiple web pages simultaneously, users need to frequently switch between the display levels of the web pages, and the rendering of different web pages is completely independent. Users can only operate on the web pages one by one, which is a cumbersome process and affects the user's efficiency. Summary of the Invention

[0004] This application provides a webpage splitting method, apparatus, electronic device, medium, and product for unified management of split-screen webpages.

[0005] In a first aspect, this application provides a webpage split-screen method, comprising: obtaining a split-screen layout template selected by the user and multiple current pages selected by the user; rendering multiple layout modules according to the split-screen layout template selected by the user; storing the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user; searching for the layout module corresponding to the current page and the page information stored in the data of the layout module according to the request issued by the current page; processing the click-hijacking prevention field in the request header field issued by the current page, and rendering the split-screen page corresponding to the current page in the corresponding layout module.

[0006] In one possible implementation, the step of processing the anti-clickjacking field in the request header field issued by the current page includes: filtering the frame settings field in the request header field issued by the current page; and / or adding an extension field to the frame parent field of the content security policy in the request header field issued by the current page.

[0007] In one possible implementation, the method further includes: loading a browser plugin; the browser plugin includes a background persistent page directory, a pop-up page directory, and a container directory; wherein, the background persistent page directory stores data of the layout module and field settings for handling clickjacking prevention, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to the layout module, and the container directory stores rendering page settings.

[0008] In one possible implementation, storing the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user includes: creating a current page list based on the multiple current pages selected by the user; in response to the user's operation of selecting a current page from the current page list and dragging it to the layout module, constructing a key-value pair using the page code of the dragged page as the key and the page information of the dragged page as the value; and storing the key-value pair in the data of the layout module to which the page was dragged in the background persistent page directory.

[0009] In one possible implementation, the step of searching for the layout module corresponding to the current page and the page information stored in the layout module's data according to the request issued by the current page includes: obtaining the page code of the current page according to the request issued by the current page; and searching for the page information corresponding to the page code of the current page and the layout module corresponding to the current page in the key-value pairs stored in the background persistent page directory.

[0010] Secondly, this application provides a webpage split-screen device, comprising: an acquisition module, configured to acquire a user-selected split-screen layout template and multiple user-selected current pages; render multiple layout modules according to the user-selected split-screen layout template; a storage module, configured to store the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user; a rendering module, configured to find the layout module corresponding to the current page and the page information stored in the data of the layout module according to a request issued by the current page; process the anti-clickjacking field in the request header field issued by the current page; and render the split-screen page corresponding to the current page in the corresponding layout module.

[0011] In one possible implementation, the rendering module is specifically configured to filter the frame settings field in the request header field issued by the current page; and / or, the rendering module is further configured to add an extension field to the frame parent field of the content security policy in the request header field issued by the current page.

[0012] In one possible implementation, the device further includes: a loading module for loading a browser plugin; the browser plugin includes a background persistent page directory, a pop-up page directory, and a container directory; wherein the background persistent page directory stores data of the layout module and field settings for handling clickjacking prevention, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to the layout module, and the container directory stores rendering page settings.

[0013] In one possible implementation, the apparatus further includes: a data module, configured to create a current page list based on the multiple current pages selected by the user; the data module is further configured to, in response to the user's operation of selecting a current page from the current page list and dragging it to the layout module, construct a key-value pair using the page code of the dragged page as the key and the page information of the dragged page as the value; the data module is further configured to store the key-value pair in the data of the layout module to which the page is dragged in a background persistent page directory.

[0014] In one possible implementation, the device further includes: a lookup module, configured to obtain the page code of the current page based on a request issued by the current page; the lookup module is further configured to search for page information corresponding to the page code of the current page and the layout module corresponding to the current page in the key-value pairs stored in the background persistent page directory.

[0015] Thirdly, this application provides an electronic device, including: a processor, and a memory communicatively connected to the processor; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory to implement the method described in any one of the first aspects.

[0016] Fourthly, this application provides a computer-readable storage medium storing computer-executable instructions, which are executed by a processor as described in any one of the first aspects.

[0017] Fifthly, this application provides a computer program product, including a computer program, characterized in that the computer program is executed by a processor using the method described in any one of the first aspects.

[0018] This application provides a webpage split-screen method, apparatus, electronic device, medium, and product. The method includes: obtaining a user-selected split-screen layout template and multiple user-selected current pages; rendering multiple layout modules based on the user-selected split-screen layout template; storing the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user; searching for the layout module corresponding to the current page and the page information stored in the layout module's data based on a request issued by the current page; processing the anti-clickjacking field in the request header field issued by the current page; and rendering the split-screen page corresponding to the current page in the corresponding layout module. This solution, by processing the anti-clickjacking field in the request header field, can render multiple webpage contents simultaneously on a single webpage, thereby achieving unified management of split-screen content. Attached Figure Description

[0019] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0020] Figure 1 This is a schematic diagram illustrating an application scenario of a webpage split-screen method provided in an embodiment of this application;

[0021] Figure 2 This is a flowchart illustrating a webpage split-screen method provided in Embodiment 1 of this application;

[0022] Figure 3 This is an example of a browser plugin directory structure provided in an embodiment of this application;

[0023] Figure 4 Examples of layout modules provided in embodiments of this application;

[0024] Figure 5 This is a structural example diagram of a webpage split-screen device provided in Embodiment 2 of this application;

[0025] Figure 6 This is a block diagram of a webpage split-screen device provided in Embodiment 3 of this application;

[0026] Figure 7 This is a schematic diagram of the structure of an electronic device provided in Embodiment 4 of this application.

[0027] The accompanying drawings illustrate specific embodiments of this application, which will be described in more detail below. These drawings and descriptions are not intended to limit the scope of the concept in any way, but rather to illustrate the concept of this application to those skilled in the art through reference to particular embodiments. Detailed Implementation

[0028] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this application as detailed in the appended claims.

[0029] First, let's explain the terms involved:

[0030] Clickjacking: Overlaying an inline frame onto a webpage used by a user, tricking the user into clicking on the inline frame.

[0031] Figure 1This illustration shows an application scenario of a webpage split-screen method provided in this application. The scenario illustrated illustrates how this application displays the content of multiple webpages in a split-screen format within the same webpage. Users can simultaneously browse the content of multiple webpages on the split-screen page, and can manage the content of multiple webpages uniformly, such as closing or refreshing the webpage.

[0032] For example, in related technologies, when a user browses webpages A and B, they need to click refresh on both webpage A and webpage B. In this application, when the user clicks refresh on a split-screen page, all content within the split-screen page refreshes simultaneously, thereby reducing the number of user operations.

[0033] The technical solutions of this application will be described in detail below with reference to specific embodiments. These specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. In the description of this application, unless otherwise expressly specified and limited, the terms should be broadly understood within the art. The embodiments of this application will now be described with reference to the accompanying drawings.

[0034] Example 1

[0035] Figure 2 This is a flowchart illustrating a webpage split-screen method provided in Embodiment 1 of this application. The method includes the following steps:

[0036] S201. Obtain the split-screen layout template selected by the user and the multiple current pages selected by the user; render multiple layout modules according to the split-screen layout template selected by the user.

[0037] S202. Based on the correspondence between the current page and the layout module set by the user, store the page information of the current page in the data of the corresponding layout module;

[0038] S203. Based on the request issued by the current page, locate the layout module corresponding to the current page and the page information stored in the data of the layout module; process the anti-click hijacking field in the request header field issued by the current page, and render the split-screen page corresponding to the current page in the corresponding layout module.

[0039] As an example, the execution subject of this embodiment can be a webpage split-screen device, which can be implemented in various ways. For example, it can be program software, or a medium storing relevant computer programs, such as a USB flash drive; or, the device can also be a physical device that integrates or installs relevant computer programs, such as a chip, a smart terminal, a computer, a server, etc.

[0040] In one example, the webpage split-screen method includes: creating a browser plugin, constructing an extension package for the browser plugin, loading the extension package according to the user's selection, and obtaining the browser plugin.

[0041] As one possible implementation method, such as Figure 3 As shown, Figure 3 This is an example of a browser plugin directory structure. `background.js` is the directory for the persistent background page, `popup.html` is the directory for the popup page, and `container.html` is the container directory. This browser plugin is compatible with multiple browser types.

[0042] Based on the above implementation methods, storing information through browser plugins can ensure the accuracy of the information and can be widely used in various types of browsers.

[0043] Furthermore, in one example, the webpage split-screen method includes: loading a browser plugin; the browser plugin includes a background persistent page directory, a pop-up page directory, and a container directory; wherein, the background persistent page directory stores data of the layout module and field settings for handling clickjacking prevention, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to the layout module, and the container directory stores rendering page settings.

[0044] In a scenario example, the background persistent page is the page with the longest lifespan in the plugin; it opens when the browser is open and closes when the browser is closed. The pop-up page directory stores information related to user interaction. The container directory stores rendering page settings for unified management of split-screen pages. For example, when the user clicks refresh, all pages in the split-screen simultaneously render the refreshed page.

[0045] Based on the above implementation methods, the stability of information can be guaranteed by storing the layout module data in the background persistent page and setting fields to handle click hijacking prevention.

[0046] In one example, S201 includes: setting split-screen parameters according to the split-screen layout template selected by the user; and rendering multiple layout modules according to the split-screen parameters.

[0047] As one possible implementation method, such as Figure 4 As shown, Figure 4 This is an example of a layout module. Here, `width` represents the proportion of the current layout's width to the parent layout's width, `height` represents the proportion of the current layout's height to the parent layout's height, `child` represents the child layouts contained within the current layout, `dir` indicates the arrangement of the child layouts, `row` indicates horizontal arrangement, and `col` indicates vertical arrangement. For example... Figure 4As shown, the first level of code describes a layout that completely fills the entire screen, the second level of code describes a two-column layout with each column occupying 50% of the width, and the third level describes a layout that divides the left column into two columns, each occupying 50% of the height. The layout module is obtained from the code.

[0048] As an example, users can customize the layout of the layout module.

[0049] Based on the above implementation methods, the layout modules rendered according to the user's selection are more in line with the user's usage habits, thereby improving the user experience.

[0050] In one example, S202 includes: creating a current page list based on the multiple current pages selected by the user; in response to the user's operation of selecting a current page from the current page list and dragging it to the layout module, constructing a key-value pair using the page code of the dragged page as the key and the page information of the dragged page as the value; and storing the key-value pair in the data of the layout module to which the page was dragged in the background resident page directory.

[0051] One possible implementation is to use a webpage algorithm to set drag-and-drop attributes for the current page list, allowing users to drag list modules from the current page list onto the layout module. Each page information includes page browsing data, which allows the current page to be restored at any time. Page information is stored as key-value pairs and retrieved only when needed.

[0052] Based on the above implementation methods, storing page information in key-value pairs can improve data security.

[0053] The above scheme provides an example of storing page information. The following section will provide an example of retrieving page information.

[0054] In one example, S203 includes: obtaining the page code of the current page based on the request issued by the current page; and searching for the page information corresponding to the page code of the current page and the layout module corresponding to the current page in the key-value pairs stored in the background persistent page directory.

[0055] As one possible implementation, in the background persistent page directory, key-value pairs are stored in the data of the layout module corresponding to the current page.

[0056] Based on the above implementation method, the page information corresponding to the current page and the layout module corresponding to the current page can be found by using the key-value pairs stored in the data of the layout module.

[0057] In one example, S203 includes: filtering the frame settings field in the request header field issued by the current page; and / or adding an extension field to the frame parent field of the content security policy in the request header field issued by the current page.

[0058] In a scenario example, clickjacking is a visual deception technique. Attackers typically use a transparent, invisible inline frame to overlay a normal webpage, tricking users into clicking the transparent inline frame without their knowledge. By adjusting the position of the inline frame, attackers can lure users to click on functional buttons within it. Attackers can also combine this with other methods to carry out various attacks. To defend against clickjacking, there are generally two approaches: one is to add a field to the frame settings field in the request header of the normal page to prevent nested frames, thus preventing the attacker's inline frame from overlaying the normal page. The other is to set a content security policy field in the request header of the normal page and add a frame parent field, preventing the attacker's inline frame page from loading.

[0059] As one possible approach to preventing clickjacking, one method is to filter the frame settings field in the request header. This disables the frame nesting prevention field, allowing nesting between split-screen pages. Another approach is to add an extension field, such as chrome-extension: / / *, to the frame parent field of the content security policy field in the request header. This allows split-screen pages, acting as extended frames, to load correctly.

[0060] As an example, based on the page encoding of the requested page, a search is performed in the background's persistent page directory. If the page is not found, it means that the requested page is not the split-screen page selected by the user. Requests for that page are filtered out, thus processing the click-hijacking defense fields in the requested headers without affecting the loading speed of pages not selected by the user.

[0061] Based on the above implementation methods, by filtering and expanding fields in the request header field, the impact of fields that prevent click hijacking on split-screen can be avoided.

[0062] The webpage split-screen method provided in this embodiment obtains the split-screen layout template selected by the user and multiple current pages selected by the user; renders multiple layout modules according to the split-screen layout template selected by the user; stores the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user; finds the layout module corresponding to the current page and the page information stored in the data of the layout module according to the request issued by the current page; processes the anti-clickjacking field in the request header field issued by the current page, and renders the split-screen page corresponding to the current page in the corresponding layout module. This solution, by processing the anti-clickjacking field in the request header field, can render multiple webpage contents simultaneously in one webpage, thereby achieving unified management of split-screen content.

[0063] Example 2

[0064] Figure 5 This is a schematic diagram of a webpage split-screen device provided in Embodiment 2 of this application, as shown below. Figure 5 As shown, the webpage split-screen device includes:

[0065] The acquisition module 61 is used to acquire the split-screen layout template selected by the user and multiple current pages selected by the user; and to render multiple layout modules according to the split-screen layout template selected by the user.

[0066] Storage module 62 is used to store the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user.

[0067] The rendering module 63 is used to find the layout module corresponding to the current page and the page information stored in the data of the layout module according to the request issued by the current page; process the anti-click hijacking field in the request header field issued by the current page; and render the split-screen page corresponding to the current page in the corresponding layout module.

[0068] In one example, module 64 is loaded to create a browser plugin and build an extension package for the browser plugin; based on the user's selection, the extension package is loaded to obtain the browser plugin.

[0069] As one possible implementation method, such as Figure 3 As shown, Figure 3 This is an example of a browser plugin directory structure. `background.js` is the directory for the persistent background page, `popup.html` is the directory for the popup page, and `container.html` is the container directory. This browser plugin is compatible with multiple browser types.

[0070] Based on the above implementation methods, storing information through browser plugins can ensure the accuracy of the information and can be widely used in various types of browsers.

[0071] Furthermore, in one example, the webpage split-screen device includes: a loading module 64 for loading a browser plugin; the browser plugin includes a background persistent page directory, a pop-up page directory, and a container directory; wherein, the background persistent page directory stores data of the layout module and field settings for handling clickjacking prevention, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to the layout module, and the container directory stores settings for rendering the page.

[0072] In a scenario example, the background persistent page is the page with the longest lifespan in the plugin; it opens when the browser is open and closes when the browser is closed. The pop-up page directory stores information related to user interaction. The container directory stores rendering page settings for unified management of split-screen pages. For example, when the user clicks refresh, all pages in the split-screen simultaneously render the refreshed page.

[0073] Based on the above implementation methods, the stability of information can be guaranteed by storing the layout module data in the background persistent page and setting fields to handle click hijacking prevention.

[0074] In one example, module 64 is used to set split-screen parameters according to the split-screen layout template selected by the user; and to render multiple layout modules according to the split-screen parameters.

[0075] As one possible implementation method, such as Figure 4 As shown, Figure 4 This is an example of a layout module. Here, `width` represents the proportion of the current layout's width to the parent layout's width, `height` represents the proportion of the current layout's height to the parent layout's height, `child` represents the child layouts contained within the current layout, `dir` indicates the arrangement of the child layouts, `row` indicates horizontal arrangement, and `col` indicates vertical arrangement. For example... Figure 4 As shown, the first level of code describes a layout that completely fills the entire screen, the second level of code describes a two-column layout with each column occupying 50% of the width, and the third level describes a layout that divides the left column into two columns, each occupying 50% of the height. The layout module is obtained from the code.

[0076] As an example, users can customize the layout of the layout module.

[0077] Based on the above implementation methods, the layout modules rendered according to the user's selection are more in line with the user's usage habits, thereby improving the user experience.

[0078] In one example, the webpage split-screen device further includes: a data module 65, configured to create a current page list based on the multiple current pages selected by the user; the data module 65 is also configured to, in response to the user's operation of selecting a current page from the current page list and dragging it to the layout module, construct a key-value pair using the page code of the dragged page as the key and the page information of the dragged page as the value; the data module 65 is also configured to store the key-value pair in the data of the layout module to which the page is dragged in a background resident page directory.

[0079] One possible implementation is to use a webpage algorithm to set drag-and-drop attributes for the current page list, allowing users to drag list modules from the current page list onto the layout module. The page information includes page browsing data, which allows the current page to be restored at any time. This page information is stored as key-value pairs and retrieved only when needed.

[0080] Based on the above implementation methods, storing page information in key-value pairs can improve data security.

[0081] The above scheme provides an example of storing page information. The following section will provide an example of retrieving page information.

[0082] In one example, the webpage split-screen device further includes: a lookup module 66, used to obtain the page code of the current page according to the request issued by the current page; the lookup module 66 is also used to look up the page information corresponding to the page code of the current page and the layout module corresponding to the current page in the key-value pairs stored in the background resident page directory.

[0083] As one possible implementation, in the background persistent page directory, key-value pairs are stored in the data of the layout module corresponding to the current page.

[0084] Based on the above implementation method, the page information corresponding to the current page and the layout module corresponding to the current page can be found by using the key-value pairs stored in the data of the layout module.

[0085] In one example, rendering module 63 is specifically used to filter the frame settings field in the request header field issued by the current page; and / or, rendering module 63 is also specifically used to add an extension field to the frame parent field of the content security policy in the request header field issued by the current page.

[0086] In a scenario example, clickjacking is a visual deception technique. Attackers typically use a transparent, invisible inline frame to overlay a normal webpage, tricking users into clicking the transparent inline frame without their knowledge. By adjusting the position of the inline frame, attackers can lure users to click on functional buttons within it. Attackers can also combine this with other methods to carry out various attacks. To defend against clickjacking, there are generally two approaches: one is to add a field to the frame settings field in the request header of the normal page to prevent nested frames, thus preventing the attacker's inline frame from overlaying the normal page. The other is to set a content security policy field in the request header of the normal page and add a frame parent field, preventing the attacker's inline frame page from loading.

[0087] As one possible implementation method for preventing clickjacking, on the one hand, the rendering module 63 can filter the frame settings field in the request header field. This prevents the frame nesting prevention field in the frame settings field from taking effect, allowing nesting between split-screen pages. On the other hand, the rendering module 63 can add an extension field, such as chrome-extension: / / *, to the frame parent field of the content security policy field in the request header field. This allows the split-screen page, as an extension frame, to load normally.

[0088] As an example, based on the page encoding of the requested page, a search is performed in the background's persistent page directory. If the page is not found, it means that the requested page is not the split-screen page selected by the user. Requests for that page are filtered out, thus processing the click-hijacking defense fields in the requested headers without affecting the loading speed of pages not selected by the user.

[0089] Based on the above implementation methods, by filtering and expanding fields in the request header field, the impact of fields that prevent click hijacking on split-screen can be avoided.

[0090] In the webpage split-screen device provided in this embodiment, the acquisition module is used to acquire the split-screen layout template selected by the user and multiple current pages selected by the user; the storage module is used to render multiple layout modules according to the split-screen layout template selected by the user; according to the correspondence between the current page and the layout module set by the user, the page information of the current page is stored in the data of the corresponding layout module; the rendering module is used to look up the layout module corresponding to the current page and the page information stored in the data of the layout module according to the request issued by the current page; process the anti-click hijacking field in the request header field issued by the current page, and render the split-screen page corresponding to the current page in the corresponding layout module. The above solution, by processing the anti-click hijacking field in the request header field, can render multiple webpage contents simultaneously in one webpage, thereby achieving unified management of split-screen content.

[0091] Example 3

[0092] Figure 6 This is a device block diagram illustrating a webpage split-screen device according to an exemplary embodiment. The device may be a mobile phone, computer, digital broadcasting terminal, messaging device, game console, tablet device, medical device, fitness equipment, personal digital assistant, etc.

[0093] The device 800 may include one or more of the following components: a processing component 802, a memory 804, a power supply component 806, a multimedia component 808, an audio component 810, an input / output interface 812, a sensor component 814, and a communication component 816.

[0094] Processing component 802 typically controls the overall operation of device 800, such as operations associated with display, telephone calls, data communication, camera operation, and recording. Processing component 802 may include one or more processors 820 to execute instructions to perform all or part of the steps of the methods described above. Furthermore, processing component 802 may include one or more modules to facilitate interaction between processing component 802 and other components. For example, processing component 802 may include a multimedia module to facilitate interaction between multimedia component 808 and processing component 802.

[0095] Memory 804 is configured to store various types of data to support the operation of device 800. Examples of such data include instructions for any application or method operating on device 800, contact data, phonebook data, messages, pictures, videos, etc. Memory 804 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as Static Random-Access Memory (SRAM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Erasable Programmable Read-Only Memory (EPROM), Programmable Read-Only Memory (PROM), Read-Only Memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk.

[0096] Power supply component 806 provides power to various components of device 800. Power supply component 806 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power to device 800.

[0097] Multimedia component 808 includes a screen that provides an output interface between the device 800 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a Touch Panel, the screen may be implemented as a touchscreen to receive input signals from the user. The Touch Panel includes one or more touch sensors to sense touches, swipes, and gestures on the Touch Panel. The touch sensors may sense not only the boundaries of the touch or swipe action but also the duration and pressure associated with the touch or swipe operation. In some embodiments, multimedia component 808 includes a front-facing camera and / or a rear-facing camera. When the device 800 is in an operating mode, such as a shooting mode or a video mode, the front-facing camera and / or the rear-facing camera may receive external multimedia data. Each front-facing camera and rear-facing camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

[0098] Audio component 810 is configured to output and / or input audio signals. For example, audio component 810 includes a microphone (MIC) configured to receive external audio signals when device 800 is in an operating mode, such as call mode, recording mode, and voice recognition mode. The received audio signals may be further stored in memory 804 or transmitted via communication component 816. In some embodiments, audio component 810 also includes a speaker for outputting audio signals.

[0099] Input / output interface 812 provides an interface between processing component 802 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, home buttons, volume buttons, power buttons, and lock buttons.

[0100] Sensor assembly 814 includes one or more sensors for providing status assessments of various aspects of device 800. For example, sensor assembly 814 may detect the on / off state of device 800, the relative positioning of components such as the display and keypad of device 800, changes in the position of device 800 or a component of device 800, the presence or absence of user contact with device 800, the orientation or acceleration / deceleration of device 800, and temperature changes of device 800. Sensor assembly 814 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 814 may also include an optical sensor, such as a complementary metal-oxide-semiconductor (CMOS) image sensor or a charge-coupled device (CCD), for use in imaging applications. In some embodiments, sensor assembly 814 may also include an accelerometer, a gyroscope, a magnetometer, a pressure sensor, or a temperature sensor.

[0101] Communication component 816 is configured to facilitate wired or wireless communication between device 800 and other devices. Device 800 can access wireless networks based on communication standards, such as WiFi, 2G, 3G, 4G, or 5G, or combinations thereof. In one exemplary embodiment, communication component 816 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, communication component 816 further includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, NFC modules can be implemented based on Radio Frequency Identification (RFID), Infrared Data Association (IrDA), Ultra-Wide Band (UWB), Bluetooth, and other technologies.

[0102] In an exemplary embodiment, the apparatus 800 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field-programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the methods described above.

[0103] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 804 including instructions, which can be executed by a processor 820 of the device 800 to perform the above-described method. For example, the non-transitory computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.

[0104] Example 4

[0105] Figure 7 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application, such as... Figure 7 As shown, the electronic device includes:

[0106] The electronic device includes a processor 291 and a memory 292; it may also include a communication interface 293 and a bus 294. The processor 291, memory 292, and communication interface 293 can communicate with each other via the bus 294. The communication interface 293 can be used for information transmission. The processor 291 can invoke logical instructions stored in the memory 292 to execute the methods of the above embodiments.

[0107] Furthermore, the logic instructions in the aforementioned memory 292 can be implemented as software functional units and, when sold or used as independent products, can be stored in a computer-readable storage medium.

[0108] The memory 292, as a computer-readable storage medium, can be used to store software programs and computer-executable programs, such as program instructions / modules corresponding to the methods in the embodiments of this application. The processor 291 executes functional applications and data processing by running the software programs, instructions, and modules stored in the memory 292, thereby implementing the methods in the above-described method embodiments.

[0109] The memory 292 may include a program storage area and a data storage area. The program storage area may store the operating system and application programs required for at least one function; the data storage area may store data created based on the use of the terminal device. Furthermore, the memory 292 may include high-speed random access memory and may also include non-volatile memory.

[0110] This application provides a non-transitory computer-readable storage medium storing computer-executable instructions, which, when executed by a processor, are used to implement the methods described in the foregoing embodiments.

[0111] This application provides a computer program product, including a computer program that, when executed by a processor, implements the method described in the foregoing embodiments.

[0112] Other embodiments of this application will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this application that follow the general principles of this application and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this application are indicated by the following claims.

[0113] It should be understood that this application is not limited to the precise structure described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this application is limited only by the appended claims.

Claims

1. A webpage split-screen method, characterized in that, include: Load browser plugin; The browser plugin includes a background persistent page directory, which stores data from the layout module and field settings for handling clickjacking prevention. The background persistent page directory opens and closes accordingly as the browser is opened and closed. Obtain the user-selected split-screen layout template and multiple current pages selected by the user; render multiple layout modules based on the user-selected split-screen layout template; Based on the correspondence between the current page and the layout module set by the user, the page information of the current page is stored in the data of the corresponding layout module; Based on the request issued by the current page, locate the layout module corresponding to the current page and the page information stored in the layout module's data; Filter the frame settings field in the request header field sent by the current page, and / or add an extended field to the frame parent field of the content security policy in the request header field sent by the current page; The corresponding layout module renders the split-screen page corresponding to the current page.

2. The method according to claim 1, characterized in that, The browser plugin also includes a pop-up page directory and a container directory; wherein, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to a layout module, and the container directory stores settings for rendering the page.

3. The method according to claim 2, characterized in that, The step of storing the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user includes: Create a list of current pages based on the multiple current pages selected by the user; In response to the user's action of selecting the current page from the current page list and dragging it to the layout module, a key-value pair is constructed using the page code of the page dragged by the user as the key and the page information of the page dragged by the user as the value. In the background persistent page directory, the key-value pairs are stored in the data of the layout module that is dragged to.

4. The method according to claim 3, characterized in that, The step of searching for the layout module corresponding to the current page and the page information stored in the layout module's data based on the request issued by the current page includes: Based on the request sent by the current page, obtain the page encoding of the current page; In the key-value pairs stored in the background persistent page directory, search for the page information corresponding to the page code of the current page and the layout module corresponding to the current page.

5. A webpage split-screen device, characterized in that, include: The acquisition module is used to acquire the split-screen layout template selected by the user and the multiple current pages selected by the user. Render multiple layout modules based on the split-screen layout template selected by the user; The storage module is used to store the page information of the current page in the data of the corresponding layout module according to the correspondence between the current page and the layout module set by the user. The rendering module is used to find the layout module corresponding to the current page and the page information stored in the layout module's data, based on the request issued by the current page. Filter the frame settings field in the request header field sent by the current page, and / or add an extended field to the frame parent field of the content security policy in the request header field sent by the current page; render the split-screen page corresponding to the current page in the corresponding layout module; A loading module is used to load browser plugins; the browser plugins include a background persistent page directory, which stores data from the layout module and field settings for handling clickjacking prevention, and the background persistent page directory opens and closes accordingly as the browser is opened and closed.

6. The apparatus according to claim 5, characterized in that, The browser plugin also includes a pop-up page directory and a container directory; wherein, the pop-up page directory stores settings for selecting a split-screen layout template and dragging a page to a layout module, and the container directory stores settings for rendering the page.

7. The apparatus according to claim 6, characterized in that, The device further includes: The data module is used to create a list of current pages based on the multiple current pages selected by the user. The data module is also used to respond to the user's operation of selecting the current page in the current page list and dragging it to the layout module, and to construct a key-value pair by using the page code of the page dragged by the user as the key and the page information of the page dragged by the user as the value. The data module is also used to store the key-value pairs in the data of the layout module that is dragged to the background persistent page directory.

8. The apparatus according to claim 7, characterized in that, The device further includes: The lookup module is used to obtain the page encoding of the current page based on the request sent by the current page; The search module is also used to search for the page information corresponding to the page code of the current page and the layout module corresponding to the current page in the key-value pairs stored in the background persistent page directory.

9. An electronic device, characterized in that, include: A processor, and a memory communicatively connected to the processor; The memory stores computer-executed instructions; The processor executes computer execution instructions stored in the memory to implement the method as described in any one of claims 1-4.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-executable instructions, which, when executed by a processor, are used to implement the method as described in any one of claims 1-4.

11. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the method as described in any one of claims 1-4.

Images