Cross-page information pushing method and device
By monitoring page visibility change events and using browser plugin technology, cross-page information push is achieved, solving the problem of having to manually enter the page to obtain news in existing technologies, and realizing automatic, real-time and deduplicated information display.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- INDUSTRIAL AND COMMERCIAL BANK OF CHINA
- Filing Date
- 2023-10-31
- Publication Date
- 2026-04-28
AI Technical Summary
Existing technologies lack mechanisms for automatically starting browsing and pushing news; users must actively navigate to specific pages to access news, which fails to meet the demand for real-time information push.
By monitoring page visibility change events to obtain the root element, attaching the outer node of the information floating window, and utilizing the browser plugin's timing mechanism and document object model interface, cross-page information push is achieved. Combined with the browser plugin's background script and cloud deduplication mechanism, real-time updates and deduplicated display of information are ensured.
It enables the automatic push of real-time news information when users browse different websites, eliminating the need to manually open the information page, reducing the user's workload, and ensuring real-time updates and deduplication of information display.
Smart Images

Figure CN117454044B_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of cloud computing technology, and more specifically, to a method and apparatus for cross-page information push. Background Technology
[0002] Users can view the day's trending information on their browser's information page. Upon entering the information page, a backend API is called to retrieve data. Typically, the information page displays real-time data as it loads, presented through information categorization or scrolling.
[0003] However, news websites require users to navigate to specific pages to view news. If a user leaves the news website and browses other websites, they cannot view the news in real time. For users who want to receive real-time information push notifications while working on any other website, the news website approach does not meet their needs.
[0004] Disadvantages of existing technology:
[0005] The lack of an automatic browsing and push mechanism means that news pushed by information websites usually requires users to actively enter the corresponding page to receive the information, which cannot meet the user's need to keep the news updated in real time after entering the page. Summary of the Invention
[0006] The main objective of this invention is to provide a cross-page information push method and apparatus to achieve cross-page information push and meet user needs.
[0007] To achieve the above objectives, embodiments of the present invention provide a cross-page information push method, including:
[0008] Obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0009] Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0010] The document object model's mount child element interface is invoked to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0011] In one embodiment, it further includes:
[0012] The browser's timer mechanism is used to sequentially traverse cross-page information in the information list;
[0013] The cross-page information is obtained from the open interface through the background script of the browser plugin;
[0014] The cross-page information is deduplicated based on its access address.
[0015] In one embodiment, deduplication of the cross-page information based on its access address includes:
[0016] Retrieve historical link information objects from the cloud via a synchronous acquisition interface;
[0017] The deduplication operation is performed based on the comparison result between the access address of the cross-page information and the access address of the historical link information object.
[0018] In one embodiment, it further includes:
[0019] Store the deduplicated access address information into the historical link information object;
[0020] The historical link information object is stored in the cloud through the synchronization settings interface.
[0021] In one embodiment, obtaining the root element of the corresponding page based on the detected page visibility change event includes:
[0022] Monitor page visibility change events and obtain the status of visibility change events;
[0023] Obtain the root element of the corresponding page based on the state of the visibility change event.
[0024] In one embodiment, it further includes:
[0025] Retrieve the hierarchical data of the outer node;
[0026] Adjust the outer node to the corresponding level based on the level data.
[0027] This invention also provides a cross-page information push device, comprising:
[0028] Cross-page information push devices include:
[0029] The root node module is used to obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0030] The outer node module is used to obtain the outer node of the information floating window and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0031] The mounting module is used to call the mounting sub-element interface of the document object model to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0032] In one embodiment, it further includes:
[0033] The traversal module is used to sequentially traverse cross-page information in an information list using the browser's timer mechanism.
[0034] The cross-page information acquisition module is used to acquire the cross-page information from the open interface through the background script of the browser plugin;
[0035] The deduplication module is used to perform deduplication operations on the cross-page information based on the access address of the cross-page information.
[0036] In one embodiment, the deduplication module includes:
[0037] The historical link information object acquisition unit is used to acquire historical link information objects from the cloud through a synchronous acquisition interface.
[0038] The deduplication unit is used to perform deduplication based on the comparison result between the access address of the cross-page information and the access address of the historical link information object.
[0039] In one embodiment, it further includes:
[0040] The address insertion module is used to store the deduplicated access address information into the historical link information object;
[0041] The synchronization module is used to store the historical link information object to the cloud through the synchronization settings interface.
[0042] In one embodiment, the root node module includes:
[0043] The Event State unit is used to monitor page visibility change events and obtain the status of the visibility change events;
[0044] The root element unit is used to obtain the root element of the corresponding page based on the state of the visibility change event.
[0045] In one embodiment, it further includes:
[0046] The hierarchical data module is used to obtain the hierarchical data of the outer nodes;
[0047] The hierarchy adjustment module is used to adjust the outer node to the corresponding hierarchy based on the hierarchy data.
[0048] This invention also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and running on the processor, wherein the processor executes the computer program to implement the steps of the cross-page information push method.
[0049] This invention also provides a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the steps of the cross-page information push method.
[0050] This invention also provides a computer program product, including a computer program / instruction, wherein the computer program / instruction, when executed by a processor, implements the steps of the cross-page information push method.
[0051] The cross-page information push method and apparatus of this invention obtains the root element of the corresponding page as the root node based on the detected page visibility change event, attaches the outer node of the information floating window to the root node, and attaches the page element corresponding to the obtained cross-page information to the outer node, which can realize cross-page information push and meet user needs. Attached Figure Description
[0052] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0053] Figure 1 This is a schematic diagram of the plug-in mechanism in an embodiment of the present invention;
[0054] Figure 2 This is a browser plugin architecture diagram in an embodiment of the present invention;
[0055] Figure 3 This is a flowchart illustrating the process of obtaining and distributing information on a single page in an embodiment of the present invention;
[0056] Figure 4 This is a flowchart of the cross-page information push method in an embodiment of the present invention;
[0057] Figure 5 This is a flowchart of S101 in an embodiment of the present invention;
[0058] Figure 6 This is a flowchart of information deduplication in an embodiment of the present invention;
[0059] Figure 7 This is a flowchart of S302 in an embodiment of the present invention;
[0060] Figure 8 This is a structural block diagram of the cross-page information push device in an embodiment of the present invention;
[0061] Figure 9 This is a schematic block diagram illustrating the system configuration of an electronic device 9600 according to an embodiment of this application. Detailed Implementation
[0062] The technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.
[0063] Those skilled in the art will recognize that embodiments of the present invention can be implemented as a system, apparatus, device, method, or computer program product. Therefore, this disclosure can be specifically implemented in the following forms: entirely hardware, entirely software (including firmware, resident software, microcode, etc.), or a combination of hardware and software.
[0064] The acquisition, storage, use, and processing of data in the technical solution of this invention all comply with relevant national laws and regulations. The user information in the embodiments of this application was obtained through legal and compliant means, and the acquisition, storage, use, and processing of user information have all been authorized and agreed upon by the client.
[0065] Key term definitions
[0066] Cross-page: Running different pages simultaneously within the same browser;
[0067] Intrusive: Changes the original page structure and displays new elements on the original webpage.
[0068] This invention periodically retrieves real-time news data from an open API for information services when a user browses any website and switches between them. This data is then displayed to the user as an intrusive scrolling floating window. Regardless of the website the user is currently on, they can see the real-time scrolling news data in the upper right corner or other designated location on the page. This is independent of the website and overcomes the problem that existing information platforms cannot provide real-time scrolling information across websites. It achieves the goal of periodically pushing scrolling news information to different pages for display. Based on this mechanism, a scrolling news window is displayed on the current page whenever the user switches between different websites and web pages in their browser. This window periodically updates the information data and scrolls continuously. Users can automatically obtain scrolling information on the current page without manually opening the information page while browsing any website.
[0069] Figure 1 This is a schematic diagram of the plug-in mechanism in an embodiment of the present invention. Figure 2 This is a browser plugin architecture diagram in an embodiment of the present invention. Figure 3 This is a flowchart illustrating the process of obtaining and distributing information on a single page in an embodiment of the present invention. For example... Figures 1-3As shown, this invention is based on the Google Chrome mechanism and is divided into three parts in terms of architecture: obtaining information from the open API, displaying the information on the current page, and periodically obtaining the latest information from the open API.
[0070] For example, if a user opens N websites in their browser, namely pageA, pageB, ..., pageC, when a certain page is visible, the browser plugin mechanism runs and calls the open API to retrieve the news list data. After retrieving the news data, an intrusive floating window is embedded in the current page. This floating window displays the news list in a scrolling manner. When the list finishes scrolling, the latest news list will be retrieved again from the open API service.
[0071] After a user enters the browser page, the browser plugin drives the page to retrieve a list of news items from the open API. If the news list exists, it is embedded into the current page as an intrusive scrolling pop-up. After the news scrolling ends, the browser plugin retrieves a new news list from the current page again. If the news list retrieval fails, the pop-up is not displayed.
[0072] After successfully obtaining information data from an open API, the browser plugin of this invention displays the information content as a bubble on the current page using Javascript. Ordinary browser plugins display information on their landing page, requiring users to navigate to the plugin's homepage to see the target content. The improvement of this invention lies in inserting the information into the DOM structure of any page the user is currently browsing, and displaying it as a scrolling pop-up bubble. The information includes weather, music, TV programs, jokes, and popular science information.
[0073] Figure 4 This is a flowchart of the cross-page information push method in an embodiment of the present invention. For example... Figure 4 As shown, cross-page information push methods include:
[0074] S101: Obtain the root element of the corresponding page based on the detected page visibility change event, and use it as the root node.
[0075] In practice, the page's body element (root element) is selected as the root node for mounting the pop-up component. Since it needs to be rendered on any page, the body element, which exists on all pages, is chosen. This ensures that the pop-up will not fail to render and will not be affected by adjustments to other page components.
[0076] Figure 5 This is a flowchart of S101 in an embodiment of the present invention. Figure 5 As shown, S101 includes:
[0077] S201: Monitor the visibility change event of the page and obtain the status of the visibility change event.
[0078] S202: Obtain the root element of the corresponding page based on the state of the visibility change event.
[0079] In practice, when a user opens any website, the current page loads normally. After the page DOM is loaded, the browser plugin's content script is executed on the page. Currently, most browser plugins on the market determine whether to execute content script code by matching the page's URL address. If the current page's URL matches the regular expression in the browser plugin's matches, the corresponding content script is executed.
[0080] This invention improves upon this by listening to the `visibilityChange` event of the page to detect whether the current page is visible in real time. If the visibility change event indicates that the page is visible, the next step is performed; otherwise, no action is taken. When a user switches to another page while browsing the current browser, the `visibilityChange` event is triggered, indicating that the current page is hidden, and the plugin of this invention stops working on that page. This method ensures that the browser plugin of this invention only works on currently active web pages, while browser plugins on other web pages that have been moved to the background stop running, avoiding the performance loss caused by the plugin running in the background on a large number of pages.
[0081] S102: Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node.
[0082] In one embodiment, the method further includes: using a browser timer mechanism to sequentially traverse cross-page information in the information list.
[0083] In practice, after attaching the outer node of the information floating window (where the id is mycontainer) to the root node, use setInterval (using the browser's timer mechanism) to sequentially traverse a specific piece of information in the information list at 1-minute intervals.
[0084] S103: Call the mounting child element interface of the document object model to mount the page element corresponding to the pre-obtained cross-page information to the outer node.
[0085] In one embodiment, it further includes:
[0086] Obtain the layer level data of the outer node, and adjust the outer node to the corresponding layer based on the layer level data.
[0087] In practice, the page element corresponding to the cross-page information is attached to the node with the id "mycontainer". The "z-index" style of the "mycontainer" node is set to an infinitely large semi-transparent style to ensure that the information floating window remains at the top level of the page and is not obscured by page elements. Regardless of which webpage the user opens, the information floating window will float in the top left corner of the current page and will not be affected by page scrolling or page changes.
[0088] Figure 1 The execution entity for the cross-page information push method shown can be a computer. Figure 1 As shown in the process, the cross-page information push method of this embodiment of the invention obtains the root element of the corresponding page as the root node based on the detected page visibility change event, attaches the outer node of the information floating window to the root node, and then attaches the page element corresponding to the obtained cross-page information to the outer node, which can realize cross-page information push and meet user needs.
[0089] Figure 6 This is a flowchart of information deduplication in an embodiment of the present invention. For example... Figure 6 As shown, before executing S101, the following steps are also included:
[0090] S301: Obtain the cross-page information from the open interface through the background script of the browser plugin.
[0091] In practice, once a user opens any browser window, the background.js file of this invention will run. At regular intervals (e.g., every 30 minutes), it will retrieve news data from the open API and format the data. The news data is a list of news items displayed as an array, where each element includes the news title and the URL of the news article.
[0092] This invention can also retrieve information from each webpage based on the browser plugin's content script or popup, and then display it on the page.
[0093] S302: Perform a deduplication operation on the cross-page information based on the access address of the cross-page information.
[0094] Existing technologies can only deduplicate the current information list or compare it with the historical information list stored locally in the browser. However, this invention records historical information and uses the browser plugin's chrome.storage.sync (synchronization retrieval interface) to store historical information so that it can be retrieved from chrome.storage.sync for comparison and deduplication later.
[0095] Figure 7 This is a flowchart of S302 in an embodiment of the present invention. For example... Figure 7 As shown, S302 includes:
[0096] S401: Retrieves historical link information objects from the cloud via the synchronous acquisition interface.
[0097] S402: Perform deduplication based on the comparison result between the access address of the cross-page information and the access address of the historical link information object.
[0098] In one embodiment, after executing S402, the method further includes:
[0099] The deduplicated access address information is stored in the historical link information object, and the historical link information object is synchronously stored in the cloud through the synchronization setting interface.
[0100] In practice, after each deduplication, all processed URLs are added to a history URLs object called `historyUrls`. This history URLs are then synchronized to the Chrome browser and stored in the cloud via the `chrome.storage.sync` interface. The next time a new news list is retrieved, the `historyUrls` object is retrieved from the cloud using `chrome.storage.sync`. Each URL in the new news list is compared to each URL in the `historyUrls` object. If a duplicate is found, it is not displayed; otherwise, it is displayed normally. Because the browser's data is stored in the cloud, the full `historyUrls` can be retrieved even if the browser restarts or the user switches browsers. This method ensures the integrity of the historical samples compared to ordinary JavaScript objects or browser local storage methods (such as `localStorage`).
[0101] In one embodiment, if all the information in the information list has been scrolled and displayed, a new information list is retrieved from the open API. If the retrieval is successful, the information is scrolled and displayed again. If the retrieval of a new information list fails, the scrolling ends and the scrolling information floating window is removed from the page.
[0102] For example, the system iterates through the news list and scrolls through the information on the currently open page. After iterating through the last item in the news list, it uses the Chrome extension's messaging mechanism to notify the background.js component (a background script) to open the API and fetch a new news list. This method of iterating through the list and then fetching new hot topics, combined with optimized deduplication, ensures that users do not see duplicate news information.
[0103] In summary, this invention overcomes the shortcomings of traditional information websites and browser-related information plugins, which require users to navigate to specific pages to view information. It achieves cross-industry information push and automatic push without requiring manual access to information websites. Based on the automatic information acquisition and automatic scrolling playback mechanism of this invention, the mental burden on users is greatly reduced, allowing them to obtain instant information with almost no additional operation.
[0104] Based on the same inventive concept, this invention also provides a cross-page information push device. Since the principle of this device in solving the problem is similar to that of the cross-page information push method, the implementation of this device can refer to the implementation of the method, and the repeated parts will not be described again.
[0105] Figure 8 This is a structural block diagram of the cross-page information push device in an embodiment of the present invention. Figure 8 As shown, the cross-page information push device includes:
[0106] The root node module is used to obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0107] The outer node module is used to obtain the outer node of the information floating window and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0108] The mounting module is used to call the mounting sub-element interface of the document object model to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0109] In one embodiment, it further includes:
[0110] The traversal module is used to sequentially traverse cross-page information in an information list using the browser's timer mechanism.
[0111] The cross-page information acquisition module is used to acquire the cross-page information from the open interface through the background script of the browser plugin;
[0112] The deduplication module is used to perform deduplication operations on the cross-page information based on the access address of the cross-page information.
[0113] In one embodiment, the deduplication module includes:
[0114] The historical link information object acquisition unit is used to acquire historical link information objects from the cloud through a synchronous acquisition interface.
[0115] The deduplication unit is used to perform deduplication based on the comparison result between the access address of the cross-page information and the access address of the historical link information object.
[0116] In one embodiment, it further includes:
[0117] The address insertion module is used to store the deduplicated access address information into the historical link information object;
[0118] The synchronization module is used to store the historical link information object to the cloud through the synchronization settings interface.
[0119] In one embodiment, the root node module includes:
[0120] The Event State unit is used to monitor page visibility change events and obtain the status of the visibility change events;
[0121] The root element unit is used to obtain the root element of the corresponding page based on the state of the visibility change event.
[0122] In one embodiment, it further includes:
[0123] The hierarchical data module is used to obtain the hierarchical data of the outer nodes;
[0124] The hierarchy adjustment module is used to adjust the outer node to the corresponding hierarchy based on the hierarchy data.
[0125] In summary, the cross-page information push device of this embodiment obtains the root element of the corresponding page as the root node based on the detected page visibility change event, attaches the outer node of the information floating window to the root node, and attaches the page element corresponding to the obtained cross-page information to the outer node, thereby realizing cross-page information push and meeting user needs.
[0126] Figure 9 This is a schematic block diagram illustrating the system configuration of the electronic device 9600 according to an embodiment of this application. Figure 9 As shown, the electronic device 9600 may include a central processing unit 9100 and a memory 9140; the memory 9140 is coupled to the central processing unit 9100. It is worth noting that... Figure 9 This is an example; other types of structures can also be used to supplement or replace this structure to achieve telecommunications functions or other functions.
[0127] In one embodiment, the cross-page information push method function can be integrated into the central processing unit 9100. The central processing unit 9100 can be configured to perform the following control:
[0128] Obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0129] Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0130] The document object model's mount child element interface is invoked to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0131] As can be seen from the above description, the cross-page information push method provided in this application obtains the root element of the corresponding page based on the detected page visibility change event as the root node, attaches the outer node of the information floating window to the root node, and then attaches the page element corresponding to the obtained cross-page information to the outer node, which can realize cross-page information push and meet user needs.
[0132] In another embodiment, the cross-page information push device can be configured separately from the central processing unit 9100. For example, the cross-page information push device can be configured as a chip connected to the central processing unit 9100, and the function of the cross-page information push method can be realized through the control of the central processing unit.
[0133] like Figure 9 As shown, the electronic device 9600 may further include: a communication module 9110, an input unit 9120, an audio processor 9130, a display 9160, and a power supply 9170. It is worth noting that the electronic device 9600 does not necessarily need to include these components. Figure 9 All components shown; in addition, the electronic device 9600 may also include Figure 9 For components not shown, please refer to existing technologies.
[0134] like Figure 9 As shown, the central processing unit 9100, sometimes also referred to as a controller or operating control, may include a microprocessor or other processor device and / or logic device, which receives inputs and controls the operation of various components of the electronic device 9600.
[0135] The memory 9140 may be, for example, one or more of a cache, flash memory, hard drive, removable media, volatile memory, non-volatile memory, or other suitable devices. It may store the aforementioned failure-related information, and also store a program for executing that information. The central processing unit 9100 may execute the program stored in the memory 9140 to perform information storage or processing, etc.
[0136] Input unit 9120 provides input to central processing unit 9100. Input unit 9120 may be, for example, a keypad or touch input device. Power supply 9170 provides power to electronic device 9600. Display 9160 displays images and text. Display may be, for example, an LCD display, but is not limited thereto.
[0137] The memory 9140 can be a solid-state memory, such as a read-only memory (ROM), random access memory (RAM), a SIM card, etc. It can also be a memory that retains information even when power is off, can be selectively erased, and contains more data; examples of this type of memory are sometimes referred to as EPROMs. The memory 9140 can also be some other type of device. The memory 9140 includes a buffer 9141 (sometimes referred to as a buffer memory). The memory 9140 may include an application / function storage unit 9142 for storing application programs and function programs or processes for executing the operation of the electronic device 9600 via the central processing unit 9100.
[0138] The memory 9140 may also include a data storage unit 9143 for storing data, such as contacts, digital data, pictures, sounds, and / or any other data used by the electronic device. The driver storage unit 9144 of the memory 9140 may include various drivers for the electronic device's communication functions and / or for performing other functions of the electronic device (such as messaging applications, address book applications, etc.).
[0139] The communication module 9110 is a transmitter / receiver 9110 that transmits and receives signals via the antenna 9111. The communication module (transmitter / receiver) 9110 is coupled to the central processing unit 9100 to provide input signals and receive output signals, which can be the same as in a conventional mobile communication terminal.
[0140] Based on different communication technologies, multiple communication modules 9110 can be configured in the same electronic device, such as cellular network modules, Bluetooth modules, and / or wireless LAN modules. The communication module (transmitter / receiver) 9110 is also coupled to a speaker 9131 and a microphone 9132 via an audio processor 9130 to provide audio output via the speaker 9131 and receive audio input from the microphone 9132, thereby realizing typical telecommunications functions. The audio processor 9130 may include any suitable buffer, decoder, amplifier, etc. Additionally, the audio processor 9130 is coupled to a central processing unit 9100, enabling on-device recording via the microphone 9132 and on-device playback of stored sound via the speaker 9131.
[0141] This invention also provides a computer-readable storage medium capable of implementing all steps of the cross-page information push method in the above embodiments, where the execution subject is a server or a client. The computer-readable storage medium stores a computer program that, when executed by a processor, implements all steps of the cross-page information push method in the above embodiments. For example, when the processor executes the computer program, it implements the following steps:
[0142] Obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0143] Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0144] The document object model's mount child element interface is invoked to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0145] In summary, the computer-readable storage medium of this embodiment obtains the root element of the corresponding page as the root node based on the monitored page visibility change event, attaches the outer node of the information floating window to the root node, and attaches the page element corresponding to the obtained cross-page information to the outer node, which can realize cross-page information push and meet user needs.
[0146] This invention also provides a computer program product capable of implementing all steps of the cross-page information push method in the above embodiments, where the execution subject is a server or a client. The computer program product includes a computer program / instruction, which, when executed by a processor, implements all steps of the cross-page information push method in the above embodiments. For example, when the processor executes the computer program, it implements the following steps:
[0147] Obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node;
[0148] Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node;
[0149] The document object model's mount child element interface is invoked to mount the page element corresponding to the pre-acquired cross-page information to the outer node.
[0150] In summary, the computer program product of this invention obtains the root element of the corresponding page as the root node based on the detected page visibility change event, attaches the outer node of the information floating window to the root node, and attaches the page element corresponding to the obtained cross-page information to the outer node, thereby realizing cross-page information push and meeting user needs.
[0151] The various embodiments in this specification are described in a progressive manner. Similar or identical parts between embodiments can be referred to interchangeably. Each embodiment focuses on its differences from other embodiments. In particular, hardware + program embodiments are relatively simple in description because they are fundamentally similar to method embodiments; relevant parts can be referred to the descriptions in the method embodiments.
[0152] The foregoing has described specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than that shown in the embodiments and may still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require the specific or sequential order shown to achieve the desired result. In some embodiments, multitasking and parallel processing are possible or may be advantageous.
[0153] While this application provides the method operation steps as described in the embodiments or flowcharts, more or fewer operation steps may be included based on conventional or non-inventive labor. The order of steps listed in the embodiments is merely one possible execution order among many and does not represent the only execution order. In actual device or client product execution, the methods shown in the embodiments or drawings can be executed sequentially or in parallel (e.g., in a parallel processor or multi-threaded processing environment).
[0154] While this specification provides method operation steps as described in the embodiments or flowcharts, more or fewer operation steps may be included based on conventional or non-inventive means. The order of steps listed in the embodiments is merely one possible execution order among many and does not represent the only execution order. In actual device or end product execution, the methods shown in the embodiments or drawings may be executed sequentially or in parallel (e.g., in a parallel processor or multi-threaded processing environment, or even a distributed data processing environment). The terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, product, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, product, or apparatus. Without further limitations, the presence of other identical or equivalent elements in the process, method, product, or apparatus that includes said elements is not excluded.
[0155] For ease of description, the above devices are described in terms of function, divided into various modules. Of course, in implementing the embodiments of this specification, the functions of each module can be implemented in one or more software and / or hardware components, or a module that performs the same function can be implemented by a combination of multiple sub-modules or sub-units. The device embodiments described above are merely illustrative. For example, the division of units is only a logical functional division; in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces, or indirect coupling or communication connection between devices or units, and may be electrical, mechanical, or other forms.
[0156] Those skilled in the art will also know that, besides implementing the controller using purely computer-readable program code, the same functions can be achieved by logically programming the method steps, making the controller function as logic gates, switches, application-specific integrated circuits (ASICs), programmable logic controllers (PLCs), and embedded microcontrollers. Therefore, such a controller can be considered a hardware component, and the devices within it used to implement various functions can also be considered structures within that hardware component. Alternatively, the devices used to implement various functions can be considered as both software modules implementing the method and structures within a hardware component.
[0157] This invention is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations and / or block diagrams. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.
[0158] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.
[0159] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.
[0160] In a typical configuration, a computing device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.
[0161] Memory may include non-persistent storage in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of computer-readable media.
[0162] Computer-readable media includes both permanent and non-permanent, removable and non-removable media that can store information using any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transferable medium that can be used to store information accessible by a computing device. As defined herein, computer-readable media does not include transient computer-readable media, such as modulated data signals and carrier waves.
[0163] Those skilled in the art will understand that the embodiments of this specification can be provided as methods, systems, or computer program products. Therefore, the embodiments of this specification can take the form of entirely hardware embodiments, entirely software embodiments, or embodiments combining software and hardware aspects. Furthermore, the embodiments of this specification can take the form of computer program products implemented on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0164] The embodiments described in this specification can be described in the general context of computer-executable instructions, such as program modules, that are executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc., that perform a specific task or implement a specific abstract data type. The embodiments of this specification can also be practiced in distributed computing environments where tasks are performed by remote processing devices connected via a communication network. In distributed computing environments, program modules can reside in local and remote computer storage media, including storage devices.
[0165] In the description of this specification, the references to terms such as "one embodiment," "some embodiments," "example," "specific example," or "some examples," etc., refer to specific features, structures, materials, or characteristics described in connection with that embodiment or example, which are included in at least one embodiment or example of the embodiments of this specification. In this specification, the illustrative expressions of the above terms do not necessarily refer to the same embodiment or example. Furthermore, the specific features, structures, materials, or characteristics described may be combined in any suitable manner in one or more embodiments or examples. Moreover, without contradiction, those skilled in the art can combine and integrate the different embodiments or examples described in this specification, as well as the features of different embodiments or examples.
[0166] The above description is merely an embodiment of the embodiments in this specification and is not intended to limit the embodiments of this specification. For those skilled in the art, various modifications and variations can be made to the embodiments of this specification. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principle of the embodiments of this specification should be included within the scope of the claims of the embodiments of this specification.
Claims
1. A method for pushing information across pages, characterized in that, include: Obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node; Obtain the outer node of the information floating window, and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node; Call the document object model's mount child element interface to mount the page element corresponding to the pre-acquired cross-page information to the outer node; The step of calling the document object model's mount child element interface to mount the page element corresponding to the pre-obtained cross-page information to the outer node includes: Retrieve the hierarchical data of the outer node; The outer node is adjusted to the corresponding level according to the level data. When the page element is mounted to the outer node, the style attributes of the outer node are set so that the information floating window remains at the highest level of the detected page and is not obscured by the page element.
2. The cross-page information push method according to claim 1, characterized in that, Also includes: The browser's timer mechanism is used to sequentially traverse cross-page information in the information list; The cross-page information is obtained from the open interface through the background script of the browser plugin; The cross-page information is deduplicated based on its access address.
3. The cross-page information push method according to claim 2, characterized in that, Deduplication of the cross-page information based on its access address includes: Retrieve historical link information objects from the cloud via a synchronous acquisition interface; The deduplication operation is performed based on the comparison result between the access address of the cross-page information and the access address of the historical link information object.
4. The cross-page information push method according to claim 3, characterized in that, Also includes: Store the deduplicated access address information into the historical link information object; The historical link information object is stored in the cloud via the synchronization settings interface.
5. The cross-page information push method according to claim 1, characterized in that, The root element of the corresponding page is obtained based on the detected page visibility change events, including: Monitor page visibility change events and obtain the status of visibility change events; Obtain the root element of the corresponding page based on the state of the visibility change event.
6. A cross-page information push device, characterized in that, include: The root node module is used to obtain the root element of the corresponding page based on the detected page visibility change events, and use it as the root node; The outer node module is used to obtain the outer node of the information floating window and call the mounting child element interface of the document object model to mount the outer node of the information floating window to the root node; The mounting module is used to call the mounting sub-element interface of the document object model to mount the page element corresponding to the pre-acquired cross-page information to the outer node; wherein, calling the mounting sub-element interface of the document object model to mount the page element corresponding to the pre-acquired cross-page information to the outer node includes: obtaining the layer data of the outer node; adjusting the outer node to the corresponding layer according to the layer data, wherein, when mounting the page element to the outer node, by setting the style attributes of the outer node, the information floating window is kept at the highest layer of the detected page and is not obscured by the page element.
7. An electronic device comprising a memory, a processor, and a computer program stored in the memory and running on the processor, characterized in that, When the processor executes the computer program, it implements the steps of the cross-page information push method according to any one of claims 1 to 5.
8. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the steps of the cross-page information push method according to any one of claims 1 to 5.
9. A computer program product comprising a computer program / instructions, characterized in that, When the computer program / instruction is executed by the processor, it implements the steps of the cross-page information push method according to any one of claims 1 to 5.
Citation Information
Patent Citations
A cross-page element positioning method and device
CN109683999A
Page jumping method and device based on dynamic anchor points, equipment and medium
CN115145674A