TW201926017A - Electronic device and web page management method thereof - Google Patents

Abstract

An electronic device and a web page management method thereof are provided. The method includes following steps. A first main window is opened to display a web page, and a first sub-window is opened based on an operation performed on the first main window. A first sub-window index of the first sub-window is generated and gave to the first sub-window. The first sub-window index is recorded in a window-level database of the first main window and a domain-level database of a specific domain. In response to an event of the first main window occurring, a processing procedure corresponding to the event is executed by using the first sub-window index recorded in the window-level database and the domain-level database.

Description

Electronic device and its window management method

The present invention relates to a computer network technology, and more particularly to an electronic device and a window management method thereof.

With the rapid changes in the Internet, the Internet is full of various web pages. In order to make it easier for users to browse various webpages, more and more information is presented on the Internet for users to query through webpages. In the process of browsing the webpage, when the user does not want to leave the current page, the general user will retain the parent window that was originally browsed, and select to open the new sub-window mode to view the information to be browsed. Alternatively, the web designer may also want the user to open another sub-window to display the set page content while retaining the current parent window.

However, over time, the user may open a large number of windows on the screen, so that the user cannot clearly confirm the association between the windows. Therefore, the user can only search and discriminate one by one in a plurality of windows, and individually issue user instructions to complete the control of the window. In addition, for the existing sub-window open technology (for example, the browser's window opener Window.open()), after the parent window that is opened first is refreshed or closed, the association between the opened child window and its parent window is Sex will disappear. At this time, the sub-window opened later can no longer be tracked and manipulated by the parent window, and the function of synchronous control with the parent window cannot be achieved.

In view of the above, the present invention provides an electronic device and a window management method thereof, which can accurately control a specific sub-window according to an event on a parent window by establishing a dependency relationship between the parent window and the child window.

An embodiment of the present invention provides a window management method for an electronic device having a network module, the method comprising the following steps. The first parent window is opened to display a webpage under a specific domain, and the first sub-window is opened based on an operation instruction applied to the first parent window. A first sub-window number of the first sub-window is generated, and the first sub-window is assigned to the first sub-window. The first sub-window number is simultaneously recorded in the first window level database under the first parent window and the domain level database corresponding to the specific domain. In response to the occurrence of the event of the first parent window, the processing procedure corresponding to the event is performed on the first child window by using the first child window number in the first window level database and the first level window database.

Another embodiment of the present invention provides an electronic device including a storage circuit, a network module, and a processor. The processor is coupled to the storage circuit and the network module. The processor is configured to: open a first parent window to display a webpage under a specific domain, and open the first sub-window based on an operation instruction applied to the first parent window. A first sub-window number of the first sub-window is generated, and the first sub-window is assigned to the first sub-window. The first sub-window number is simultaneously recorded in the first window level database under the first parent window and the domain level database corresponding to the specific domain. In response to the occurrence of the event of the first parent window, the processing procedure corresponding to the event is performed on the first child window by using the first child window number in the first window level database and the first level window database.

Based on the above, the window management method and the electronic device of the present invention can assign a sub-window number to the sub-window when the sub-window under the parent window is opened, and store the sub-window number in the window-level database of the parent window and correspondingly A domain-level database for a particular domain, thereby establishing a dependency between the parent window and the child window.

FIG. 1 is a schematic diagram of a webpage service system according to an embodiment of the invention. Referring to FIG. 1 , in an embodiment, the web service system 10 includes a network 101 , an electronic device 111 , and a web server 121 . The electronic device 111 and the web server 121 can be connected to the network 101 via wired or wireless, respectively. In addition, the electronic device 111 can be an electronic device with a signal input, a signal output, a network connection, and an arithmetic function, such as a smart phone, a tablet computer, a desktop computer, or a notebook computer.

In an embodiment, the electronic device 111 is a client device, and the web server 121 is a web content providing device. For example, the web server 121 can be a server host set up by a business organization or a network service operator. For example, if both the electronic device 111 and the web server 121 are connected to the network 101, the electronic device 111 can browse or log in to the portal page of an enterprise organization to obtain related web content.

In an embodiment, the web browser of the electronic device 111 can transmit a service request to access the content provided by the web server 121 (eg, by inputting a Uniform Resource Locator (URL)). Go to the web browser). If the user of the web browser is authorized to access the content, the web server 121 basically provides the content to the web browser of the electronic device 111. In a network environment, content and requests for content are often transmitted using the Hypertext Transfer Protocol (HTTP). Web content is provided by pages, style sheets, images, and scripts that conform to the HyperText Markup Language (HTML) specification. In an embodiment, the web browser is a complete software or application itself (for example, Chrome, Internet Explore, Firefox, Safari, Opera, etc.), and the user can open the web browser and access the network. 101 links to a specific website corresponding to a particular domain (Domain).

2 is a schematic diagram of an electronic device according to an embodiment of the invention. Referring to FIG. 2 , the electronic device 111 includes an input interface 21 , an output interface 22 , a storage circuit 23 , a network module 24 , and a processor 25 . The input interface 21 , the output interface 22 , the storage circuit 23 , and the network module 24 are all coupled to the processor 25 . The input interface 21 is configured to receive an operation instruction input by a user. For example, the input interface 21 can include various physical interface circuits for inputting signals, such as a mouse, a keyboard, a touchpad, or a voice input device. The output interface 22 is used to output signals. For example, the output interface 22 can include a physical interface circuit for outputting signals, such as a screen, projector, or voice output device.

The storage circuit 23 is used to store data and code non-volatilely. Here, storing the data non-volatilely means that the data stored in the storage circuit 23 is not lost due to the supply of the power supply to the storage circuit 23. For example, the storage circuit 23 may include various non-volatile storage media such as a conventional hard disk (HDD), a solid state hard disk (SDD), a solid state hybrid drive (SSHD), or a flash memory.

The network module 24 is used to connect the electronic device 111 to the network 101 and to transmit messages via the network 101. For example, network module 24 may include physical network interface circuits such as wired and/or wireless network interface cards. For example, in wireless communication, the network module 24 can support third generation wireless communication technology (3G), Bluetooth, General Packet Radio Service (GPRS), and wireless compatible authentication (Wireless- Various wireless communication protocols such as Fidelity, Wi-Fi, Wireless Wide Area Network (WWAN), and Long Term Evolution (LTE). In addition, in terms of a wired network, the network module 24 can support, for example, a wired communication protocol such as Ethernet.

The processor 25 is responsible for the overall operation of the electronic device 111. For example, the processor 25 may include a central processing unit, or other programmable general purpose or special purpose microprocessor (Microprocessor), digital signal processor (DSP), controller, special application integrated body. Application Specific Integrated Circuit (ASIC), Programmable Logic Device (PLD) or other similar device or a combination of these devices. Further, the processor 25 may be configured with a volatile storage medium such as a random access memory (RAM) or a read only memory (ROM).

FIG. 3 is a flowchart of a window management method according to an embodiment of the invention. Hereinafter, the embodiment of FIGS. 1 and 2 will be described with reference to FIG. 3.

Referring to FIG. 1 to FIG. 3, in step S301, the processor 25 opens the first parent window to display the webpage under the specific domain, and opens the first sub-window based on the operation instruction applied to the first parent window. Specifically, the processor 25 can open the first parent window by using a web browser, and obtain a specific domain according to the global resource locator (URL) determined by the user in the first parent window. Web content. After opening the first parent window and displaying the webpage under the specific domain, the first sub-window may be opened and display the specific webpage content in response to the object in the webpage of the first parental window being clicked. For the user, after the user applies a user operation to the webpage in the parent window, the first sub-window can be popped up in the form of a tap or a window.

While the sub-window is generated and opened, in step S302, the processor 25 generates a first sub-window number of the first sub-window and assigns the first sub-window number to the first sub-window. In an embodiment, the processor 25 may generate the first sub-window number, for example, in a random number generation manner, or select one of the plurality of preset numbers as the first sub-window number of the first sub-window. Not limited. In addition, after the processor 25 generates the first sub-window number, the first sub-window number is assigned to the first sub-window to let the first sub-window know and record its first sub-window number.

Next, in step S303, the processor 25 records the first sub-window number in the first window level database under the first parent window and the domain level database corresponding to the specific domain. Since the webpage program of the first parent window can access a specific window view by accessing its own window level database, and the webpage program of the first child window and the first parent window can access the domain level database, the first child The dependencies between the window and the first parent window can be established accordingly.

It should be noted that the window level database and the domain level database belong to the local storage of the client device, and are materials that the web browser can use to store data. The window-level database is limited to the same window paging. Different window paging cannot share the window-level database. Once the window paging is closed, the window level database is also cleared. In other words, when the user opens a new paging window, the window level database corresponding to the new paging window is also created. On the other hand, the domain level database is characterized by allowing multiple window pages to be accessed. There will be a corresponding domain level database under each domain, and the domain level database can access each other in multiple window pages and has permanent storage. In other words, the domain level database does not clear the data because the window page is closed. In an embodiment, the window level database and the domain level database are, for example, a session storage (SessionStorage) and a local storage (LocalStorage) of the Hypertext Markup Language (HTML) specification.

After establishing the dependency relationship between the first child window and the first parent window, in step S304, in response to the occurrence of the event of the first parent window, the processor 25 utilizes the domain in the first window level database and the domain level database. The first sub-window number is used to execute a handler corresponding to the event for the first sub-window. In detail, the events of the first parent window are, for example, user logout, window close, page reorganization, back to the previous page or next page, etc., the event of the first parent window will cause the webpage program of the first parent window The data or parameters within it have been modified. Therefore, once the event of the first parent window occurs, the processor 25 can synchronously execute the first child window by querying the first child window number in the first window level database and modifying the data in the domain level database. Corresponds to the handler for the event. These handlers are, for example, closing windows, reorganizing pages, refreshing pages to display other web page content, and the like.

For example, FIG. 4A to FIG. 4C are diagrams illustrating an example of a window management method according to an embodiment of the invention. Referring to FIG. 4A, it is assumed that the user has opened two windows in the browser 20, which are respectively window 1 and window 2, and the webpage content of the window 1 includes the contact list 212 and the contact information 222 of the contact person A. In other words, the web page of the window 1 can be regarded as the information page of the contact person A.

Referring to FIG. 4A and FIG. 4B simultaneously, when the user decides to chat with the contact person A, the user can use the mouse to click the contact person A of the contact list 212 in the window 1 and the window 3 for chatting with the contact person A. Will be turned on. That is, the window 1 can be compared to the first parent window described in FIG. 3, and the window 3 can be compared to the first child window described in FIG. After the browser 20 opens the window 3, the user can chat with the contact person A through the window 3. It is worth mentioning that the window number of window 3 has been generated and recorded when window 3 is opened, and the dependency of window 3 and window 1 is thus established. Referring to FIG. 4B and FIG. 4C simultaneously, since the dependency relationship between the window 3 and the window 1 has been established through the domain level database and the window level database, when the user chooses to close the window 1, the window 3 will be Synchronous shutdown, as shown in Figure 4C. However, the examples of FIGS. 4A-4C are only used to clearly illustrate the present invention and are not intended to limit the present invention.

FIG. 5 is a schematic diagram of a window management method according to an embodiment of the invention. It should be noted that, although FIG. 5 is described by various programs and programs, those skilled in the art can understand that the operations and functions of each program and program are operated by the processor 25 as shown in FIG. .

Referring to FIG. 5, the browser can display a webpage under a specific domain by executing the webpage program 511 of the parent window 51. When receiving an operation command applied to the parent window 51, the child window open program 512 is called to open the child window 52. The above-mentioned sub-window opener 512 is, for example, a new window syntax Window.open() in the JavaScript standard. When the child window open program 512 is called, the child window open program 512 also calls the child window number generation program 513. The sub-window number generation program 513 generates the sub-window number ID2 of the sub-window 52 by the execution of the sub-window number generation program 513. The sub-window number generation program 513 stores the sub-window number ID2 to the window level database 514 and the domain level database 515, and the sub-window open program 512 assigns the sub-window number ID2 to the sub-window 52.

In an embodiment, the webpage program 521 of the sub-window 52 can store the sub-window number ID2 in the second window level database under the sub-window 52, or the webpage program 521 of the sub-window 52 can record its own sub-variable. Window number ID2. Similarly, the sub-window 53 can also be turned on based on operations similar to those described above, and the sub-window number ID1 of the sub-window 53 can also be stored to the window level database 514 and the domain level database 515 based on operations similar to those described above. This will not be repeated here.

Thus, when the event of the parent window 51 occurs, the web page program 512 of the parent window 51 can query the window level database 514 to obtain the child window number ID2 and the child window number ID1. Next, the webpage program 512 of the parent window 51 will modify the state data associated with the child window number ID2 and the child window number ID1 in the domain level database 515 according to the child window number ID2 and the child window number ID1.

The listener 522 of the sub-window 52 and the listener 532 of the sub-window 53 listen to the database modification event in the domain level database 515, and drive the web page in response to the status data associated with the sub-window number ID2 and the sub-window number ID1 being modified. The programs 521, 531 perform corresponding operations, causing the sub-window 52 and the sub-window 53 to synchronously generate changes in response to events in the parent window.

It should be noted that, in the example of FIG. 5, the webpage program 512 of the parent window 51 can also obtain one of the child window number ID2 and the child window number ID3 from the window level database based on the event type, so that the child window 52 is caused. And one of the sub-windows 53 synchronously generates a change in response to the event of the parent window according to the above process.

FIG. 6 is a flowchart of a window management method according to an embodiment of the invention. Hereinafter, the embodiment of FIGS. 1 and 2 will be described with reference to FIG. 6.

In step S601, the processor 25 opens the first parent window to display the webpage under the specific domain, and opens the first sub-window based on the operation instruction applied to the first parent window. In step S602, the processor 25 generates a first sub-window number of the first sub-window and assigns the first sub-window number to the first sub-window. For example, the processor 25 may add the parameter "?popupid=popup123" to the URL (URL) of the open sub-window. Therefore, if the web program of the child window can include the corresponding crawler, the web program of the child window will be notified to grab the parameter as its own child window number. Alternatively, when the first sub-window is opened by using Window.open(), the first sub-window may be numbered by using Window.postMessage() before the mapping relationship between the first parent window and the first child window has not been lost. The web page program passed to the first child window. In step S603, the processor 25 stores the first sub-window number in the second window level database under the first sub-window through the webpage program of the first sub-window, or records the first through the webpage program variable of the first sub-window. A sub-window number.

In step S604, the processor 25 records the first sub-window number in the first window level database under the first parent window and the domain level database corresponding to the specific domain. In step S605, in response to the occurrence of the event of the first parent window, the processor 25 queries the first window level database through the webpage program of the first parent window to obtain the first child window number, and modifies the domain according to the first child window number. The status data associated with the first sub-window in the hierarchical database. In step S606, the processor 25 listens to the data change event in the domain level database according to the first sub-window number through the webpage program of the first sub-window to determine whether the status data corresponding to the first sub-window number is modified. In step S607, the processor 25 executes the processing procedure on the first sub-window according to the modified state data through the webpage program of the first sub-window.

It is worthwhile to note that since the dependency relationship between the parent window and the child window is separately established in the present invention, the synchronization control of the child window is more flexible and accurate. In an application scenario in which the browser simultaneously opens two parent windows and respectively opens the corresponding child windows, one of the two child windows may perform a processing procedure in response to an event occurring in one of the corresponding parent windows. In addition, the above sub-window can also be regarded as a parent window for opening a lower sub-window, whereby the dependency between the sub-window and its lower sub-window can also be established in a similar manner.

For example, FIG. 7 is a schematic diagram of a window management method according to an embodiment of the invention. The processor 25 can open the first parent window A to display the webpage under the specific domain, and open the first sub-window A1 based on the operation instruction applied to the first parent window A. In addition, the processor 25 can open the second parent window B to display another webpage under the same specific domain, and open the second sub-window B1 based on the operation instruction applied to the second parent window B.

Thus, the processor 25 can generate the first sub-window number ID3 of the first sub-window A1 and assign the first sub-window number ID3 to the first sub-window A1. The web page program 71 of the first sub-window A1 records the first sub-window number ID3 in its window level database 72. Similarly, the processor 25 can generate the second sub-window number ID4 of the second sub-window B1 and assign the second sub-window number ID4 to the second sub-window B1. The web page program 73 of the second sub-window B1 records the second sub-window number ID4 in its window level database 74. By recording the sub-window number in the window-level database under the sub-window, the sub-window number can be avoided because the page is refreshed.

Next, the processor 25 records the first sub-window number ID3 in the first window level database 75 under the first parent window A and the domain level database 77 corresponding to the specific domain. Moreover, the processor 25 simultaneously records the second sub-window number ID4 in the second window level database 76 under the second parent window B and the domain level database 77 corresponding to the same specific domain.

When the event of the first parent window A occurs, the webpage program 78 of the first parent window A will obtain the first child window number ID3 through the query window level database 75, and modify the domain level database 77 accordingly. The status data d3 of the first sub-window number ID3. Thus, the web page program 72 of the sub-window 71 executes a processing program corresponding to the event for the first sub-window A1 by listening to the material modification event in the domain-level database 77. That is, although the first parent window A, the first child window A1, and the second child window B1 are all located under the same domain, the second child window B1 is not synchronized with the first parent window A. Similarly, the sub-window B1 can also be regarded as another parent window for opening other sub-windows, and the dependency between the sub-window B1 and the bottom sub-window can be recorded to the window level database and the domain level by the sub-window number. The database is created so that the sub-window B1 and its bottom sub-window can be controlled synchronously.

In summary, in the embodiment of the present invention, when the event of the parent window occurs, the child window number is recorded between the window level database and the domain level database, and there is a dependency between the parent window and the parent window. The target sub-window of the relationship can be controlled synchronously to achieve accurate synchronization control of a particular sub-window. In addition, even if the parent window reorganizes the page, the dependency between the parent window and the child window will not disappear. In this way, both the user and the web planner can obtain the window synchronization management method that meets the current requirements through the invention, thereby achieving the purpose of facilitating and flexibly managing the window.

Although the present invention has been disclosed in the above embodiments, it is not intended to limit the present invention, and any one of ordinary skill in the art can make some changes and refinements without departing from the spirit and scope of the present invention. The scope of the invention is defined by the scope of the appended claims.

10‧‧‧Web Service System

20‧‧‧ browser

111‧‧‧Electronic devices

212‧‧‧Contact List

121‧‧‧Web server

222‧‧‧Contact Information

101‧‧‧Network

51‧‧‧ mother window

21‧‧‧Input interface

52, 53‧‧‧ child window

22‧‧‧Output interface

514‧‧‧Windows level database

23‧‧‧Storage circuit

512‧‧‧Subwindow Opener

24‧‧‧Network Module

513‧‧‧Sub Window Number Generation Program

25‧‧‧ Processor

72, 74, 75, 76‧‧‧ window level database

522, 532‧‧ ‧ listening

515, 77‧‧‧ Domain level database

ID1, ID2, ID3, ID4‧‧‧ sub-window number

511, 521, 531, 78, 71, 73‧‧‧ webpage programs

S301～S304, S601～S607‧‧‧ steps

1 is a schematic diagram of a web service system in accordance with an embodiment of the present invention. 2 is a schematic diagram of an electronic device in accordance with an embodiment of the present invention. 3 is a flow chart of a window management method in accordance with an embodiment of the present invention. 4A through 4C are diagrams showing an example of a window management method according to an embodiment of the present invention. Figure 5 is a schematic illustration of a window management method in accordance with an embodiment of the present invention. 6 is a flow chart of a window management method in accordance with an embodiment of the present invention. FIG. 7 is a schematic diagram of a window management method according to an embodiment of the invention.

Claims (10)

A window management method for an electronic device having a network module, the method comprising: opening a first parent window to display a webpage under a specific domain, and based on the first parent window Opening a first sub-window by operating the command; generating a first sub-window number of the first sub-window, and assigning the first sub-window number to the first sub-window; recording the first sub-window number at the same time a first window level database under the first parent window and a domain level database corresponding to the specific domain; and an event occurring in response to the first parent window, utilizing the first window level database The first sub-window number in the domain level database performs a processing procedure corresponding to the event for the first sub-window. The window management method of claim 1, wherein the first window level database and the first sub-window number in the domain level database are utilized in response to the occurrence of the event of the first parent window. The step of executing the processing program corresponding to the event in the first sub-window includes: responsive to the occurrence of the event in the first parent window, obtaining the first window level database through the webpage program of the first parent window The first sub-window number, and modifying the status data associated with the first sub-window in the domain-level database according to the first sub-window number; and modifying the status according to the webpage program of the first sub-window The data is executed by the first sub-window. The method for managing a window according to claim 2, further comprising: listening to the data change event in the domain level database according to the first sub-window number by the webpage program of the first sub-window to determine the corresponding Whether the status data of the first sub-window number is modified. The window management method of claim 1, further comprising: storing, by the webpage program of the first sub-window, the first sub-window number in a second window level database under the first sub-window Or the webpage program through the first sub-window records the first sub-window number with a variable. The window management method of claim 1, further comprising: opening a second parent window to display another webpage under the specific domain, and based on an operation instruction applied to the second parent window Opening a second sub-window; generating a second window number of the second sub-window and assigning the second window number to the second sub-window; and recording the second window number simultaneously under the second parent window a third window level database and the domain level database corresponding to the same specific domain. An electronic device includes: a storage circuit; a network module; and a processor coupled to the storage circuit and the network module, wherein the processor is configured to: open a first parent window to display a specific a webpage under the domain, and opening a first sub-window based on an operation instruction applied to the first parent window; generating a first sub-window number of the first sub-window, and assigning the first sub-window number to The first sub-window; the first sub-window number is simultaneously recorded in a first window level database under the first parent window; and a domain level database corresponding to the specific domain; and in response to the first An event occurs in a parent window, and a processing procedure corresponding to the event is performed on the first child window by using the first child window number in the first level database and the first level window in the domain level database. The electronic device of claim 6, wherein the processor is further configured to: query the first window level database through a webpage program of the first parent window in response to the event of the first parent window Obtaining the first sub-window number, and modifying the status data associated with the first sub-window in the domain-level database according to the first sub-window number; and modifying the modified webpage program through the first sub-window The status data executes the processing procedure for the first sub-window. The electronic device of claim 7, wherein the processor is further configured to: listen to the data change event in the domain level database according to the first sub-window number by the webpage program of the first sub-window To determine whether the status data corresponding to the first sub-window number is modified. The electronic device of claim 6, wherein the processor is further configured to: store, by the webpage program of the first sub-window, the first sub-window number in a second under the first sub-window The window level database, or the web page program through the first sub-window, records the first sub-window number with a variable. The electronic device of claim 6, wherein the processor is further configured to: open a second parent window to display another webpage under the specific domain, and apply to the second parent window a second sub-window is opened by the operation command; a second window number of the second sub-window is generated, and the second window number is assigned to the second sub-window; and the second window number is simultaneously recorded in the A third window level database under the second parent window and the domain level database corresponding to the same specific domain.