Page element collection method and device, equipment and storage medium

Abstract

The invention discloses a page element collection method, device and equipment and a storage medium, and relates to the field of computers.The method comprises the steps that a target element needing to be collected in a browser page is determined based on an element collection instruction, and the element collection instruction is generated based on user operation or based on a preset collection condition; adding the target element to an element collection set; due to the fact that the target element needing to be collected through the element collection indication in the browser page is added to the element collection set, the content and the element which a user is interested in in the browser page are effectively stored, the user can conveniently browse and use the element collection set subsequently, and user experience is effectively improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a page element collection method, device, equipment and storage medium. Background Art

[0002] When a user browses a page on a browser, he or she may be interested in certain content on the page. However, it is troublesome for the user to directly save or bookmark the entire page, and it is difficult for the user to find the content of interest on the page later.

[0003] Currently, it is not possible to save the content that users are interested in on a page separately. Therefore, when users browse the content that they are interested in, they need to reopen the page where the content is located, which results in low efficiency in the subsequent browsing and use of the content that users are interested in, and a poor user experience.

[0004] The above contents are only used to assist in understanding the technical solution of the present invention and do not constitute an admission that the above contents are prior art. Summary of the invention

[0005] The main purpose of the present invention is to provide a page element collection method, device, equipment and storage medium, aiming to solve the technical problem that the prior art cannot effectively collect the content of interest to users in the browser page, which makes it difficult for users to browse the content of interest later and leads to poor user experience.

[0006] To achieve the above object, the present invention provides a method for collecting page elements, the method comprising the following steps:

[0007] Determine a target element in the browser page that needs to be collected based on an element collection indication, where the element collection indication is generated based on a user operation or based on a preset collection condition;

[0008] Add the target element to the element collection.

[0009] Optionally, the element collection includes at least one of the following: an element collection page and an element collection bar.

[0010] Optionally, adding the target element to an element collection includes:

[0011] Obtaining element information of the target element and page layout information of the element collection page;

[0012] Adjusting the target element based on the element information and the page layout information;

[0013] The adjusted target element is added to the element collection page.

[0014] Optionally, the adjusting the target element based on the element information and the page layout information includes:

[0015] Dividing a plurality of candidate areas from the element collection page based on the page layout information;

[0016] Filtering a target area from the multiple candidate areas based on the element information;

[0017] The target element is adjusted based on the target area and the element information.

[0018] Optionally, the element information includes element resolution parameters, element grayscale parameters, element color parameters and element format.

[0019] Optionally, the filtering out a target area from the multiple candidate areas based on the element information includes:

[0020] Get the region size of each candidate region;

[0021] Filtering out a layout area that matches the target element size from the multiple candidate areas based on the element resolution parameter and the area size;

[0022] Determine the regional grayscale parameter of each layout area based on the collection elements arranged around each layout area;

[0023] A target area is screened out from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area.

[0024] Optionally, the filtering out a target area from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area includes:

[0025] Acquire an element texture feature vector of the target element based on the element grayscale parameter;

[0026] Acquire a regional texture feature vector of each layout area based on the regional grayscale parameter;

[0027] Performing feature matching on the element texture feature vector and the texture feature vectors of each region to obtain the texture similarity between the target element and each layout region;

[0028] A target area is screened out from the layout area based on the texture similarity.

[0029] Optionally, the acquiring the element texture feature vector of the target element based on the element grayscale parameter includes:

[0030] Generate a grayscale image corresponding to the target element based on the element grayscale parameter;

[0031] Dividing the grayscale image to obtain a plurality of image blocks;

[0032] Obtain the gray level co-occurrence matrix of each image block;

[0033] An element texture feature vector of the target element is obtained based on the gray level co-occurrence matrix.

[0034] Optionally, the filtering out a target area from the multiple candidate areas based on the element information includes:

[0035] Constructing a color histogram of the target element based on the element color parameters;

[0036] Extracting a color feature vector of the target element based on the color histogram;

[0037] Aggregating the color feature vectors to obtain a color cluster of the target element;

[0038] Acquire the color similarity between each candidate area and the target element based on the color cluster;

[0039] A target area is screened out from the multiple candidate areas based on the color similarity.

[0040] Optionally, the adjusting the target element based on the target area and the element information includes:

[0041] Determining a region format corresponding to the target region based on the collection elements arranged around the target region;

[0042] The element format of the target element is adjusted based on the region format.

[0043] Optionally, adding the target element to an element collection includes:

[0044] Obtaining page information of the target element;

[0045] Generate summary information of the target element based on the page information;

[0046] Determine, based on the summary information, to search a pre-built mapping table for an element icon that matches the target element;

[0047] The target element is added to an element favorite bar based on the element icon.

[0048] In addition, to achieve the above-mentioned purpose, the present invention also proposes a page element collection device, the page element collection device comprising:

[0049] An element determination module is used to determine a target element in a browser page that needs to be collected based on an element collection indication, wherein the element collection indication is generated based on a user operation or based on a preset collection condition;

[0050] The element collection module is used to add the target element to the element collection set.

[0051] In addition, to achieve the above-mentioned purpose, the present invention also proposes a page element collection device, which includes: a memory, a processor, and a page element collection program stored in the memory and executable on the processor, and the page element collection program is configured to implement the steps of the page element collection method described above.

[0052] In addition, to achieve the above-mentioned purpose, the present invention further proposes a storage medium, on which a page element collection program is stored, and when the page element collection program is executed by a processor, the steps of the page element collection method described above are implemented.

[0053] The present invention determines the target elements that need to be collected in the browser page based on the element collection indication, wherein the element collection indication is generated based on the user operation or based on the preset collection condition, and adds the target elements to the element collection set; since the present invention adds the target elements that need to be collected according to the element collection indication in the browser page to the element collection set, the content and elements that the user is interested in in the browser page are effectively saved, which is convenient for the user to browse and use through the element collection set later, and effectively improves the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0054] Figure 1 It is a structural diagram of a page element collection device in a hardware operating environment involved in an embodiment of the present invention;

[0055] Figure 2 This is a flow chart of a first embodiment of a method for collecting page elements of the present invention;

[0056] Figure 3 A schematic diagram of a flow chart of a second embodiment of a method for collecting page elements of the present invention;

[0057] Figure 4 This is a schematic diagram of an element collection page according to a second embodiment of a method for collecting page elements of the present invention;

[0058] Figure 5 It is a structural block diagram of the first embodiment of the page element collection device of the present invention.

[0059] The realization of the purpose, functional features and advantages of the present invention will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0060] It should be understood that the specific embodiments described herein are only used to explain the present invention, and are not used to limit the present invention.

[0061] Reference Figure 1 , Figure 1 It is a schematic diagram of the structure of a page element collection device in the hardware operating environment involved in the embodiment of the present invention.

[0062] like Figure 1 As shown, the page element collection device may include: a processor 1001, such as a central processing unit (CPU), a communication bus 1002, a user interface 1003, a network interface 1004, and a memory 1005. Among them, the communication bus 1002 is used to realize the connection and communication between these components. The user interface 1003 may include a display screen (Display), an input unit such as a keyboard (Keyboard), and the optional user interface 1003 may also include a standard wired interface and a wireless interface. The network interface 1004 may optionally include a standard wired interface and a wireless interface (such as a wireless fidelity (Wireless-Fidelity, Wi-Fi) interface). The memory 1005 may be a high-speed random access memory (Random Access Memory, RAM), or a stable non-volatile memory (Non-Volatile Memory, NVM), such as a disk storage. The memory 1005 may also be a storage device independent of the aforementioned processor 1001.

[0063] Those skilled in the art will understand that Figure 1 The structure shown in does not constitute a limitation on the page element collection device, and may include more or fewer components than shown in the figure, or a combination of certain components, or a different arrangement of components.

[0064] like Figure 1 As shown, the memory 1005 as a storage medium may include an operating system, a network communication module, a user interface module, and a page element collection program.

[0065] exist Figure 1 In the page element collection device shown, the network interface 1004 is mainly used for data communication with the network server; the user interface 1003 is mainly used for data interaction with the user; the processor 1001 and the memory 1005 in the page element collection device of the present invention can be set in the page element collection device, and the page element collection device calls the page element collection program stored in the memory 1005 through the processor 1001, and executes the page element collection method provided by the embodiment of the present invention.

[0066] The embodiment of the present invention provides a method for collecting page elements, referring to Figure 2 , Figure 2 The figure is a flow chart of a first embodiment of a method for collecting page elements according to the present invention.

[0067] In this embodiment, the page element collection method includes the following steps:

[0068] Step S10: determining a target element in the browser page that needs to be collected based on an element collection indication, wherein the element collection indication is generated based on a user operation or based on a preset collection condition.

[0069] It should be noted that this embodiment is applied when a user is interested in one or more contents in a browser page. The target elements in the browser page that the user is interested in and needs to be collected are determined based on the element collection indication, and the target elements are added to the element collection, thereby facilitating the user to browse the content of interest or use the elements in the element collection through the element collection in the future.

[0070] It should be understood that the executor of the method of this embodiment can be a page element collection device with data processing, network communication and program running functions, such as a computer, or other devices or equipment that can achieve the same or similar functions. The above-mentioned page element collection device (hereinafter referred to as the element collection device) is used as an example for explanation here.

[0071] It should be noted that the element collection instruction can be an instruction issued by the user, such as the user manually selecting an element in the browser page as a target element for collection, or it can be automatically filtering the target elements of interest to the user from the element collection page based on preset collection conditions.

[0072] It can be understood that the browser page can be the page currently browsed by the user, or it can be the background page opened by the browser. For example, if the user selects element A as the target element in the currently browsed page, the element collection indication is triggered, and element A is added to the element collection set; or, if element B in the browser page opened in the background meets the preset collection condition, the element collection indication is triggered, and element B is added to the element collection set.

[0073] It should be noted that the element can be content in the browser page, for example, the element can be an image, document, audio, etc. in the browser page. The target element can be an element that needs to be collected by the user operation, or it can be an element in the browser page that meets the preset collection condition. The preset collection condition can be a pre-set condition for identifying whether an element needs to be collected, for example, the preset collection condition can be whether the element in the browser page is an image or a video.

[0074] In a specific implementation, the element collection device can generate an element collection indication based on preset collection conditions, thereby collecting page elements based on the preset collection conditions. The element collection device traverses each element in the browser page based on the preset collection conditions, determines whether each element meets the preset collection conditions, takes the elements that meet the preset collection conditions as target elements, and adds the target elements to the element collection set.

[0075] Step S20: Add the target element to the element collection.

[0076] It should be noted that the element collection includes at least one of the following: an element collection page and an element collection bar. For example, when the element collection is an element collection page, the element collection device generates visual content based on the target element, and adds the visual content to the element collection page for display; if the element collection is an element collection bar, an element icon corresponding to the target element is generated based on the element information of the target element, and the element icon is added to the element collection.

[0077] It should be understood that the element collection device adjusts the target element and generates visual content based on the adjusted target element, such as adjusting the target element to visual content of a preset size and adding the visual content to the element collection page.

[0078] In a specific implementation, the element collection device can layout the elements collected in the element collection page, and adjust each collection element based on the element type and element size of the collection element to improve the beauty and neatness of the element collection page.

[0079] Furthermore, the element collection includes an element collection bar. In order to effectively collect the target element into the element collection bar, the above step S20 may include:

[0080] Obtaining page information of the target element;

[0081] Generate summary information of the target element based on the page information;

[0082] Determine, based on the summary information, to search a pre-built mapping table for an element icon that matches the target element;

[0083] The target element is added to an element favorite bar based on the element icon.

[0084] It should be noted that the page information may be the content information displayed by the target element in the browser page. For example, if the target element is a text element, the page information includes the text content of the target element. The above summary information may be a summary generated after collating and summarizing the page information of the target element. For example, if the target element is a hot search list, the summary information of the target element is generated based on the hot search list. The above element icon may be a thumbnail image or symbol used to identify the target element.

[0085] It should be understood that in order to effectively collect the target element, the page information of the target element is obtained, the page information is organized and summarized, summary information of the target element is generated, and based on the summary information, an element icon matching the target element is searched from a pre-built mapping table (for example, if the target element is an audio element, then the element icon matching the target element is an audio-related thumbnail image or symbol), and the target element is added to the element collection bar based on the element icon.

[0086] This embodiment determines the target elements that need to be collected in the browser page based on the element collection indication, where the element collection indication is generated based on the user operation or based on the preset collection condition, and adds the target elements to the element collection set; since this embodiment adds the target elements that need to be collected according to the element collection indication in the browser page to the element collection set, the content and elements that the user is interested in in the browser page are effectively saved, which facilitates the user's subsequent browsing and use through the element collection set, and effectively improves the user experience.

[0087] refer to Figure 3 , Figure 3 It is a flow chart of a second embodiment of a method for collecting page elements of the present invention.

[0088] Based on the above first embodiment, in this embodiment, step S20 includes:

[0089] Step S21: Acquire the element information of the target element and the page layout information of the element collection page.

[0090] It should be noted that the element information may be the element type, element size, element resolution, etc. of the target element. The page layout information may be the page size of the element collection page and the arrangement information of the elements currently arranged in the element page.

[0091] For example, if the target element is an image element, the resolution and size of the image element are obtained, and the resolution and size of the image element are adjusted based on the page layout information, thereby improving the simplicity of the element collection page and enabling users to quickly obtain required information.

[0092] Step S22: adjusting the target element based on the element information and the page layout information.

[0093] It should be noted that the element collection device determines the element type of the target element based on the element information, and obtains the adjustment strategy corresponding to the target element based on the element type. For example, if the element type of the target element is an image element, the image element adjustment strategy is obtained to adjust the resolution and image size of the image element; if the element type of the target element is a text type, the text element adjustment strategy is obtained to adjust the paragraph spacing and character spacing of the text element, as well as the text size.

[0094] For example, if the target element is an image element, the image resolution and image size of the image element are obtained, the element size of each existing element in the element collection page is determined based on the page layout information of the element collection page, and the maximum resolution and minimum resolution supported by the element collection page are determined, the element resolution of the image element is adjusted based on the maximum resolution and minimum resolution, and the element size of the image element is adjusted based on the element size of each existing element.

[0095] Furthermore, in order to effectively adjust the target element to ensure a neat page layout, the above step S22 may include:

[0096] Step S221: dividing a plurality of candidate areas from the element collection page based on the page layout information;

[0097] Step S222: Filtering out a target area from the multiple candidate areas based on the element information;

[0098] Step S223: adjusting the target element based on the target area and the element information.

[0099] It should be noted that the candidate area can be a blank area in the element collection page where elements can be added, that is, there are no other elements in the candidate area, so the newly added target element can be added to the candidate area. The above-mentioned target area can be an area in the candidate area that matches the size of the target element, or it can be an element type or element color of an element near the target area that matches the target element. The target element is added to the target area to ensure that the page layout is neat and beautiful.

[0100] It should be understood that the element collection device determines the element position of the element collection page based on the page layout information, divides the element collection page into multiple candidate areas to which elements can be added based on the element position, obtains the area size of each candidate area, and screens out a target area that matches the size of the target element from each candidate area based on the element size and area size of the target element, and makes appropriate adjustments to the target element based on the element type and element color of the elements around the target area to ensure that the target element is unified in style with the surrounding elements, thereby enhancing the visual effect of the element collection page.

[0101] In the specific implementation, refer to Figure 4 , Figure 4 This is a schematic diagram of an element collection page, which contains elements A, B, C, D and E. Based on the size and position information of the above elements, candidate area 1, candidate area 2 and candidate area 3 are divided from the element collection page. There is space in the above candidate areas for adding new elements. The area size of each candidate area is obtained, and a target area is screened out from multiple candidate areas based on the area size and the element size of the target element. For example, if the size of the target element matches that of candidate area 2, candidate area 2 is used as the target area, and the target element is adjusted and added to candidate area 2.

[0102] Furthermore, the element information includes element resolution parameters, element grayscale parameters, element color parameters and element format. In order to improve the visual effect of the element collection page, the above step S222 may include:

[0103] Step S2221: obtaining the region size of each candidate region;

[0104] Step S2222: Screening out a layout area that matches the size of the target element from the multiple candidate areas based on the element resolution parameter and the area size;

[0105] Step S2223: determining the regional grayscale parameter of each layout area based on the collection elements arranged around each layout area;

[0106] Step S2224: Filter out a target area from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area.

[0107] It should be noted that the region size may be the size of the region boundary of each candidate region. The element resolution parameter may be the resolution of the visual content corresponding to the target element. For example, if the target element is an image element, the element resolution parameter may be the image resolution of the image element. The above-mentioned element grayscale parameter may be the brightness level of the target element in the grayscale image. The above-mentioned element color parameter may be the RGB parameter of the target element, or may be the color saturation parameter, color gamut distribution parameter, etc. of the target element. The above-mentioned element format may be the element type of the target element. For example, the target element may be in the format of image, audio, text, etc. The above-mentioned layout area may be an area whose size matches that of the target element, and the length and width of the layout area both meet the size requirements of the target element.

[0108] It can be understood that the element collection device determines the size requirement of the target element based on the element resolution parameter of the target element, screens out at least one layout area that meets the size requirement from each candidate area based on the area size of each candidate area, and then obtains the grayscale parameters of the collection elements arranged around each layout area to determine the grayscale parameters around the area boundary of each layout area, and screens out the target area with a similar grayscale to the target element from the layout area based on the element grayscale parameter of the target element, thereby ensuring the unity of the element style of the entire element collection page, effectively improving the overall visual effect of the page, and making it more convenient for users to browse the elements in the collection page.

[0109] Further, in order to improve the texture visual effect of the element collection page, the above step S2224 may include:

[0110] Acquire an element texture feature vector of the target element based on the element grayscale parameter;

[0111] Acquire a regional texture feature vector of each layout area based on the regional grayscale parameter;

[0112] Performing feature matching on the element texture feature vector and the texture feature vectors of each region to obtain the texture similarity between the target element and each layout region;

[0113] A target area is screened out from the layout area based on the texture similarity.

[0114] It should be noted that the element texture feature vector can be a mathematical representation used to describe the texture features of the element, and the texture can be the subtle details, patterns or structures of the element, such as particles, textures, lines, etc. The texture feature vector is a numerical feature extracted from an image or data, and is used to describe various aspects of the texture. The above-mentioned regional texture feature vector can be a texture feature vector of the elements distributed around the layout area.

[0115] It should be understood that the element collection device converts the image of the target element into a grayscale image and the color image into a single-channel grayscale image. This can be done by weighted averaging the RGB values ​​of the color channel to extract the element texture feature vector of the target element, obtaining the grayscale parameters of each element distributed around the layout area, thereby extracting the regional texture feature vector of the layout area, and matching the texture feature vectors of the two to obtain the texture similarity between the target element and each layout area. Based on the texture similarity, the target area with a texture similar to the target element is screened out from the layout area, thereby ensuring the uniformity of the texture style of the element collection page and improving the overall texture visual effect of the page.

[0116] Furthermore, in order to accurately extract the texture feature of the target element, the step of obtaining the element texture feature vector of the target element based on the element grayscale parameter may include:

[0117] Generate a grayscale image corresponding to the target element based on the element grayscale parameter;

[0118] Dividing the grayscale image to obtain a plurality of image blocks;

[0119] Obtain the gray level co-occurrence matrix of each image block;

[0120] An element texture feature vector of the target element is obtained based on the gray level co-occurrence matrix.

[0121] It should be noted that the gray level co-occurrence matrix may be a matrix used to describe the relationship between different gray levels in each image block. This embodiment may analyze the spatial relationship and texture features between gray levels between image blocks based on the gray level co-occurrence matrix.

[0122] It should be understood that the element collection device converts the image corresponding to the target element into a grayscale image based on the element grayscale parameter, divides the grayscale image to obtain multiple image blocks, calculates the grayscale co-occurrence matrix for each image block, normalizes the grayscale co-occurrence matrix of each image block, maps the texture feature ranges of different image blocks to the same value domain so that they can be compared and analyzed more effectively, determines the grayscale distribution information of each image block based on the grayscale co-occurrence matrix, and thereby obtains the element texture feature vector of the target element.

[0123] Furthermore, in order to improve the color effect of the element collection page, the above step S222 may include:

[0124] Constructing a color histogram of the target element based on the element color parameters;

[0125] Extracting a color feature vector of the target element based on the color histogram;

[0126] Aggregating the color feature vectors to obtain a color cluster of the target element;

[0127] Acquire the color similarity between each candidate area and the target element based on the color cluster;

[0128] A target area is screened out from the multiple candidate areas based on the color similarity.

[0129] It should be noted that the color histogram may be a distribution statistical histogram of the target element in each color domain. The color feature vector may be a mathematical vector used to describe the color information in the target element.

[0130] It should be understood that the element collection device determines the color space to be used (such as RGB, HSV, etc.), divides the value range of each channel into a certain number of intervals according to the selected color space, traverses the color parameters of the target element, and counts the frequency or count of each color channel falling into each interval, and organizes the statistically obtained color frequency data into a vector or array, which is the color histogram of the target element.

[0131] It can be understood that the element collection device distributes color feature vectors to different clusters according to similarity for clustering operation, and according to the clustering result, aggregates the color feature vectors in the same cluster to form a color cluster of the target element, and each color cluster represents a similar color group.

[0132] Furthermore, in order to ensure that adjacent elements in the element collection page have the same format, thereby facilitating user browsing, the above step S223 may include:

[0133] Determining a region format corresponding to the target region based on the collection elements arranged around the target region;

[0134] The element format of the target element is adjusted based on the region format.

[0135] It should be noted that the region format may be the format of each element adjacent to the target region. For example, if the elements arranged around the target region are in the flv format, then the region format corresponding to the target region is flv.

[0136] It should be understood that the element collection device obtains the element formats of each adjacent collection element arranged around the target area, determines the area format of the target area based on the element formats of each adjacent collection element, and adjusts the format of the target element based on the area format, thereby ensuring that the target element in the target area has the same format as the surrounding elements, thereby ensuring that the adjacent element formats in the element collection page are unified for easy user browsing.

[0137] Step S23: adding the adjusted target element to the element collection page.

[0138] It should be understood that the element collection device determines the blank addable area in the element collection page based on the page layout information of the element collection page, obtains the area size information of the addable area, adjusts the size of the target element based on the area size information, and adds the adjusted target element to the addable area of ​​the element collection page.

[0139] This embodiment obtains the element information of the target element and the page layout information of the element collection page, adjusts the target element based on the element information and the page layout information, and adds the adjusted target element to the element collection page; because this embodiment adjusts the target element based on the element information of the target element and the page layout information of the element collection page, and adds the adjusted target element to the element collection page, the efficiency of element collection is improved, the page intuitiveness of the element collection page is improved, and the page layout structure is clear, the elements are arranged in order, and it is easy for users to understand and navigate.

[0140] In addition, an embodiment of the present invention further provides a storage medium, on which a page element collection program is stored. When the page element collection program is executed by a processor, the steps of the page element collection method described above are implemented.

[0141] Since the storage medium adopts all the technical solutions of all the above embodiments, it has at least all the beneficial effects brought by the technical solutions of the above embodiments, which will not be described one by one here.

[0142] Reference Figure 5 , Figure 5 It is a structural block diagram of the first embodiment of the page element collection device of the present invention.

[0143] like Figure 5 As shown, the page element collection device proposed in the embodiment of the present invention includes:

[0144] An element determination module 10, used to determine a target element to be collected in a browser page based on an element collection indication, wherein the element collection indication is generated based on a user operation or based on a preset collection condition;

[0145] The element collection module 20 is used to add the target element to an element collection set.

[0146] Furthermore, the element collection includes at least one of the following: an element collection page and an element collection bar.

[0147] Furthermore, the element collection module 20 is also used to obtain element information of the target element and page layout information of the element collection page; adjust the target element based on the element information and the page layout information; and add the adjusted target element to the element collection page.

[0148] Furthermore, the page element collection device further includes:

[0149] The element adjustment module 30 is used to divide a plurality of candidate areas from the element collection page based on the page layout information; filter out a target area from the plurality of candidate areas based on the element information; and adjust the target element based on the target area and the element information.

[0150] Furthermore, the element information includes element resolution parameters, element grayscale parameters, element color parameters and element format.

[0151] Furthermore, the element adjustment module 30 is also used to obtain the area size of each candidate area; based on the element resolution parameter and the area size, screen out the layout area that matches the target element size from the multiple candidate areas; based on the collection elements arranged around each layout area, determine the area grayscale parameter of each layout area; based on the element grayscale parameter and the area grayscale parameter of each layout area, screen out the target area from the layout area.

[0152] Furthermore, the element adjustment module 30 is also used to obtain the element texture feature vector of the target element based on the element grayscale parameter; obtain the regional texture feature vector of each layout area based on the regional grayscale parameter; perform feature matching between the element texture feature vector and each regional texture feature vector to obtain the texture similarity between the target element and each layout area; and filter out the target area from the layout area based on the texture similarity.

[0153] Furthermore, the element adjustment module 30 is also used to construct a color histogram of the target element based on the element color parameters; extract a color feature vector of the target element based on the color histogram; aggregate the color feature vectors to obtain a color cluster of the target element; obtain the color similarity between each candidate area and the target element based on the color cluster; and filter out a target area from the multiple candidate areas based on the color similarity.

[0154] Furthermore, the element adjustment module 30 is further configured to determine a region format corresponding to the target region based on the collection elements arranged around the target region; and adjust the element format of the target element based on the region format.

[0155] Furthermore, the element collection module 20 is also used to obtain page information of the target element; generate summary information of the target element based on the page information; determine to find an element icon matching the target element from a pre-built mapping table based on the summary information; and add the target element to the element collection bar based on the element icon.

[0156] This embodiment determines the target elements that need to be collected in the browser page based on the element collection indication, where the element collection indication is generated based on the user operation or based on the preset collection condition, and adds the target elements to the element collection set; since this embodiment adds the target elements that need to be collected according to the element collection indication in the browser page to the element collection set, the content and elements that the user is interested in in the browser page are effectively saved, which facilitates the user's subsequent browsing and use through the element collection set, and effectively improves the user experience.

[0157] It should be understood that the above is only an example and does not constitute any limitation on the technical solution of the present invention. In specific applications, technicians in this field can make settings as needed, and the present invention does not limit this.

[0158] It should be noted that the workflow described above is merely illustrative and does not limit the scope of protection of the present invention. In practical applications, technicians in this field can select part or all of them according to actual needs to achieve the purpose of the present embodiment, and no limitation is made here.

[0159] In addition, for technical details that are not described in detail in this embodiment, reference can be made to the page element collection method provided in any embodiment of the present invention, and will not be repeated here.

[0160] The present invention discloses A1, a method for collecting page elements, the method for collecting page elements comprising:

[0161] Determine a target element in the browser page that needs to be collected based on an element collection indication, where the element collection indication is generated based on a user operation or based on a preset collection condition;

[0162] Add the target element to the element collection.

[0163] A2. The page element collection method as described in A1, wherein the element collection set includes at least one of the following: an element collection page and an element collection bar.

[0164] A3. The page element collection method as described in A2, wherein adding the target element to the element collection comprises:

[0165] Obtaining element information of the target element and page layout information of the element collection page;

[0166] Adjusting the target element based on the element information and the page layout information;

[0167] The adjusted target element is added to the element collection page.

[0168] A4. The page element collection method as described in A3, wherein the target element is adjusted based on the element information and the page layout information, comprising:

[0169] Dividing a plurality of candidate areas from the element collection page based on the page layout information;

[0170] Filtering a target area from the multiple candidate areas based on the element information;

[0171] The target element is adjusted based on the target area and the element information.

[0172] A5. The page element collection method as described in A4, wherein the element information includes element resolution parameters, element grayscale parameters, element color parameters and element format.

[0173] A6. The page element collection method as described in A5, wherein the step of selecting a target area from the plurality of candidate areas based on the element information comprises:

[0174] Get the region size of each candidate region;

[0175] Filtering out a layout area that matches the target element size from the multiple candidate areas based on the element resolution parameter and the area size;

[0176] Determine the regional grayscale parameter of each layout area based on the collection elements arranged around each layout area;

[0177] A target area is screened out from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area.

[0178] A7. The page element collection method as described in A6, wherein the step of selecting a target area from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area comprises:

[0179] Acquire an element texture feature vector of the target element based on the element grayscale parameter;

[0180] Acquire a regional texture feature vector of each layout area based on the regional grayscale parameter;

[0181] Performing feature matching on the element texture feature vector and the texture feature vectors of each region to obtain the texture similarity between the target element and each layout region;

[0182] A target area is screened out from the layout area based on the texture similarity.

[0183] A8. The page element collection method as described in A7, wherein the step of obtaining the element texture feature vector of the target element based on the element grayscale parameter comprises:

[0184] Generate a grayscale image corresponding to the target element based on the element grayscale parameter;

[0185] Dividing the grayscale image to obtain a plurality of image blocks;

[0186] Obtain the gray level co-occurrence matrix of each image block;

[0187] An element texture feature vector of the target element is obtained based on the gray level co-occurrence matrix.

[0188] A9. The page element collection method as described in A5, wherein the step of selecting a target area from the plurality of candidate areas based on the element information comprises:

[0189] Constructing a color histogram of the target element based on the element color parameters;

[0190] Extracting a color feature vector of the target element based on the color histogram;

[0191] Aggregating the color feature vectors to obtain a color cluster of the target element;

[0192] Acquire the color similarity between each candidate area and the target element based on the color cluster;

[0193] A target area is screened out from the multiple candidate areas based on the color similarity.

[0194] A10. The page element collection method as described in A5, wherein the target element is adjusted based on the target area and the element information, comprising:

[0195] Determining a region format corresponding to the target region based on the collection elements arranged around the target region;

[0196] The element format of the target element is adjusted based on the region format.

[0197] A11. The page element collection method as described in A2, wherein adding the target element to the element collection comprises:

[0198] Obtaining page information of the target element;

[0199] Generate summary information of the target element based on the page information;

[0200] Determine, based on the summary information, to search a pre-built mapping table for an element icon that matches the target element;

[0201] The target element is added to an element favorite bar based on the element icon.

[0202] The present invention also discloses B12, a device for collecting page elements, the device for collecting page elements comprising:

[0203] An element determination module is used to determine a target element in a browser page that needs to be collected based on an element collection indication, wherein the element collection indication is generated based on a user operation or based on a preset collection condition;

[0204] The element collection module is used to add the target element to the element collection set.

[0205] B13. The page element collection device as described in B12, wherein the element collection set includes at least one of the following: an element collection page and an element collection bar.

[0206] B14. In the page element collection device as described in B13, the element collection module is further used to obtain element information of the target element and page layout information of the element collection page; adjust the target element based on the element information and the page layout information; and add the adjusted target element to the element collection page.

[0207] B15. The device for collecting page elements as described in B14, wherein the device for collecting page elements further comprises:

[0208] The element adjustment module is used to divide a plurality of candidate areas from the element collection page based on the page layout information; filter out a target area from the plurality of candidate areas based on the element information; and adjust the target element based on the target area and the element information.

[0209] B16. The page element collection device as described in B15, wherein the element information includes element resolution parameters, element grayscale parameters, element color parameters and element format.

[0210] B17. In the page element collection device as described in B16, the element adjustment module is further used to obtain the area size of each candidate area; based on the element resolution parameter and the area size, a layout area that matches the target element size is screened out from the multiple candidate areas; based on the collection elements arranged around each layout area, an area grayscale parameter of each layout area is determined; based on the element grayscale parameter and the area grayscale parameter of each layout area, a target area is screened out from the layout area.

[0211] B18. In the page element collection device as described in B17, the element adjustment module is further used to obtain the element texture feature vector of the target element based on the element grayscale parameter; obtain the regional texture feature vector of each layout area based on the regional grayscale parameter; perform feature matching between the element texture feature vector and each regional texture feature vector to obtain the texture similarity between the target element and each layout area; and filter out the target area from the layout area based on the texture similarity.

[0212] In addition, the present invention also discloses C19, a page element collection device, which includes: a memory, a processor, and a page element collection program stored in the memory and executable on the processor, wherein the page element collection program is configured to implement the page element collection method described above.

[0213] In addition, the present invention also discloses D20, a storage medium, on which a page element collection program is stored, and when the page element collection program is executed by a processor, the page element collection method as described above is implemented.

[0214] In addition, it should be noted that, in this article, the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article or system including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or system. In the absence of further restrictions, an element defined by the sentence "comprises a ..." does not exclude the existence of other identical elements in the process, method, article or system including the element.

[0215] The serial numbers of the above embodiments of the present invention are only for description and do not represent the advantages or disadvantages of the embodiments.

[0216] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present invention, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as a read-only memory (ROM) / RAM, a magnetic disk, or an optical disk), and includes a number of instructions for a terminal device (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present invention.

[0217] The above are only preferred embodiments of the present invention, and are not intended to limit the patent scope of the present invention. Any equivalent structure or equivalent process transformation made using the contents of the present invention specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present invention.

Claims

1. A page element collection method, characterized in that: The page element collection method comprises: Determine a target element in the browser page that needs to be collected based on an element collection indication, where the element collection indication is generated based on a user operation or based on a preset collection condition; Add the target element to the element collection.

2. The page element collection method according to claim 1, characterized in that: The element collection includes at least one of the following: an element collection page and an element collection bar.

3. The page element collection method according to claim 2, characterized in that: The step of adding the target element to the element collection includes: Obtaining element information of the target element and page layout information of the element collection page; Adjusting the target element based on the element information and the page layout information; The adjusted target element is added to the element collection page.

4. The page element collection method according to claim 3, characterized in that: The adjusting the target element based on the element information and the page layout information includes: Dividing a plurality of candidate areas from the element collection page based on the page layout information; Filtering a target area from the multiple candidate areas based on the element information; The target element is adjusted based on the target area and the element information.

5. The page element collection method according to claim 4, characterized in that: The element information includes element resolution parameters, element grayscale parameters, element color parameters and element format.

6. The page element collection method according to claim 5, characterized in that: The step of selecting a target area from the plurality of candidate areas based on the element information includes: Get the region size of each candidate region; Filtering out a layout area that matches the target element size from the multiple candidate areas based on the element resolution parameter and the area size; Determine the regional grayscale parameter of each layout area based on the collection elements arranged around each layout area; A target area is screened out from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area.

7. The page element collection method according to claim 6, characterized in that: The step of selecting a target area from the layout area based on the element grayscale parameter and the area grayscale parameter of each layout area includes: Acquire an element texture feature vector of the target element based on the element grayscale parameter; Acquire a regional texture feature vector of each layout area based on the regional grayscale parameter; Performing feature matching on the element texture feature vector and the texture feature vectors of each region to obtain the texture similarity between the target element and each layout region; A target area is screened out from the layout area based on the texture similarity.

8. A device for collecting page elements, characterized in that: The page element collection device comprises: An element determination module is used to determine a target element in a browser page that needs to be collected based on an element collection indication, wherein the element collection indication is generated based on a user operation or based on a preset collection condition; The element collection module is used to add the target element to the element collection set.

9. A device for collecting page elements, characterized in that: The page element collection device includes: a memory, a processor, and a page element collection program stored in the memory and executable on the processor, wherein the page element collection program is configured to implement the page element collection method according to any one of claims 1 to 7.

10. A storage medium, characterized in that: The storage medium stores a page element collection program, and when the page element collection program is executed by the processor, the page element collection method according to any one of claims 1 to 7 is implemented.

Images