WO2017101493A1 - 一种浏览器的页面标签管理方法及装置 - Google Patents

一种浏览器的页面标签管理方法及装置 Download PDF

Info

Publication number
WO2017101493A1
WO2017101493A1 PCT/CN2016/096377 CN2016096377W WO2017101493A1 WO 2017101493 A1 WO2017101493 A1 WO 2017101493A1 CN 2016096377 W CN2016096377 W CN 2016096377W WO 2017101493 A1 WO2017101493 A1 WO 2017101493A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
browser
image
order
label management
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2016/096377
Other languages
English (en)
French (fr)
Inventor
陈超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Le Holdings Beijing Co Ltd
Lemobile Information Technology (Beijing) Co Ltd
Original Assignee
Le Holdings Beijing Co Ltd
Lemobile Information Technology (Beijing) Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Le Holdings Beijing Co Ltd, Lemobile Information Technology (Beijing) Co Ltd filed Critical Le Holdings Beijing Co Ltd
Publication of WO2017101493A1 publication Critical patent/WO2017101493A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation

Definitions

  • the present application relates to the field of browser technologies, and in particular, to a page label management method and apparatus for a browser.
  • the page label is a way for the browser to manage the page.
  • a page label corresponds to a page opened by the browser, and the user can distinguish the pages opened by the browser through the page label, so that the user can conveniently browse the browser through the page label.
  • the current page is switched to the target page; with the popularity of smart terminals loaded with smart operating systems such as Android and IOS, it is particularly urgent to implement page label management on a browser developed for smart terminal adaptation.
  • FIG. 1 A schematic diagram of page label management in the browser of the smart terminal is shown. As shown in FIG. 1 , a page label list is set in the browser, and the title of the page opened by the browser will be pulled and displayed in a list on the page. In the list of tags.
  • the inventor of the present application found in the research process that by managing the page label of the browser through the page tag list, only the title of the page opened by the browser can be displayed to the user, and the content of the page opened by the browser cannot be made. Further demonstrations, which result in users not being able to effectively distinguish between pages opened by the browser through the list of page tags, especially different pages under the same title; therefore there is a problem with the way the page tags are managed by the page tag list:
  • the present application provides a method and a device for managing a page label of a browser, so as to solve the problem that the content of the page opened by the browser cannot be further displayed in the prior art, and the user cannot open the browser.
  • the page makes an effective difference to the question.
  • a page label management method for a browser comprising:
  • the previous page image covers a partial area of the next page image, and the page images of the respective pages are overlapped and displayed on the page label management page.
  • the method further includes:
  • the determining the page image of each page, the display order of the page label management page includes:
  • Determining the order in which each page is opened is the order in which the page images of the respective pages are displayed on the page label management page;
  • the page sequence corresponding to the page currently opened by the browser is in a first order, and the order of displaying the page images of the non-current page is sorted in the first order according to an opening order of the non-current page in the browser. Obtaining the page image of each page, and displaying the order of the page label management page;
  • the order in which the page images of the respective pages are displayed on the page label management page is determined.
  • the determining, by the browser, each page that is opened by the browser, and intercepting the page content of each page, and obtaining the page image of each page includes:
  • the manner in which the previous page image covers a partial area of the next page image, and the overlapping of the page images of each page on the page label management page includes:
  • the view renderer triggers the rendering of the page image corresponding to the label of each page, and the bitmap file corresponding to the page image of each page includes:
  • the rendering of the bitmap file to the hardware canvas by the hardware graphics processor GPU; the method further includes:
  • the hardware GPU renders the bitmap file of the hardware canvas and submits it to the manager through the application programming interface OpenGL ES API.
  • the manner in which the previous page image covers a partial area of the next page image, and the overlapping of the page images of each page on the page label management page includes:
  • a setting area of the first order page image is displayed in the page label management page, the setting area includes: a title bar area and a partial body area under the title bar area;
  • determining the size of the area of the page that is not in the first order that is not covered by the page image, and the area that is not covered by each page image includes : a title bar area of the page image and a partial body area under the title bar area.
  • the size of the setting area of the page image in the first order is adjusted according to the number of pages opened by the browser, and the more the number of pages opened by the browser, the smaller the setting area;
  • the size of the area of the non-first order that is not covered by the page image is adjusted according to the number of pages opened by the browser, and the number of pages opened by the browser is more, the non-first order page image The smaller the area that is not covered.
  • the method further comprises:
  • the page tag management page display instruction When the page tag management page display instruction is detected, the page tag management page in which the page image of each page is displayed is displayed in the browser.
  • the embodiment of the present application further provides a page label management device for a browser, including:
  • the screenshot module is configured to determine each page opened by the browser, and intercept the page content of each page to obtain a page image of each page;
  • a sequence determining module configured to determine the page image of each page, and display order of the page label management page
  • an overlay display module configured to overlay the page image of each page on the page label management page according to the display order, wherein the previous page image covers a partial area of the next page image.
  • the embodiment of the present application is a page image of a page
  • the label of the page is displayed in the page label management page; and is limited to the screen of the smart terminal, and each page image may be according to the determined display order, the above one
  • the manner in which the page image covers a partial area of the next page image is displayed on the page label management page, thereby implementing the display of the multi-page label on the page label management page; since the embodiment of the present application uses the page image as the page label, When the page label is overlapped and displayed, only a partial area of the page image is covered, so that the content of the page corresponding to the page image can be further displayed by the content of the area of the page image, so that the user manages the page through the page label.
  • the image of each page overlapped and displayed can effectively distinguish the pages corresponding to the image of each page, thereby helping the user to conveniently switch the current page of the browser to the target page.
  • FIG. 1 is a schematic diagram of page label management performed by a browser of a smart terminal in the prior art
  • FIG. 2 is a flowchart of a method for managing a page label of a browser according to an embodiment of the present application
  • FIG. 3 is a schematic diagram of a page label management page displaying a page label
  • FIG. 4 is another flowchart of a method for managing a page label of a browser according to an embodiment of the present application
  • FIG. 5 is a schematic diagram of processing of a page label management method
  • Figure 6 is a schematic diagram of rendering optimization
  • FIG. 7 is a structural block diagram of a page label management apparatus of a browser according to an embodiment of the present application.
  • FIG. 8 is another structural block diagram of a page label management apparatus according to an embodiment of the present application.
  • FIG. 9 is a structural block diagram of a screenshot module according to an embodiment of the present application.
  • FIG. 10 is a structural block diagram of an electronic device for executing a page label management method of a browser according to an embodiment of the present application.
  • Methods can include:
  • Step 10 Determine each page opened by the browser, and intercept the page content of each page to obtain a page image of each page;
  • the method shown in Figure 2 can be executed when the page opened by the browser changes, such as adding, deleting, etc. of the page opened by the browser; specifically, when detecting that the page opened by the browser changes
  • the embodiment of the present application may determine each page opened by the browser, and intercept the page content of each page to obtain a page image of each page;
  • the method shown in FIG. 2 can also be executed when the user invokes the page label management page.
  • the embodiment of the present application can determine that the browser is opened when detecting that the user invokes the page label management page.
  • the page label management page is a page for displaying a page label set in the browser in the embodiment of the present application; since the user opens multiple pages at the same time on the browser of the smart terminal, the management and switching of the page label cannot be performed on the PC. So intuitive and convenient, the embodiment of the present application sets a page label management page that can be used to display page tags;
  • the embodiment of the present application can implement the interception of the page content of each page by using a view corresponding to each page opened by the browser, thereby obtaining a screenshot image (ie, a page image) of each page.
  • Step 11 Determine a display order of the page images of each page on a page label management page
  • the embodiment of the present application does not use the title information of the page as the label of the page, but uses the intercepted page image as the label of the page, and displays it in the page label management page.
  • the content of the label of each page can be visually displayed through the corresponding page image;
  • the embodiment of the present application In order to display the page image of each page in the page label management page, the embodiment of the present application needs to determine the order in which the page images of the pages are displayed on the page label management page; therefore, the embodiment of the present application may set a definition rule of the display order, Defining the definition rules of the order, determining the page image of each page, and displaying the order in the page label management page;
  • the definition rules of the display order can be set according to the specific situation, and the embodiments of the present application are not limited; the following only describes the definition rules of the optional display order:
  • the page image corresponding to the page currently opened by the browser is maintained in the first order, and the order of displaying the page images of the non-current page in the browser is sorted after the first sequence (as in the embodiment of the present application, the browser may be currently open).
  • the page image corresponding to the page is in the first order.
  • the order of displaying the page images of the non-current page is sorted in the first order, and the page image of each page is obtained, and the page label is obtained.
  • Step 12 According to the display order, the page image of the next page is overlaid on the page label management page by overlaying the partial image of the next page image.
  • the embodiment of the present application uses the overlapping display manner to display the image of each page in the page label management page; in order to avoid overlapping display of the page image, the label-related content in the page image is Covering, in the embodiment of the present application, according to the display order, the image of the previous page covers a partial area of the next page image, and the image of each page is displayed in an overlapping manner in the page label management page;
  • the embodiment of the present application uses the captured page image as the label of the page. Therefore, the area that is not covered by the image of the page should reflect the content that is displayed by the label. Specifically, the area that the image of each page is not covered may include: a title bar area of the page image and a partial body area under the title bar area; thereby reflecting the content of the page tag through the title bar area of the page image and a partial body area under the title bar area;
  • page image 01 of page 1, page image 02 of page 2, and page image 03 of page 3 are managed in page label
  • the order of presentation in the page is the first order, the second order, and the third order
  • the page image 01 can cover the page A partial area of the image 02 (the area where the page image 02 is not covered includes: a title bar area of the page image 02 and a partial text area under the title bar area), and the page image 02 may cover a partial area of the page image 03 (page image 03 is not
  • the covered area includes: a title bar area of the page image 03 and a partial text area under the title bar area), since the page image 1 does not have a previous page image that can be overwritten, the page image 1 can display only a part of the set area. , such as the title bar area and part of the body area under the title bar area.
  • the page label management method of the browser includes: determining each page opened by the browser, and intercepting the page content of each page to obtain a page image of each page; determining a page image of each page, in the page label The display order of the management page; according to the display order, the image of the previous page covers a partial area of the image of the next page, and the image of each page is overlapped and displayed on the page label management page.
  • the label of the page is displayed in the page label management page; and is limited to the screen of the smart terminal, each page image may be covered according to the determined display order, and the image of the previous page is overwritten.
  • the manner of the partial area of the page image is displayed on the page label management page in an overlapping manner, so that the display of the multi-page label on the page label management page is implemented; for the embodiment of the present application, the page image is used as the page label, and the page label is overlapped and displayed.
  • the content of the page corresponding to the page image can be further displayed by the content of the area of the page image that is not covered, so that the user manages the pages overlapped by the page label management page.
  • the image can realize the effective difference of the page corresponding to each page image, thereby helping the user to conveniently switch the current page of the browser to the target page.
  • the embodiment of the present application further provides a mechanism for prompting a page that is currently opened by a browser in a page label management page.
  • the embodiment of the present application may extract a blur effect from a page image corresponding to a page currently opened by the browser. And rendering the background of the page label management page with the blur effect, so as to implement a prompt for the currently open page of the browser by using a background corresponding to the blur effect of the page currently opened by the browser in the page label management page;
  • the embodiment of the present application can dynamically manage the page currently opened by the browser through the page label management page with dynamic blur effect, and realize the management of the label of each page;
  • the top of the page label management page may also be set to scroll an area of the title of the page currently opened by the browser; based on this, the embodiment of the present application may extract the title of the page currently opened by the browser, where the page label is The top setting area of the management page scrolls the title to scroll the displayed title through the top setting area, prompting the user to overlap the displayed multiple page labels in the page label management page In the sign, which one is the currently open page of the browser.
  • the browser of the browser implements interception of the page image of each page opened by the browser, and then manages the page in the preset page by the browser manager.
  • FIG. 4 is another flowchart of a method for managing a page label of a browser provided by an embodiment of the present application.
  • the method may include:
  • Step 20 notify the view renderer of the information of each page opened by the browser by using a browser manager
  • the information of each page is as the identifier of each page.
  • Step 21 The view renderer triggers rendering of the page image corresponding to the information of each page, and obtains a bitmap file corresponding to the page image of each page;
  • Step 22 Determine a display order of the page images of each page on the page label management page
  • Step 23 The template of the preset page label management page is retrieved by the browser manager, and according to the display order, the bitmap file corresponding to the page image of each page is in the template, and the image of the previous page is The bitmap file overlays a partial area of the bitmap file of the next page image, and the bitmap file of each page image is superimposed and displayed in the template, and a page label management page in which each page image is displayed is superimposed.
  • FIG. 5 shows a corresponding processing diagram, which can be referred to.
  • the Manager is a browser manager with a browser management function; the Manager can change the page opened by the browser or detect the user's call.
  • the Notify Active Tab is transmitted to the Renderer View (the notification of the active page in the browser, that is, the information of each page opened by the browser is notified); the Renderer View uses the OnDraw method for each page.
  • the page image corresponding to the information is rendered, and the rendered result (the bitmap file corresponding to the page image of each page) is obtained; the Renderer View can trigger the Manager to the template of the preset page label management page by the Onpause/OnResume method ( The Tab Model) operates to overlay the bitmap files corresponding to the page images of the respective pages in the template.
  • the image size of the rendered bitmap file (such as the RGB size) may be adapted by the heap memory currently occupied by the browser. ), the image size can be represented by a scale factor of the bitmap file;
  • the heap memory currently occupied by the browser may be detected, and the ratio of the bitmap file according to the heap memory is determined. a factor, by using the scale factor to trigger a rendering of a page image corresponding to the information of each page by using a view renderer, and obtaining a bitmap file corresponding to the page image of each page;
  • the scale factor according to the heap memory adaptation bitmap file may be expressed as follows: Scale factor 1.0F/2.0F, Bitmap.Config.RGB_565/RGB_8888.
  • the embodiment of the present application may further optimize a process of rendering a bitmap file of a page image
  • FIG. 6 is a schematic diagram of rendering optimization.
  • the embodiment of the present application can take over Android Canvas (canvas). Rendering, using hardware accelerated rendering to the hardware Canvas; specifically, the embodiment of the present application can render the bitmap file to the hardware canvas through a hardware GPU (Graphic Processing Unit);
  • the embodiment of the present application can use the OpenGL ES API (Application Programming Interface) to collectively submit the rendered bitmap file to reduce the call to the GPU.
  • the hardware GPU renders to the hardware.
  • the canvas bitmap file can be submitted to the manager through the OpenGL ES API (can be submitted to the application where the browser is located, and the manager can take over the bitmap file submitted to the Application);
  • OpenGL ES OpenGL for Embedded Systems, Application System Is a subset of the OpenGL 3D graphics API;
  • the embodiment of the present application can also support the off-screen rendering bitmap file in the manner of Renderbuffer Object ⁇ FrameBuffer Object, and the bitmap file to be rendered is transferred from the rendering buffer to the sail buffer;
  • the embodiment of the present application can also support more PixelFormats (pixel format), and more rendering optimization means.
  • the setting area of the page image of the first sequence may be displayed in the page label management page, and the setting area includes: a partial body area under the title bar area and the title bar area;
  • the embodiment of the present application can be based on the browser in order to balance the number of pages opened by the browser with the size of the area displayed by the page image.
  • the number of open pages determines the size of an area that is not covered by each page image that is not in the first order, and the area that is not covered by each page image includes: a title bar area of the page image and a partial text area under the title bar area;
  • the size of the setting area of the first-order page image may be adjusted according to the number of pages opened by the browser, and the more the number of pages opened by the browser, the smaller the setting area;
  • the relationship between the size of the setting area of the page image of the first order and the number of pages opened by the browser may be set according to the actual screen size of the smart terminal, and may be adjusted according to actual application conditions; the page image of the non-first order is not
  • the relationship between the size of the covered area and the number of pages opened by the browser can be determined by the actual smart terminal screen size, which can be adjusted according to the actual application.
  • the process of displaying the image of each page in the page label management page may be performed in the background of the smart terminal, and adjusting the specific page image displayed in the page label management page, corresponding to the page opened by the browser;
  • the embodiment of the present application may display a page label management page that overlaps and displays each page image in the browser, so that the user can manage the page corresponding to each page displayed in the page through the page label management page.
  • Image (page label) that determines the target page to which you want to switch.
  • the page image when the page image is used as the page label, and the page label is displayed in an overlapping manner, only a partial area of the page image is covered. Therefore, the content of the page corresponding to the page image may be further advanced by the content of the area of the page image that is not covered.
  • the display enables the user to effectively distinguish the pages corresponding to the image of each page by using the image of each page overlapped and displayed in the page label management page, thereby helping the user to conveniently switch the current page of the browser to the target page.
  • the page label management apparatus of the browser provided by the embodiment of the present application.
  • the page label management apparatus of the browser described below may refer to the page label management method of the browser described above.
  • FIG. 7 is a structural block diagram of a page label management apparatus 100 of a browser according to an embodiment of the present disclosure.
  • the page label management apparatus 100 of the browser may be applied to a browser, and the browser may be developed for adapting a smart terminal. Browser; Referring to FIG. 7, the page label management apparatus 100 of the browser may include:
  • the screenshot module 10 is configured to determine each page opened by the browser, and intercept the page content of each page to obtain a page image of each page;
  • the sequence determining module 20 is configured to determine a page image of each page, and a display order of the page label management page;
  • the overlay display module 30 is configured to display, on the page label management page, the overlay of each page image in a manner that the previous page image covers a partial region of the next page image according to the display order.
  • FIG. 8 is another structural block diagram of the page label management apparatus 200 of the browser provided by the embodiment of the present application.
  • the page label management apparatus 200 of the browser may further include :
  • a background setting module 40 configured to extract a blur effect from a page image corresponding to a page currently opened by the browser, and render a background of the page label management page by using the blur effect;
  • the title scrolling module 50 is configured to extract a title of a page currently opened by the browser, and scroll the presentation of the title in a setting area at a top of the page label management page.
  • the background setting module 40 and the title scrolling module 50 may select at least one of them to use.
  • the order determining module 20 determines the page image of each page, and the manner in which the page label management page is displayed may be as follows:
  • sequence determining module 20 is specifically configured to determine an opening sequence of each page as a display order of page images of each page in a page label management page;
  • the page image corresponding to the currently opened page of the browser is in the first order, and according to the opening order of the non-current page in the browser, the display order of the page images of the non-current page is sorted in the first order, and the pages are obtained.
  • the page image in the order in which the page label management page is displayed;
  • the order in which the page images of the respective pages are displayed on the page label management page is determined.
  • FIG. 9 shows an optional structure of the screenshot module 10 provided by the embodiment of the present application.
  • the screenshot module 10 may include:
  • the notification unit 11 is configured to notify the view renderer of the information of each page opened by the browser through the manager of the browser;
  • the rendering unit 12 is configured to trigger, by the view renderer, to render a page image corresponding to the information of each page, and obtain a bitmap file corresponding to the page image of each page.
  • the overlay display module 30 is specifically configured to: retrieve, by the browser manager, a template of the preset page label management page, and according to the display order, the bit corresponding to the page image of each page in the template
  • the bitmap file of the image of the previous page covers a partial area of the bitmap file of the next page image, and the bitmap file of each page image is overlapped and displayed in the template, and the image of each page is displayed in an overlapping manner.
  • Page label management page retrieve, by the browser manager, a template of the preset page label management page, and according to the display order, the bit corresponding to the page image of each page in the template
  • the bitmap file of the image of the previous page covers a partial area of the bitmap file of the next page image
  • the bitmap file of each page image is overlapped and displayed in the template, and the image of each page is displayed in an overlapping manner.
  • Page label management page is specifically configured to: retrieve, by the browser manager, a template of the preset page label management page, and according to the display order
  • the rendering unit 120 is specifically configured to: detect a heap memory currently occupied by the browser, and render the view by using the scale factor according to a scale factor of the heap memory adaptation bitmap file.
  • the device triggers rendering of the page image corresponding to the label of each page, and obtains a bitmap file corresponding to the page image of each page.
  • the page label management device of the browser can render the bitmap file to the hardware canvas through the hardware GPU; further, the hardware GPU renders the bitmap file of the hardware canvas, and can be collectively submitted to the OpenGL ES API. Manager.
  • the overlapping display module 30 is specifically configured to: in the first page of the page image, display a setting area of the first order page image in the page label management page, where the setting area includes: a title bar a partial body area under the area and title bar area;
  • the size of the area that is not covered by each page image that is not in the first order is determined, and the area that is not covered by each page image includes: a title bar of the page image Part of the body area under the area and title bar area.
  • the size of the setting area of the first-order page image is adjusted according to the number of pages opened by the browser, and the more the number of pages opened by the browser, the smaller the setting area;
  • the size of the area that is not covered by the non-first order page image is adjusted according to the number of pages opened by the browser, and the more the number of pages opened by the browser, the non-first order page image is not The smaller the area covered.
  • the page label management device of the browser when the page label management device of the browser detects the page label management page display instruction, the page label management page that displays the image of each page may be displayed in the browser.
  • the page label management device of the browser uses the page image as a page label, and displays each page image in an overlapping manner in the page label management page, so that the page content corresponding to the page image can be further displayed, so that the user passes
  • Each page image displayed in the page label management page can effectively distinguish the page corresponding to each page image, thereby helping the user to conveniently switch the current page of the browser to the target page.
  • FIG. 10 is a structural block diagram of an electronic device 600 for performing a method for managing a page label of a browser according to an embodiment of the present disclosure. As shown in FIG. 10, the electronic device 600 includes:
  • processors 610 and memory 620 one processor 610 is taken as an example in FIG.
  • the processor 610 and the memory 620 may be connected by a bus or other means, as exemplified by a bus connection in FIG.
  • the memory 620 is a non-volatile computer readable storage medium that can be used to store non-volatile The software program, the non-volatile computer executable program, and the module, such as the program module/module corresponding to the page label management method of the browser in the embodiment of the present application (for example, the screenshot module 10 and the sequence determination module shown in FIG. 7) 20 and overlap display module 30, the screenshot module 10, the sequence determination module 20, the overlap display module 30, the background setting module 40, and the title scrolling module 50 shown in FIG. 8, the notification unit 11 and the rendering unit 12 shown in FIG. ).
  • the processor 610 executes various functional applications and data processing of the server by running non-volatile software programs, instructions, and modules stored in the memory 620, that is, the page label management method of the browser of the above method embodiment.
  • the memory 620 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application required for at least one function; the storage data area may store data created according to use of a browser's page label management device Wait.
  • memory 620 can include high speed random access memory, and can also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device.
  • memory 620 can optionally include memory remotely located relative to processor 610, which can be connected to the browser's page tag management device over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the one or more modules are stored in the memory 620, and when executed by the one or more processors 610, perform a page label management method of a browser in any of the above method embodiments, for example, to perform the above description
  • the method steps 10 to 12 in FIG. 1 and the method steps 20 to 23 in FIG. 2 implement the functions of the modules 10-30 in FIG. 7, the functions of the modules 10-50 in FIG. 8 and the functions in FIG. The function of unit 11-12.
  • the electronic device of the embodiment of the present application exists in various forms, including but not limited to:
  • Mobile communication devices These devices are characterized by mobile communication functions and are mainly aimed at providing voice and data communication.
  • Such terminals include: smart phones (such as iPhone), multimedia phones, functional phones, and low-end phones.
  • Portable entertainment devices These devices can display and play multimedia content. Such devices include: audio, video players (such as iPod), handheld game consoles, e-books, and smart toys and portable car navigation devices.
  • Embodiments of the present application provide a non-volatile computer storage medium storing computer-executable instructions that are executed by one or more processors, such as one processor in FIG. 610.
  • the one or more processors may be configured to execute a page label management method of executing a browser in any of the foregoing method embodiments, for example, performing the method steps 10 to 12 in FIG. 1 described above, where The method steps 20 to 23 implement the functions of the modules 10-30 in Fig. 7, the functions of the modules 10-50 in Fig. 8, and the functions of the units 11-12 in Fig. 9.
  • the aforementioned program can be stored in a computer readable storage medium.
  • the program when executed, performs the steps including the foregoing method embodiments; and the foregoing storage medium includes various media that can store program codes, such as a ROM, a RAM, a magnetic disk, or an optical disk.
  • the device embodiments described above are merely illustrative, wherein the units illustrated as separate components may or may not be physically separate, and the components displayed as units may or may not be physical units, ie may be located in one place. Or it can be distributed to at least two network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment. Those of ordinary skill in the art can understand and implement without deliberate labor.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种浏览器的页面标签管理方法及装置，方法包括：确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像（10）；确定各页面的所述页面图像，在页面标签管理页的展示顺序（11）；根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页（12）。该方法可使得用户对页面标签对应的页面作出有效的区别，帮助用户后续方便的将浏览器的当前页面切换至目标页面。

Description

一种浏览器的页面标签管理方法及装置 技术领域
本申请涉及浏览器技术领域，具体涉及一种浏览器的页面标签管理方法及装置。
背景技术
页面标签是浏览器管理页面的一种方式，一个页面标签对应浏览器打开的一个页面，用户通过页面标签可区别开浏览器所打开的各页面，从而通过页面标签，用户可方便的将浏览器的当前页面切换至目标页面；随着装载有安卓、IOS等智能操作系统的智能终端的普及，在为智能终端适配开发的浏览器上实现页面标签的管理，显得尤为迫切。
在为智能终端适配开发的浏览器上所进行的页面标签的管理方式，与在为PC(个人计算机)开发的浏览器上所进行的页面标签的管理方式，存在一定的差异；图1示出了在智能终端的浏览器进行页面标签管理的示意图，如图1所示，浏览器中设置有页面标签列表，浏览器所打开的页面的标题将被拉取并以列表的方式展示在页面标签列表中。
本申请的发明人在研究过程中发现，通过页面标签列表管理浏览器的页面标签的方式，仅能向用户展示浏览器所打开的页面的标题，并无法对浏览器所打开的页面的内容作进一步的展示，这导致用户通过页面标签列表并无法对浏览器所打开的页面作出有效的区别，特别是同一标题下的不同页面；因此通过页面标签列表管理浏览器的页面标签的方式存在问题：
无法对浏览器所打开的页面的内容作进一步的展示，导致用户无法对浏览器所打开的页面作出有效的区别，对于帮助用户后续方便的将浏览器的当前页面切换至目标页面，存在一定的局限。
发明内容
有鉴于此，本申请提供一种浏览器的页面标签管理方法及装置，以解决现有技术所存在的无法对浏览器所打开的页面的内容作进一步的展示，导致用户无法对浏览器所打开的页面作出有效的区别的问题。
为实现上述目的，本申请实施例提供如下技术方案：
一种浏览器的页面标签管理方法，该方法包括：
确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
确定各页面的所述页面图像在页面标签管理页的展示顺序；
根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页。
其中，所述方法还包括：
从浏览器当前打开的页面对应的所述页面图像中提取模糊blur效果，以所述blur效果渲染所述页面标签管理页的背景；
和/或，提取浏览器当前打开的页面的标题，在所述页面标签管理页的顶部设定区域滚动展示所述标题。
其中，所述确定各页面的页面图像，在页面标签管理页的展示顺序包括：
将各页面的打开顺序确定为各页面的页面图像在页面标签管理页的展示顺序；
或，
以浏览器当前打开的页面对应的所述页面图像为第一顺序，依据浏览器中非当前页面的打开顺序，将非当前页面的所述页面图像的展示顺序排序在所述第一顺序后，得到各页面的所述页面图像，在所述页面标签管理页的展示顺序；
或，以各页面打开的逆顺序，确定各页面的所述页面图像在所述页面标签管理页的展示顺序。
其中，所述确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的所述页面图像包括：
通过浏览器的管理器向视图渲染器通知浏览器所打开的各页面的信息；
通过视图渲染器触发对各页面的所述信息所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件；
所述根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页包括：
通过浏览器的管理器调取预置的所述页面标签管理页的模板，根据所述展示顺序，在所述模板中将各页面的所述页面图像所对应的位图文件，以上一页面图像的位图文件覆盖下一页面图像的位图文件的部分区域的方式，将各页面图像的位图文件重叠的展示在所述模板中，得到重叠展示有各页面的所述页面图像的所述页面标签管理页。
其中，所述视图渲染器触发对各页面的标签所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件包括：
检测浏览器当前占用的堆heap内存，根据所述heap内存适配位图文件的比例因子，以所述比例因子通过视图渲染器触发对各页面的标签所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件。
其中，所述通过硬件图形处理器GPU渲染位图文件到硬件帆布；所述方法还包括：
所述硬件GPU渲染到硬件帆布的位图文件，通过应用程序编程接口OpenGL ES API集中提交到管理器。
其中，所述根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页包括：
对于第一顺序的所述页面图像，在所述页面标签管理页中展示第一顺序的页面图像的设定区域，所述设定区域包括：标题栏区域和标题栏区域下的部分正文区域；
对于非第一顺序的所述页面图像，根据浏览器所打开的页面数量，确定非第一顺序的各页面的所述页面图像未被覆盖的区域的大小，各页面图像未被覆盖的区域包括：所述页面图像的标题栏区域和标题栏区域下的部分正文区域。
其中，所述第一顺序的所述页面图像的设定区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述设定区域的越小；
所述非第一顺序的所述页面图像未被覆盖的区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述非第一顺序的页面图像未被覆盖的区域的越小。
其中，该方法还包括：
在检测到页面标签管理页显示指令时，在浏览器中显示重叠展示有各页面的所述页面图像的所述页面标签管理页。
本申请实施例还提供一种浏览器的页面标签管理装置，包括：
截图模块，用于确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
顺序确定模块，用于确定各页面的所述页面图像，在页面标签管理页的展示顺序；
重叠展示模块，用于根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页。
基于上述技术方案，由于本申请实施例是以页面的页面图像，作为页面的标签在页面标签管理页中展示；且受限于智能终端的屏幕，各页面图像可根据确定的展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，重叠的展示在所述页面标签管理页，从而实现多页面标签在页面标签管理页的展示；由于本申请实施例是以页面图像作为页面标签，且页面标签重叠展示时，仅是页面图像的部分区域被覆盖，因此通过页面图像未被覆盖的区域的内容，可对页面图像对应的页面内容作进一步的展示，使得用户通过页面标签管理页中重叠展示的各页面图像，可实现对各页面图像对应的页面的有效区别，进而帮助用户后续方便的将浏览器的当前页面切换至目标页面。
附图说明
一个或多个实施例通过与之对应的附图中的图片进行示例性说明，这些示例性说明并不构成对实施例的限定，附图中具有相同参考数字标号的元件表示为类似的元件，除非有特别申明，附图中的图不构成比例限制。
图1为现有技术在智能终端的浏览器进行页面标签管理的示意图；
图2为本申请实施例提供的浏览器的页面标签管理方法的流程图；
图3为页面标签管理页展示页面标签的示意图；
图4为本申请实施例提供的浏览器的页面标签管理方法的另一流程图；
图5为页面标签管理方法的处理示意图；
图6为渲染优化的示意图；
图7为本申请实施例提供的浏览器的页面标签管理装置的结构框图；
图8为本申请实施例提供的页面标签管理装置的另一结构框图；
图9为本申请实施例提供的截图模块的结构框图；
图10为本申请实施例提供的执行浏览器的页面标签管理方法的电子设备的结构框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
图2为本申请实施例提供的浏览器的页面标签管理方法的流程图，该方法可应用于浏览器中，该浏览器可以是为适配智能终端而开发的浏览器；参照图2，该方法可以包括：
步骤10、确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
可选的，图2所示方法可以在浏览器所打开的页面发生变动时执行，如浏览器所打开的页面发生新增、删除等；具体的，当检测到浏览器所打开的页面发生变动时，本申请实施例可确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
可选的，图2所示方法也可以在用户调取页面标签管理页时执行，具体的，本申请实施例可在检测到用户调取页面标签管理页的指令时，确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
页面标签管理页为本申请实施例在浏览器中设置的展示页面标签的页面；由于用户在智能终端的浏览器上同时打开了多个页面时，页面标签的管理和切换并不能够如PC上那么直观和方便，因此本申请实施例设置了可用于展示页面标签的页面标签管理页；
本申请实施例可通过浏览器所打开的各页面对应的View(视图)，实现对各页面的页面内容的截取，从而得到各页面的截图图像(即页面图像)。
步骤11、确定各页面的所述页面图像在页面标签管理页的展示顺序；
区别于现有技术，本申请实施例并不是以页面的标题信息作为页面的标签，而是以所截取的页面图像作为页面的标签，在页面标签管理页中进行展示，从 而使得各页面的标签的内容能够通过对应的页面图像进行直观的展示；
为在页面标签管理页中展示各页面的页面图像，本申请实施例需确定各页面的页面图像在页面标签管理页的展示顺序；因此，本申请实施例可设置展示顺序的定义规则，通过该展示顺序的定义规则，确定各页面的页面图像，在页面标签管理页的展示顺序；
展示顺序的定义规则可根据具体情况设置，本申请实施例不作限制；下面仅对可选的展示顺序的定义规则进行说明：
以各页面的打开顺序，作为各页面的页面图像在页面标签管理页的展示顺序；
或，以各页面打开的逆顺序，作为各页面的页面图像在页面标签管理页的展示顺序；
或，维持浏览器当前打开的页面对应的页面图像为第一顺序，而浏览器中非当前页面的页面图像的展示顺序则排序在第一顺序后(如本申请实施例可以浏览器当前打开的页面对应的页面图像为第一顺序，依据浏览器中非当前页面的打开顺序，将非当前页面的页面图像的展示顺序排序在所述第一顺序后，得到各页面的页面图像，在页面标签管理页的展示顺序)。
步骤12、根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页。
由于智能终端的单屏展示区域有限，因此本申请实施例在页面标签管理页中采用重叠展示的方式进行各页面图像的展示；为避免页面图像重叠展示过程中，对页面图像中与标签相关内容的遮盖，本申请实施例可根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，来在页面标签管理页中重叠展示各页面图像；
由于本申请实施例是以所截取的页面图像作为页面的标签，因此各页面图像未被覆盖的区域应体现出标签所应用展现的内容；具体的，各页面图像未被覆盖的区域可以包括：页面图像的标题栏区域和标题栏区域下的部分正文区域；从而通过页面图像的标题栏区域和标题栏区域下的部分正文区域，反应页面标签的内容；
如图3所示，浏览器打开的页面有3个，分为页面1，页面2和页面3；页面1的页面图像01，页面2的页面图像02和页面3的页面图像03在页面标签管理页中的展示顺序分别为第一顺序，第二顺序，第三顺序，则页面图像01可覆盖页面 图像02的部分区域(页面图像02未被覆盖的区域包括：页面图像02的标题栏区域和标题栏区域下的部分正文区域)，页面图像02可覆盖页面图像03的部分区域(页面图像03未被覆盖的区域包括：页面图像03的标题栏区域和标题栏区域下的部分正文区域)，由于页面图像1未存在可覆盖其的上一页面图像，因此页面图像1可仅展示部分设定区域，如标题栏区域和标题栏区域下的部分正文区域。
本申请实施例提供的浏览器的页面标签管理方法，包括：确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；确定各页面的页面图像，在页面标签管理页的展示顺序；根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面图像重叠的展示在所述页面标签管理页。
由于本申请实施例是以页面的页面图像，作为页面的标签在页面标签管理页中展示；且受限于智能终端的屏幕，各页面图像可根据确定的展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，重叠的展示在所述页面标签管理页，从而实现多页面标签在页面标签管理页的展示；由于本申请实施例是以页面图像作为页面标签，且页面标签重叠展示时，仅是页面图像的部分区域被覆盖，因此通过页面图像未被覆盖的区域的内容，可对页面图像对应的页面内容作进一步的展示，使得用户通过页面标签管理页中重叠展示的各页面图像，可实现对各页面图像对应的页面的有效区别，进而帮助用户后续方便的将浏览器的当前页面切换至目标页面。
本申请实施例还提供有在页面标签管理页中提示浏览器当前打开的页面的机制；可选的，本申请实施例可从浏览器当前打开的页面对应的页面图像中提取blur(模糊)效果，以所述blur效果渲染所述页面标签管理页的背景，从而通过页面标签管理页中与浏览器当前打开的页面的blur效果对应的背景，实现对浏览器当前打开的页面的提示；
由于浏览器当前打开的页面存在变动，因此本申请实施例可通过具有动态blur效果的页面标签管理页，动态的提示浏览器当前打开的页面，实现对各页面标签的管理；
可选的，页面标签管理页的顶部还可设置，滚动展示浏览器当前打开的页面的标题的区域；基于此，本申请实施例可提取浏览器当前打开的页面的标题，在所述页面标签管理页的顶部设定区域滚动展示所述标题，从而通过顶部设定区域滚动展示的所述标题，提示用户页面标签管理页中重叠展示的多个页面标 签中，对应浏览器当前打开的页面是哪一个。
可选的，本申请实施例可通过浏览器的管理器，视图渲染器实现对浏览器所打开的各页面的页面图像的截取，进而通过浏览器的管理器在预置的页面标签管理页的模板中实现各页面图像的重叠展示；
对应的，图4示出了本申请实施例提供的浏览器的页面标签管理方法的另一流程图，参照图4，该方法可以包括：
步骤20、通过浏览器的管理器向视图渲染器通知浏览器所打开的各页面的信息；
各页面的信息如各页面的标识等。
步骤21、通过视图渲染器触发对各页面的信息所对应的页面图像进行渲染，得到各页面的页面图像所对应的位图文件；
步骤22、确定各页面的所述页面图像在所述页面标签管理页的展示顺序；
步骤23、通过浏览器的管理器调取预置的页面标签管理页的模板，根据所述展示顺序，在所述模板中将各页面的页面图像所对应的位图文件，以上一页面图像的位图文件覆盖下一页面图像的位图文件的部分区域的方式，将各页面图像的位图文件重叠的展示在所述模板中，得到重叠展示有各页面图像的页面标签管理页。
图5示出了相应的处理示意图，可参照，如图5所示，Manager为浏览器的管理器，具有浏览器的管理功能；Manager可在浏览器打开的页面发生变动或者检测到用户调取页面标签管理页的指令时，向Renderer View(视图渲染器)传输Notify Active Tab(浏览器中活动页面的通知，即通知浏览器所打开的各页面的信息)；Renderer View通过OnDraw方法对各页面的信息所对应的页面图像进行渲染，并得到渲染的结果(各页面的页面图像所对应的位图文件)；Renderer View通过Onpause/OnResume方法可触发Manager对预置的页面标签管理页的模板(Tab Model)进行操作，从而将各页面的页面图像所对应的位图文件，重叠展示在所述模板中。
可选的，本申请实施例在渲染页面图像的位图文件(Bitmap)时，可通过浏览器当前占用的heap(堆)内存，适配所渲染的位图文件的图像容量大小(如RGB大小)，该图像大小可以位图文件的比例因子(Scale factor)表示；
具体的，本申请实施例在对各页面的信息所对应的页面图像进行渲染时，可检测浏览器当前占用的heap内存，根据所述heap内存适配位图文件的比例 因子，以所述比例因子通过视图渲染器触发对各页面的信息所对应的页面图像进行渲染，得到各页面的页面图像所对应的位图文件；
可选的，根据所述heap内存适配位图文件的比例因子可以如下关系表示：Scale factor 1.0F/2.0F，Bitmap.Config.RGB_565/RGB_8888。
可选的，本申请实施例还可对渲染页面图像的位图文件的过程进行优化，图6示出了渲染优化的示意图，在Android操作系统中，本申请实施例可接管Android Canvas(帆布)渲染，采用硬件加速渲染到硬件Canvas；具体的，本申请实施例可通过硬件GPU(Graphic Processing Unit，图形处理器)渲染位图文件到硬件帆布；
同时，本申请实施例可采用OpenGL ES API(Application Programming Interface，应用程序编程接口)集中提交渲染得到的位图文件，减少对GPU的调用；具体的，本申请实施例中，硬件GPU渲染到硬件帆布的位图文件，可通过OpenGL ES API集中提交到管理器(可提交到浏览器所在Application，由管理器接管提交到Application的位图文件)；OpenGL ES(OpenGL for Embedded Systems，应用程序系统)是OpenGL三维图形API的子集；
可选的，本申请实施例也可支持离屏渲染位图文件，方式为Renderbuffer Object→FrameBuffer Object，即将渲染的位图文件由渲染缓冲器转移到帆缓冲器；
显然，本申请实施例也可支持更多的PixelFormats(像素格式)，更多的渲染优化手段。
进一步，由于第一顺序的页面图像不存在覆盖其的上一页面图像，因此本申请实施例可设置第一顺序的页面图像的设定区域在页面标签管理页中进行展示，设定区域包括：标题栏区域和标题栏区域下的部分正文区域；
而对于非第一顺序的页面图像，由于均存在覆盖其的上一页面图像，因此为兼顾浏览器所打开的页面数量与页面图像展示出的区域的大小，本申请实施例可根据浏览器所打开的页面数量，确定非第一顺序的各页面图像未被覆盖的区域的大小，各页面图像未被覆盖的区域包括：页面图像的标题栏区域和标题栏区域下的部分正文区域；
具体的，第一顺序的页面图像的设定区域的大小，可根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述设定区域的越小；非第一顺序的页面图像未被覆盖的区域的大小，可根据浏览器所打开的页面数量 调整，所述浏览器所打开的页面数量越多，所述非第一顺序的页面图像未被覆盖的区域的越小；
第一顺序的页面图像的设定区域的大小，与浏览器所打开的页面数量的关系可视实际的智能终端屏幕大小设定，可根据实际应用情况调整；非第一顺序的页面图像未被覆盖的区域的大小，与浏览器所打开的页面数量的关系可视实际的智能终端屏幕大小设定，可根据实际应用情况调整。
可选的，在页面标签管理页中重叠展示各页面图像的过程可在智能终端的后台进行，并调整页面标签管理页中重叠展示的具体页面图像，与浏览器所打开的页面相应；基于此，本申请实施例在检测到页面标签管理页显示指令时，可在浏览器中显示重叠展示有各页面图像的页面标签管理页，以便于用户通过页面标签管理页中展示的各页面对应的页面图像(页面标签)，实现对需要切换至的目标页面的确定。
本申请实施例通过页面图像作为页面标签，且页面标签重叠展示时，仅是页面图像的部分区域被覆盖，因此通过页面图像未被覆盖的区域的内容，可对页面图像对应的页面内容作进一步的展示，使得用户通过页面标签管理页中重叠展示的各页面图像，实现对各页面图像对应的页面的有效区别，进而帮助用户后续方便的将浏览器的当前页面切换至目标页面。
下面对本申请实施例提供的浏览器的页面标签管理装置进行说明，下面描述的浏览器的页面标签管理装置可与上文描述的浏览器的页面标签管理方法相互对应参照。
图7为本申请实施例提供的浏览器的页面标签管理装置100的结构框图，该浏览器的页面标签管理装置100可应用于浏览器中，该浏览器可以是为适配智能终端而开发的浏览器；参照图7，该浏览器的页面标签管理装置100可以包括：
截图模块10，用于确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
顺序确定模块20，用于确定各页面的页面图像，在页面标签管理页的展示顺序；
重叠展示模块30，用于根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面图像重叠的展示在所述页面标签管理页。
可选的，图8示出了本申请实施例提供的浏览器的页面标签管理装置200的另一结构框图，结合图7和图8所示，该浏览器的页面标签管理装置200还可以包括：
背景设置模块40，用于从浏览器当前打开的页面对应的页面图像中提取blur效果，以所述blur效果渲染所述页面标签管理页的背景；
标题滚动模块50，用于提取浏览器当前打开的页面的标题，在所述页面标签管理页的顶部设定区域滚动展示所述标题。
可选的，背景设置模块40和标题滚动模块50可选择其中至少一个使用。
可选的，顺序确定模块20确定各页面的页面图像，在页面标签管理页的展示顺序的方式可以如下：
具体的，顺序确定模块20具体用于，将各页面的打开顺序，确定为各页面的页面图像在页面标签管理页的展示顺序；
或，
以浏览器当前打开的页面对应的页面图像为第一顺序，依据浏览器中非当前页面的打开顺序，将非当前页面的页面图像的展示顺序排序在所述第一顺序后，得到各页面的页面图像，在页面标签管理页的展示顺序；
或，以各页面打开的逆顺序，确定各页面的页面图像在页面标签管理页的展示顺序。
可选的，图9示出了本申请实施例提供的截图模块10的可选结构，参照图9，截图模块10可以包括：
通知单元11，用于通过浏览器的管理器向视图渲染器通知浏览器所打开的各页面的信息；
渲染单元12，用于通过视图渲染器触发对各页面的信息所对应的页面图像进行渲染，得到各页面的页面图像所对应的位图文件。
相应的，重叠展示模块30具体可用于，通过浏览器的管理器调取预置的页面标签管理页的模板，根据所述展示顺序，在所述模板中将各页面的页面图像所对应的位图文件，以上一页面图像的位图文件覆盖下一页面图像的位图文件的部分区域的方式，将各页面图像的位图文件重叠的展示在所述模板中，得到重叠展示有各页面图像的页面标签管理页。
可选的，渲染单元120具体可用于，检测浏览器当前占用的heap内存，根据所述heap内存适配位图文件的比例因子，以所述比例因子通过视图渲染 器触发对各页面的标签所对应的页面图像进行渲染，得到各页面的页面图像所对应的位图文件。
可选的，本申请实施例中，浏览器的页面标签管理装置可通过硬件GPU渲染位图文件到硬件帆布；进一步，硬件GPU渲染到硬件帆布的位图文件，可通过OpenGL ES API集中提交到管理器。
可选的，重叠展示模块30可具体用于，对于第一顺序的页面图像，在所述页面标签管理页中展示第一顺序的页面图像的设定区域，所述设定区域包括：标题栏区域和标题栏区域下的部分正文区域；
对于非第一顺序的页面图像，根据浏览器所打开的页面数量，确定非第一顺序的各页面图像未被覆盖的区域的大小，各页面图像未被覆盖的区域包括：页面图像的标题栏区域和标题栏区域下的部分正文区域。
具体的，第一顺序的页面图像的设定区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述设定区域的越小；
所述非第一顺序的页面图像未被覆盖的区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述非第一顺序的页面图像未被覆盖的区域的越小。
可选的，本申请实施例中，浏览器的页面标签管理装置在检测到页面标签管理页显示指令时，还可在浏览器中显示重叠展示有各页面图像的页面标签管理页。
本申请实施例提供的浏览器的页面标签管理装置，以页面图像作为页面标签，且在页面标签管理页中重叠展示各页面图像，可对页面图像对应的页面内容作进一步的展示，使得用户通过页面标签管理页中重叠展示的各页面图像，可实现对各页面图像对应的页面的有效区别，进而帮助用户后续方便的将浏览器的当前页面切换至目标页面。
图10是本申请实施例提供的执行浏览器的页面标签管理方法的电子设备600的结构框图，如图10所示，该电子设备600包括：
一个或多个处理器610以及存储器620，图10中以一个处理器610为例。
处理器610和存储器620可以通过总线或者其他方式连接，图10中以通过总线连接为例。
存储器620作为一种非易失性计算机可读存储介质，可用于存储非易失性 软件程序、非易失性计算机可执行程序以及模块，如本申请实施例中的浏览器的页面标签管理方法对应的程序指令/模块(例如，附图7所示的截图模块10、顺序确定模块20和重叠展示模块30，附图8所示的截图模块10、顺序确定模块20、重叠展示模块30、背景设置模块40和标题滚动模块50，附图9所示的通知单元11和渲染单元12)。处理器610通过运行存储在存储器620中的非易失性软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例浏览器的页面标签管理方法。
存储器620可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据浏览器的页面标签管理装置的使用所创建的数据等。此外，存储器620可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器620可选包括相对于处理器610远程设置的存储器，这些远程存储器可以通过网络连接至浏览器的页面标签管理装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
所述一个或者多个模块存储在所述存储器620中，当被所述一个或者多个处理器610执行时，执行上述任意方法实施例中的浏览器的页面标签管理方法，例如，执行以上描述的图1中的方法步骤10至步骤12，图2中的方法步骤20至步骤23，实现图7中的模块10-30的功能，图8中的模块10-50的功能以及图9中的单元11-12的功能。
上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。
本申请实施例的电子设备以多种形式存在，包括但不限于:
(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。
(2)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。
(3)其他具有数据交互功能的电子装置。
本申请实施例提供了一种非易失性计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行，例如图10中的一个处理器610，可使得上述一个或多个处理器可执行上述任意方法实施例中的执行浏览器的页面标签管理方法，例如，执行以上描述的图1中的方法步骤10至步骤12，图2中的方法步骤20至步骤23，实现图7中的模块10-30的功能，图8中的模块10-50的功能以及图9中的单元11-12的功能。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到至少两个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者 对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (10)

  1. 一种浏览器的页面标签管理方法，其特征在于，包括：
    确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
    确定各页面的所述页面图像在页面标签管理页的展示顺序；
    根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页。
  2. 根据权利要求1所述的浏览器的页面标签管理方法，其特征在于，所述方法还包括：
    从浏览器当前打开的页面对应的所述页面图像中提取模糊blur效果，以所述blur效果渲染所述页面标签管理页的背景；
    和/或，提取浏览器当前打开的页面的标题，在所述页面标签管理页的顶部设定区域滚动展示所述标题。
  3. 根据权利要求1所述的浏览器的页面标签管理方法，其特征在于，所述确定各页面的页面图像，在页面标签管理页的展示顺序包括：
    将各页面的打开顺序确定为各页面的页面图像在页面标签管理页的展示顺序；
    或，
    以浏览器当前打开的页面对应的所述页面图像为第一顺序，依据浏览器中非当前页面的打开顺序，将非当前页面的所述页面图像的展示顺序排序在所述第一顺序后，得到各页面的所述页面图像，在所述页面标签管理页的展示顺序；
    或，以各页面打开的逆顺序，确定各页面的所述页面图像在所述页面标签管理页的展示顺序。
  4. 根据权利要求1所述的浏览器的页面标签管理方法，其特征在于，所述确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的所述页面图像包括：
    通过浏览器的管理器向视图渲染器通知浏览器所打开的各页面的信息；
    通过视图渲染器触发对各页面的所述信息所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件；
    所述根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的 方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页包括：
    通过浏览器的管理器调取预置的所述页面标签管理页的模板，根据所述展示顺序，在所述模板中将各页面的所述页面图像所对应的位图文件，以上一页面图像的位图文件覆盖下一页面图像的位图文件的部分区域的方式，将各页面图像的位图文件重叠的展示在所述模板中，得到重叠展示有各页面的所述页面图像的所述页面标签管理页。
  5. 根据权利要求4所述的浏览器的页面标签管理方法，其特征在于，所述视图渲染器触发对各页面的标签所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件包括：
    检测浏览器当前占用的堆heap内存，根据所述heap内存适配位图文件的比例因子，以所述比例因子通过视图渲染器触发对各页面的标签所对应的所述页面图像进行渲染，得到各页面的所述页面图像所对应的位图文件。
  6. 根据权利要求4所述的浏览器的页面标签管理方法，其特征在于，所述通过硬件图形处理器GPU渲染位图文件到硬件帆布；所述方法还包括：
    所述硬件GPU渲染到硬件帆布的位图文件，通过应用程序编程接口OpenGLES API集中提交到管理器。
  7. 根据权利要求1所述的浏览器的页面标签管理方法，其特征在于，所述根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页包括：
    对于第一顺序的所述页面图像，在所述页面标签管理页中展示第一顺序的页面图像的设定区域，所述设定区域包括：标题栏区域和标题栏区域下的部分正文区域；
    对于非第一顺序的所述页面图像，根据浏览器所打开的页面数量，确定非第一顺序的各页面的所述页面图像未被覆盖的区域的大小，各页面图像未被覆盖的区域包括：所述页面图像的标题栏区域和标题栏区域下的部分正文区域。
  8. 根据权利要求7所述的浏览器的页面标签管理方法，其特征在于，所述第一顺序的所述页面图像的设定区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述设定区域的越小；
    所述非第一顺序的所述页面图像未被覆盖的区域的大小，根据浏览器所打开的页面数量调整，所述浏览器所打开的页面数量越多，所述非第一顺序的页面图像未被覆盖的区域的越小。
  9. 根据权利要求1所述的浏览器的页面标签管理方法，其特征在于，还包括：
    在检测到页面标签管理页显示指令时，在浏览器中显示重叠展示有各页面的所述页面图像的所述页面标签管理页。
  10. 一种浏览器的页面标签管理装置，其特征在于，包括：
    截图模块，用于确定浏览器所打开的各页面，并截取各页面的页面内容，得到各页面的页面图像；
    顺序确定模块，用于确定各页面的所述页面图像，在页面标签管理页的展示顺序；
    重叠展示模块，用于根据所述展示顺序，以上一页面图像覆盖下一页面图像的部分区域的方式，将各页面的所述页面图像重叠的展示在所述页面标签管理页。
PCT/CN2016/096377 2015-12-16 2016-08-23 一种浏览器的页面标签管理方法及装置 Ceased WO2017101493A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510940571.8A CN105868250A (zh) 2015-12-16 2015-12-16 一种浏览器的页面标签管理方法及装置
CN201510940571.8 2015-12-16

Publications (1)

Publication Number Publication Date
WO2017101493A1 true WO2017101493A1 (zh) 2017-06-22

Family

ID=56623878

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/096377 Ceased WO2017101493A1 (zh) 2015-12-16 2016-08-23 一种浏览器的页面标签管理方法及装置

Country Status (2)

Country Link
CN (1) CN105868250A (zh)
WO (1) WO2017101493A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109815431A (zh) * 2018-12-19 2019-05-28 努比亚技术有限公司 一种网页浏览方法、终端及计算机可读存储介质
CN111506243A (zh) * 2019-01-31 2020-08-07 阿里巴巴集团控股有限公司 页面信息处理方法、装置及电子设备
CN113436344A (zh) * 2021-06-25 2021-09-24 广联达科技股份有限公司 一种引用视图的显示方法、系统及图像显示设备
CN113535288A (zh) * 2020-04-20 2021-10-22 北京沃东天骏信息技术有限公司 一种页面数据处理方法、页面展示方法和装置
CN114139085A (zh) * 2021-11-05 2022-03-04 上海瑞家信息技术有限公司 一种页面跳转方法、装置、电子设备及存储介质
CN115268720A (zh) * 2022-08-16 2022-11-01 北京尽微致广信息技术有限公司 一种页面渲染方法、装置、设备及可读存储介质

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105868250A (zh) * 2015-12-16 2016-08-17 乐视移动智能信息技术（北京）有限公司 一种浏览器的页面标签管理方法及装置
CN107784000B (zh) * 2016-08-26 2021-06-29 腾讯科技（深圳）有限公司 一种标签页展示方法、浏览器及用户设备
CN106527888B (zh) * 2016-10-19 2019-07-30 广东欧珀移动通信有限公司 滑屏查找页面的方法及装置
CN107066258B (zh) * 2017-03-06 2020-10-16 武汉斗鱼网络科技有限公司 一种页面标识图像更新方法及系统
CN108573002B (zh) * 2017-03-14 2022-04-26 阿里巴巴集团控股有限公司 提供页面信息的方法及装置
CN107133051B (zh) * 2017-05-27 2021-03-23 苏州浪潮智能科技有限公司 一种页面布局管理方法及管理器
CN108566564B (zh) * 2018-04-12 2021-09-28 深圳Tcl数字技术有限公司 页面焦点的跳转方法、电视机及计算机可读存储介质
CN108965471B (zh) * 2018-08-22 2021-03-16 四川长虹电器股份有限公司 一种智能电视上浏览器内存改善方法
CN109918002A (zh) * 2019-01-15 2019-06-21 平安科技（深圳）有限公司 页面切换控制方法、装置、设备及计算机可读存储介质
CN112541121A (zh) * 2020-12-21 2021-03-23 深圳市彬讯科技有限公司 页面数据推送方法、装置、计算机设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110047491A1 (en) * 2009-08-19 2011-02-24 Company 100, Inc. User interfacinig method using touch screen in mobile communication terminal
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN104252288A (zh) * 2014-09-22 2014-12-31 可牛网络技术（北京）有限公司 浏览器多标签页的控制方法及浏览器
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN105868250A (zh) * 2015-12-16 2016-08-17 乐视移动智能信息技术（北京）有限公司 一种浏览器的页面标签管理方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9639533B2 (en) * 2013-09-18 2017-05-02 Shutterfly, Inc. Graphic user interface for a group of image product designs
CN104239545B (zh) * 2014-09-23 2018-01-23 北京金山安全软件有限公司 一种多标签页的预览方法以及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110047491A1 (en) * 2009-08-19 2011-02-24 Company 100, Inc. User interfacinig method using touch screen in mobile communication terminal
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN104252288A (zh) * 2014-09-22 2014-12-31 可牛网络技术（北京）有限公司 浏览器多标签页的控制方法及浏览器
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN105868250A (zh) * 2015-12-16 2016-08-17 乐视移动智能信息技术（北京）有限公司 一种浏览器的页面标签管理方法及装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109815431A (zh) * 2018-12-19 2019-05-28 努比亚技术有限公司 一种网页浏览方法、终端及计算机可读存储介质
CN111506243A (zh) * 2019-01-31 2020-08-07 阿里巴巴集团控股有限公司 页面信息处理方法、装置及电子设备
CN111506243B (zh) * 2019-01-31 2023-07-14 阿里巴巴(江西)有限公司 页面信息处理方法、装置及电子设备
CN113535288A (zh) * 2020-04-20 2021-10-22 北京沃东天骏信息技术有限公司 一种页面数据处理方法、页面展示方法和装置
CN113436344A (zh) * 2021-06-25 2021-09-24 广联达科技股份有限公司 一种引用视图的显示方法、系统及图像显示设备
CN114139085A (zh) * 2021-11-05 2022-03-04 上海瑞家信息技术有限公司 一种页面跳转方法、装置、电子设备及存储介质
CN115268720A (zh) * 2022-08-16 2022-11-01 北京尽微致广信息技术有限公司 一种页面渲染方法、装置、设备及可读存储介质
CN115268720B (zh) * 2022-08-16 2024-06-11 北京尽微致广信息技术有限公司 一种页面渲染方法、装置、设备及可读存储介质

Also Published As

Publication number Publication date
CN105868250A (zh) 2016-08-17

Similar Documents

Publication Publication Date Title
WO2017101493A1 (zh) 一种浏览器的页面标签管理方法及装置
US20180232109A1 (en) Customizable Bladed Applications
US9335921B2 (en) Providing subpages in a touch panel user interface
US9495064B2 (en) Information processing method and electronic device
US20140189516A1 (en) Video preview display method and terminal device
US12135864B2 (en) Screen capture method and apparatus, and electronic device
CN112437353A (zh) 视频处理方法、视频处理装置、电子设备和可读存储介质
US20170171277A1 (en) Method and electronic device for multimedia recommendation based on android platform
US11935172B2 (en) Method, system, and non-transitory computer readable record medium for expressing emotion in conversation message using gesture
CN116137662A (zh) 页面展示方法及装置、电子设备、存储介质和程序产品
KR101746052B1 (ko) 휴대단말에서 전자책 서비스 제공 방법 및 장치
CN104599307B (zh) 一种在移动终端上采用动画显示图片的方法
US10643580B2 (en) Method and device for switching playing mode of a mobile terminal, storage medium and program
CN114911441A (zh) 信息显示方法和装置
CN107895006B (zh) 音频播放方法、装置、存储介质及电子设备
US20200201673A1 (en) View switching
WO2017101390A1 (zh) 一种图片显示方法及装置
CN117170793A (zh) 收纳内容的方法、装置、终端及存储介质
WO2023241563A1 (zh) 数据处理方法和电子设备
US10102395B2 (en) System and method for creating and transitioning to multiple facets of a social media object in a social network
CN112015309B (zh) 显示切换方法、装置及移动终端
CN108205456A (zh) 一种跨进程的窗口渲染方法、设备及存储介质
CN115562779A (zh) 媒体信息处理方法、装置、设备及存储介质
JP2010282200A (ja) アニメーションフォントファイルの構造及び携帯用端末のテキスト出力方法
WO2019105062A1 (zh) 一种内容显示方法、装置和终端设备

Legal Events

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

Ref document number: 16874553

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16874553

Country of ref document: EP

Kind code of ref document: A1