CN106294392B

CN106294392B - Webpage display method and device

Info

Publication number: CN106294392B
Application number: CN201510259408.5A
Authority: CN
Inventors: 何柏钢
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2015-05-20
Filing date: 2015-05-20
Publication date: 2019-12-06
Anticipated expiration: 2035-05-20
Also published as: CN106294392A

Abstract

the embodiment of the application provides a webpage display method applied to a client, and the embodiment determines a target style of a webpage label according to target data in a webpage to be displayed returned by a website server, further sets the style of the webpage label of the webpage to be displayed as the target style, and finally displays the target webpage containing the webpage label set as the target style in a browser of the client. In the embodiment, the style of the webpage tags of the webpage to be displayed is changed, so that the webpage tags can be distinguished conveniently by a user, the user can conveniently and quickly find the webpage tags to be searched, the webpage to be searched is further searched, and the user experience is better. In addition, the application also provides a webpage display device used for ensuring the application and the realization of the method in practice.

Description

webpage display method and device

Technical Field

The present application relates to the field of network technologies, and in particular, to a method and an apparatus for displaying a web page.

background

The web page is a page file which is generated by the web server according to a web page access request sent by a user and is displayed by the browser. The webpage comprises a webpage label and a webpage text, wherein the webpage label is a brief description of the webpage text and generally comprises a label icon and description words. For example, the web page tag of the hundredth home page includes a tag icon of a bear paw style and a caption of "you know at hundredth".

specifically, when the browser displays a web page, a web page tag is displayed in a tag bar of the browser. Generally, when a user opens a plurality of web pages at the same time, the tab bar of the browser contains web page tabs of the plurality of web pages. However, if too many webpages are opened by the user at the same time, the display style of the webpage tags of the webpages is the same, so that the user is inconvenient to search a target webpage to be viewed by using the webpage tags, and the user experience is poor.

Disclosure of Invention

In view of this, the present application provides a web page display method, so as to solve the technical problem that a user is inconvenient to find a target web page to be viewed by using a web page tag and experience is poor due to the web page display method in the prior art. In addition, the application also provides a webpage display device used for ensuring the application and the realization of the method in practice.

In order to achieve the purpose, the technical scheme provided by the application is as follows:

A webpage display method is applied to a client and comprises the following steps:

receiving a webpage to be displayed returned by a website server; the website server is used for responding to a webpage access request sent by a user through the client to generate the webpage to be displayed;

determining a target style of a webpage label of the webpage to be displayed according to target data in the webpage to be displayed;

setting the style of the webpage label of the webpage to be displayed as the target style to obtain a target webpage label;

displaying a target webpage containing the target webpage label for the user in a browser of the client;

the webpage to be displayed comprises webpage data, the webpage data are used for generating the webpage to be displayed, the target data belong to the webpage data, and the target data are used for representing the attribute of the webpage to be displayed;

The browser of the client comprises a previous webpage, wherein the previous webpage is a webpage which is displayed in the browser before the webpage to be displayed;

Correspondingly, the displaying, in the browser of the client, the target webpage containing the target webpage tag for the user includes:

determining a target previous webpage with the same webpage type as that of the webpage to be displayed in the previous webpage;

displaying the target webpage label for the user at the adjacent position of the webpage label of the target previous webpage, and displaying the webpage text corresponding to the target webpage label for the user in the webpage text area of the browser;

The webpage display method further comprises the following steps:

determining the webpage type of the webpage to be displayed;

And under the condition that the webpage type and the target style are not saved, saving the corresponding relation between the webpage type and the target style.

optionally, the target data is a tag icon in a webpage tag of the webpage to be displayed, and the target style is a target color;

correspondingly, the determining the target style of the webpage label of the webpage to be displayed according to the target data in the webpage to be displayed includes:

and determining the color of a label icon in a webpage label of the webpage to be displayed as a target color.

optionally, the target data is a webpage description of the webpage to be displayed, and the target style is a target color;

and under the condition that the webpage description contains preset keywords, determining preset colors corresponding to the preset keywords as target colors.

Optionally, determining, when the webpage description includes a preset keyword, a preset color corresponding to the preset keyword as a target color, including:

Under the condition that the webpage description contains a plurality of preset keywords, combining preset colors corresponding to the preset keywords to obtain a target color; and each preset keyword corresponds to a preset color.

Optionally, the web page display method further includes:

and setting a preset default color as a target color under the condition that the webpage description does not contain preset keywords.

Optionally, the setting the style of the webpage tag of the webpage to be displayed as the target style includes:

And setting the background color of the webpage label of the webpage to be displayed as the target color.

optionally, the determining, in the previous web pages, a target previous web page with a same web page type as that of the web page to be displayed includes:

Determining a target website server for generating the webpage to be displayed;

And determining the previous webpage generated by the target website server as a target previous webpage.

determining a target content type of a webpage text of the webpage to be displayed;

And determining a previous webpage with the same content type of the webpage text as the target previous webpage in the previous webpage.

optionally, the webpage display method further includes:

Generating a merged label; the size of the merged label is the sum of the size of the webpage label of the previous target webpage and the size of the webpage label of the webpage to be displayed, the transparency of the merged label is a preset transparency, and the width of the frame of the merged label is a preset width;

and displaying the merged label in the display area of the webpage label of the target previous webpage and the webpage label of the webpage to be displayed.

Optionally, the determining a target style of a webpage tag of the webpage to be displayed according to the target data in the webpage to be displayed includes:

And determining the target style corresponding to the stored webpage type as the target style of the webpage label of the webpage to be displayed.

the application also provides a webpage display device, which is applied to the client and comprises:

the webpage to be displayed receiving module is used for receiving a webpage to be displayed returned by the website server; the website server is used for responding to a webpage access request sent by a user through the client to generate the webpage to be displayed;

the target style determining module is used for determining a target style of a webpage label of the webpage to be displayed according to target data in the webpage to be displayed;

the webpage label setting module is used for setting the style of the webpage label of the webpage to be displayed as the target style to obtain a target webpage label;

The target webpage display module is used for displaying a target webpage containing the target webpage label for the user in a browser of the client;

accordingly, the target webpage display module comprises:

The previous webpage determining submodule is used for determining a target previous webpage with the same webpage type as that of the webpage to be displayed in the previous webpage;

the target webpage display submodule is used for displaying the target webpage label for the user at the adjacent position of the webpage label of the target previous webpage and displaying the webpage text corresponding to the target webpage label for the user in the webpage text area of the browser;

The web page display device further comprises:

the webpage type determining module is used for determining the webpage type of the webpage to be displayed;

and the target style storage module is used for storing the corresponding relation between the webpage type and the target style under the condition that the webpage type and the target style are not stored.

Accordingly, the target style determination module comprises:

And the first target color determining submodule is used for determining the color of a label icon in a webpage label of the webpage to be displayed as the target color.

Accordingly, the target style determination module comprises:

and the second target color determining submodule is used for determining the preset color corresponding to the preset keyword as the target color under the condition that the webpage description contains the preset keyword.

Optionally, the second target color determination sub-module includes:

the second target color determining unit is used for combining preset colors corresponding to the preset keywords under the condition that the webpage description contains a plurality of preset keywords to obtain a target color; and each preset keyword corresponds to a preset color.

optionally, the web page display apparatus further includes:

and the default color determining module is used for setting a preset default color as a target color under the condition that the webpage description does not contain preset keywords.

optionally, the web page tag setting module includes:

and the webpage label background color setting submodule is used for setting the background color of the webpage label of the webpage to be displayed as the target color.

optionally, the previous web page determination sub-module includes:

a website server determining unit, configured to determine a target website server that generates the web page to be displayed;

A first previous web page determination unit for determining a previous web page generated by the target web server as a target previous web page.

optionally, the previous web page determination sub-module includes:

The webpage content type determining unit is used for determining the target content type of the webpage text of the webpage to be displayed;

And the second previous webpage determining unit is used for determining a previous webpage with the same content type of the webpage body as the target previous webpage in the previous webpage.

optionally, the web page display apparatus further includes:

The merged label generating module is used for generating merged labels; the size of the merged label is the sum of the size of the webpage label of the previous target webpage and the size of the webpage label of the webpage to be displayed, the transparency of the merged label is a preset transparency, and the width of the frame of the merged label is a preset width;

And the merged tag display module is used for displaying the merged tag in the display areas of the webpage tag of the target previous webpage and the webpage tag of the webpage to be displayed.

Optionally, the target style determination module includes:

and the target style determining submodule is used for determining the target style corresponding to the stored webpage type as the target style of the webpage label of the webpage to be displayed.

According to the scheme, the method has the following beneficial effects:

in the webpage display method applied to the client, the target style of the webpage tag is determined according to the target data in the webpage to be displayed returned by the website server, the style of the webpage tag of the webpage to be displayed is set to be the target style, and finally, the target webpage containing the webpage tag set to be the target style is displayed in the browser of the client. In the embodiment, the style of the webpage tags of the webpage to be displayed is changed, so that the webpage tags can be distinguished conveniently by a user, the user can conveniently and quickly find the webpage tags to be searched, the webpage to be searched is further searched, and the user experience is better.

Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.

drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, it is obvious that the drawings in the following description are only embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.

FIG. 1 is a flowchart of an embodiment of a web page display method provided by the present application;

FIG. 2 is a diagram illustrating an example of a setting style of a web page tab provided by the present application;

FIG. 3 is a diagram illustrating another example of a setting style for a web page tab provided herein;

FIG. 4 is a flowchart illustrating another exemplary embodiment of a method for displaying a web page;

FIG. 5 is a diagram illustrating another example of a setting style for a webpage tab provided by the present application;

FIG. 6 is a diagram illustrating another example of a setting style for a webpage tab provided by the present application;

FIG. 7 is a flowchart illustrating a method for displaying a web page according to another embodiment of the present disclosure;

FIG. 8 is a diagram illustrating another example of a setting style for a webpage tab provided herein;

FIG. 9 is a flowchart illustrating a method for displaying a web page according to another embodiment of the present disclosure;

fig. 10 is a schematic structural diagram of an embodiment of a web page display device provided in the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

In practical applications, a user often uses a browser of a client to view a web page provided by a web server, where the web page may include a web page body and a web page tag. The webpage text is displayed in a webpage text area of the browser, and the webpage label is displayed in a label bar of the browser. Generally, a browser can open multiple webpages simultaneously, in this case, multiple webpage tags of the multiple webpages are displayed simultaneously in a tab bar of the browser, and when a user wants to view a certain webpage, a webpage tag corresponding to the webpage is clicked in the tab bar, and then a webpage text of the webpage is displayed in a webpage text area.

In the application scenario, a plurality of web tabs are simultaneously displayed in a tab bar of the browser, the style of each web tab is usually a white background, and a tab icon and a descriptive text are displayed on the white background. The user can only look up the webpage label of the webpage to be looked up by looking up the label icon and the explanatory text, and the label icon and the explanatory text are not visual enough, so that the looking-up mode is not convenient enough. This technical disadvantage is more apparent the more web pages the browser is simultaneously opening. Specifically, as the number of simultaneously opened webpages increases, the number of webpage tags in a tab bar of the browser increases, and accordingly, the length of each webpage tag also decreases, so that the webpage tags and explanatory characters in the webpage tags are hidden, and a user generally clicks the webpage tags many times to try to find out a webpage to be viewed.

Therefore, the webpage display method comprising the webpage tags is not beneficial to a user to search for the webpage at present, and aiming at the technical problem, the embodiment of the application mainly improves the style of the webpage tags of the webpage so that the user can directly and conveniently search for a certain webpage tag in a plurality of webpage tags, and then clicks the webpage tag to check the webpage corresponding to the webpage tag.

referring to fig. 1, a flow of an embodiment of a web page display method provided by the present application is shown. The embodiment is applied to a client, and as shown in fig. 1, the embodiment may specifically include steps S101 to S104:

Step S101: receiving a webpage to be displayed returned by a website server; the website server is used for responding to a webpage access request sent by a user through the client to generate the webpage to be displayed.

the client is connected with the website server, a user can send a webpage access request to the website server through a browser arranged on the client, and the website server responds to the webpage access request after receiving the webpage access request, so that a webpage to be displayed is generated, and the webpage to be displayed is returned to the client.

Step S102: and determining a target style of the webpage label of the webpage to be displayed according to the target data in the webpage to be displayed.

the webpage labels of the webpage to be displayed have own style, and the webpage labels can be displayed in the label bar according to the style. The style of the web page tag is used to represent the appearance of the web page tag, and usually includes a background color, a tag icon, and a descriptive text. For example, the background color of the webpage label of the head page of the Taobao net is white, the label icon is an orange background, and the caption is "Taobao" drawn on the background, the caption is "Taobao-Taobao! I like.

in this embodiment, the style of the webpage tag of the webpage to be displayed needs to be transformed, that is, the original style of the webpage tag of the webpage to be displayed is transformed into a certain target style. The target style can be in any form, such as background color, size of label icon, font and color of explanatory text, and the like. Of course, the target pattern in the present application is not limited to this, and may be in other forms.

In order to realize the conversion of the webpage label style of the webpage to be displayed, a target style which is finally converted by the webpage label needs to be determined. Specifically, one way to determine the target style may be to determine a preset style as the target style, where the preset style may be preset by the system or preset by the user. Another way to determine the target style may also be to determine in real time from the web page to be displayed. Since the web page of each web server generally has its own display style, such as a body color of a web page text, a tag icon of a web tag, and the like, a user may have been used to the presentation style of the web page, and preferably, the target style is determined in real time according to the web page to be displayed in consideration of the viewing habit of the user.

The specific determination of the target style according to the webpage to be displayed is as follows: and determining the target style of the webpage label by using the target data in the webpage to be displayed. The webpage to be displayed comprises webpage data, and the webpage data is data used for generating the webpage to be displayed. The target data belongs to web page data, the target data is used for representing the attribute of the web page to be displayed, and optionally, the target data may be a tag icon in a web page tag of the web page to be displayed, or may be a keyword in a web page description of the web page to be displayed. Of course, the specific form of the target data is not limited to the above two forms, and may be other forms, such as the title of the web page to be displayed. It should be noted that, the specific implementation process of determining the target style of the webpage tag of the webpage to be displayed according to the tag icon or the keyword in the webpage description may be referred to below, and is not described herein again.

Step S103: setting the style of the webpage label of the webpage to be displayed as the target style, and obtaining the target webpage label.

after the target style of the webpage label is determined in the last step, the style of the webpage label is set to be the determined target style, and therefore the target webpage label with the modified style is obtained. The style of the target webpage label modification can contain any one or more aspects, such as background color, label size, font of the explanatory text, color of the explanatory text and the like.

For example, if the target style contains a background color, the background color of the webpage label is set as the background color; if the target style contains the label size, setting the size of the webpage label as the label size; if the target style contains the font of the explanatory text, setting the font of the explanatory text in the webpage label as the font of the explanatory text; and if the target style contains the color of the explanatory text, setting the color of the explanatory text in the webpage label as the color of the explanatory text. Of course, these several target patterns are merely illustrative and the present application is not limited thereto.

step S104: and displaying a target webpage containing the target webpage label for the user in the browser of the client.

the style of the target webpage, namely the webpage label, is transformed into the webpage to be displayed in the target style, that is, the style of the webpage label of the webpage to be displayed is transformed, so that the target webpage is obtained. The target webpage comprises a target webpage label and a webpage text, and the target webpage is displayed in a way that the target webpage label is displayed in a label bar of the browser and the webpage text is displayed in a webpage text area of the browser.

As can be seen from the foregoing technical solutions, in the web page display method applied to the client provided in this embodiment, the target style of the web page tag is determined according to the target data in the web page to be displayed returned by the web server, and then the style of the web page tag of the web page to be displayed is set as the target style, and finally, the target web page including the web page tag set as the target style is displayed in the browser of the client. In the embodiment, the style of the webpage tags of the webpage to be displayed is changed, so that the webpage tags can be distinguished conveniently by a user, the user can conveniently and quickly find the webpage tags to be searched, the webpage to be searched is further searched, and the user experience is better.

In a specific application, the target style determined in step S102 in the foregoing embodiment may be specifically a target color, where the target color refers to a color of the background. Accordingly, a specific implementation manner of setting the style of the webpage label of the webpage to be displayed as the target style in step S103 is step a1 described below.

step A1: and setting the background color of the webpage label of the webpage to be displayed as the target color.

The shape of the webpage label is an enclosed area, generally a rounded rectangle, and the specific way of setting the background color of the webpage label can be to fill the target color in the enclosed area. During filling, the transparency of the target color can be set, so that the target color with a certain transparency value is filled in the webpage label as a background color. Referring to FIG. 2, an example of a webpage tab style setting is provided. As shown in fig. 2, the web page tag of the head page of the tabby is filled with orange color.

In this implementation manner of this embodiment, the background color of the web page tag is set as the determined target color, it should be noted that the target color may be determined according to the main body color of the web page to be displayed, and the web page to be displayed generally has its own main body color, for example, the main body color of the treasure banning net is orange, the main body color of the high-quality product is pink, and the main body color of the bean cotyledon net is cyan. Therefore, the webpage label with the background color is easier for a user to distinguish the webpage by using the webpage label, and the background color of the webpage label can still be displayed under the condition of hiding the label icon and the explanatory text, so that the user can distinguish the webpage label by the background color of the webpage label. It should be noted that the advantages of this technical solution are generally embodied in the scenario of opening different web pages of a website.

As mentioned above, the specific implementation manner of the target style may be a target color, which is determined according to the target data in the web page to be displayed. The target data in the web page to be displayed may be in different forms, and accordingly, the specific implementation manner of determining the target style of the web page tag of the web page to be displayed in step S102 in the above embodiment may also be different according to the target data in the web page to be displayed.

specifically, one specific form of the target data in the web page to be displayed is as follows: and if the tag icon in the web tag of the web page to be displayed is a tag icon in the web tag of the web page to be displayed, step S102 determines that the specific implementation manner of the target style of the web tag of the web page to be displayed is step B1 described below according to the target data in the web page to be displayed.

step B1: and determining the color of a label icon in a webpage label of the webpage to be displayed as a target color.

The webpage to be displayed comprises a webpage label, and the webpage label comprises a label icon and explanatory words. And determining a label icon in the webpage to be displayed, extracting the color of the label icon, and determining the extracted color as the target color. The method for extracting the color of the label icon can be an interface function provided by class libraries such as jQuery Embedly, and the interface function can acquire the dominant color of the label icon, so that the dominant color acquired by the interface function is determined as the target color.

the tag icon generally has uniqueness, the tag icon can represent a website server which generates and sends the webpage to be displayed, and after the webpage to be displayed is displayed in the browser, a user can clearly determine which website server the webpage to be displayed comes from through the tag icon. For example, the label icon of the Taobao web is an orange background and a "Taobao" word drawn on the background, and when the user sees the label icon, the user can clearly define the webpage as the webpage generated and sent by the Taobao website server. Further, not only the tag icon as a whole but also the color of the tag icon, which corresponds to the body color of the web page, has uniqueness. For example, the main color of the treasure house is orange, the main color of the beauty gathering net is pink, and the main color of the bean cotyledon net is dark green, and correspondingly, the color of the webpage label of the treasure house is orange, the main color of the beauty gathering net is pink, and the main color of the bean cotyledon net is dark green.

Therefore, the color of the label icon is determined as the target color, and the style of the webpage label of the webpage to be displayed is set as the target color, for example, the background color of the webpage label is set as the target color, or the color of the explanatory text of the webpage label is set as the target color, so that the user can conveniently and quickly find the webpage label to be found from the plurality of webpage labels.

In addition, another form of the target data in the webpage to be displayed is as follows: and the webpage description of the webpage to be displayed. Correspondingly, the specific implementation manner of determining the target style of the webpage label of the webpage to be displayed in step S102 according to the target data in the webpage to be displayed is step C1 described below.

step C1: and under the condition that the webpage description contains preset keywords, determining preset colors corresponding to the preset keywords as target colors.

the main idea of the implementation method is to determine a content type of a webpage text of a webpage to be displayed, and determine a preset color corresponding to the content type as a target color.

Therefore, in implementation, a keyword may be set in advance, and for convenience of description, the preset keyword is referred to as a preset keyword. The preset keyword is used for indicating the content type of the web page text, for example, the preset keyword includes "shopping", "science and technology", and "news", where the preset keyword "shopping" indicates that the content type of the web page text is a shopping category, the preset keyword "science and technology" indicates that the content type of the web page text is a science and technology knowledge category, and the preset keyword "news" indicates that the content type of the web page text is a dissemination information category. In addition, not only the keywords are preset, but also a corresponding preset color is set for each preset keyword, for example, the preset color corresponding to the preset keyword "shopping" is orange, the preset color corresponding to the preset keyword "science and technology" is blue, and the preset color corresponding to the preset keyword "news" is red. Of course, in this implementation manner, the preset keyword and the preset color corresponding to the preset keyword are only examples, and the application is not limited thereto.

it should be noted that, since different preset keywords may represent the same content type, a plurality of different preset keywords may be set to correspond to the same preset color. For example, the preset keywords "shopping", "consuming", and "shopping mall" may all represent the content type of the shopping category, and the preset colors corresponding to the several preset keywords are all set to be orange.

in a specific application, the content type of the web page text of the web page to be displayed can be determined by using the preset keywords. It can be known that the web page to be displayed includes the web page description, and therefore, the web page description may be analyzed by using the preset keyword to determine the type of the web page text of the web page to be displayed.

The web page description is a content summary of the web page text of the web page to be displayed, and after the search engine searches the web page to be displayed, the web page description of the web page to be displayed can be displayed to the user. For example, a web page of a tianmao web displayed by a search engine is described as' tianmao-landmark website for online shopping in china, the largest comprehensive shopping platform in asia, 2000 categories, 70000 brands, 100% quality guarantee, and a brand new one-stop shopping experience. Covers the articles such as clothes, shoes and bags, make-up and skin care, household appliances, fashion cards, toys for mothers and babies, furniture and building materials, provides high-quality brand goods and services, and brings about the fashion of life which leads the trend all around for consumers! "

after receiving the webpage to be displayed, extracting webpage description in the webpage to be displayed, and determining the content type of the webpage description by using preset keywords. Optionally, the determining manner is: the method comprises the steps of segmenting the webpage description by adopting a segmentation technology, and comparing a plurality of segmented words obtained by segmenting with preset keywords respectively to judge whether the webpage description contains the preset keywords or not. After the preset keywords contained in the webpage description are determined, the preset colors corresponding to the preset keywords are determined as the target colors. Taking the above description of the web page of the tianmao web as an example, the preset keyword determined from the description of the web page is "shopping", and therefore, the preset color orange corresponding to "shopping" is determined as the target color.

In practical applications, there may be a case where a plurality of preset keywords are determined from the description of the web page, and in this case, a plurality of preset colors may be combined into the target color, that is, the specific implementation manner of step C1 is:

the web page description includes a plurality of preset keywords, and the method for determining the target color may be a plurality of different implementation manners. For example, the preset color corresponding to the preset keyword with the largest occurrence frequency in the description of the web page may be determined as the target color, or the preset colors corresponding to a plurality of preset keywords may be combined to obtain the comprehensive target color.

Specifically, in an implementation manner of obtaining the target color in a combined manner, in order to clearly and clearly prompt the user of the content type of the web page text corresponding to the web page tag, the preset colors corresponding to the multiple preset keywords are combined in a manner that the preset colors are not mixed into one color, but the multiple preset colors are combined to form the multicolor target color. In this way, when the style of the webpage label is set as the target color, the filling area of the webpage label is divided into areas, and each preset color in the target color is filled in the divided areas, so that the multicolor webpage label is obtained. Referring to FIG. 3, another example of style setting for a webpage tab is provided. As shown in fig. 3, the background color of the web page tag is set to a composite color including color 1, color 2, and color 3.

of course, in the implementation, when the preset keywords included in the web page description are determined, there may be a case where no preset keyword is included in the web page description, and in this case, the preset default color may be set as the target color, that is: and setting a preset default color as a target color under the condition that the webpage description does not contain preset keywords.

For example, if the default color is gray, the gray is set as the target color, and then, when the style of the webpage tag of the webpage to be displayed is set, the webpage tag of the webpage to be displayed may be set as the target color gray.

it should be noted that the two specific implementation manners for determining the target style of the webpage label of the webpage to be displayed according to the target data in the webpage to be displayed may be used in combination. Specifically, the method comprises the following steps:

After a webpage to be displayed returned by the website server is received, a label icon can be searched from the webpage to be displayed, and after the label icon is searched, the color of the label icon is determined as a target color; if the label icon is not found, then the webpage description is found from the webpage to be displayed, and after the webpage description is found, the preset color corresponding to the preset keyword contained in the webpage description is determined as the target color.

of course, the execution sequence of the two implementation modes can be interchanged, that is, the web page description is searched from the web page to be displayed, and the label icon is searched if the web page description is not searched. However, since the icon of the web page tag can more accurately represent the content type of the web page body of the web page to be displayed, in order to ensure the accuracy of the target color determination, the execution sequence of the first mode is preferred, that is, the color of the tag icon is preferably determined to be the target color.

At present, when a user newly opens a web page in a browser, the way of displaying a web page tag of the newly opened web page by the browser is as follows: and displaying the webpage label of the newly opened webpage on the right side of the webpage label of the currently displayed webpage in the label bar of the browser. In practical applications, a user may open multiple webpages simultaneously, and the tab bar includes webpage tabs of the multiple webpages. Some of the web pages may have the same web page type, for example, some of the web pages are from the same web server, but since the web pages are randomly opened by the user, the positions of the web page tags of the web pages of the same web page type are separated in the tag bar.

for example, a user simultaneously opens 5 webpages, namely webpage 1, webpage 2, webpage 3, webpage 4 and webpage 5, in a browser, wherein webpage 1, webpage 2 and webpage 3 are webpages of a treasure house, and webpage 4 and webpage 5 are webpages of a current house, but in a tab bar of the browser, the arrangement sequence of the webpage tabs of the 5 webpages is webpage 4, webpage 1, webpage 5, webpage 2 and webpage 3 from left to right.

in this case, it is inconvenient for the user to search for the web page tags in the tag bar, and more particularly, to search for the web page tags belonging to the same web page type at the same time. In order to solve the technical problem, the present application provides another embodiment of a web page display method to centrally arrange web pages of the same web page type. As shown in fig. 4, the embodiment of the web page display method specifically includes the following steps S401 to S405.

Step S401: receiving a webpage to be displayed returned by a website server; the website server is used for responding to a webpage access request sent by a user through the client to generate the webpage to be displayed.

Step S402: and determining a target style of the webpage label of the webpage to be displayed according to the target data in the webpage to be displayed.

step S403: setting the style of the webpage label of the webpage to be displayed as the target style, and obtaining the target webpage label.

It should be noted that, the descriptions of step S401 to step S403 may refer to the descriptions in the first embodiment, and are not repeated herein.

Step S404: and determining a target previous webpage with the same webpage type as that of the webpage to be displayed in the previous webpage.

the browser of the client includes a previous web page, where the previous web page refers to a web page displayed in the browser prior to a web page to be displayed currently received by the browser. In order to realize the centralized arrangement of the webpages of the same webpage type, a previous webpage with the same webpage type as that of the webpage to be displayed needs to be determined in previous webpages of the browser, and the determined previous webpage is referred to as a target previous webpage for convenience of description.

In practical applications, a user may want to search for a web tab of a web page from the same web server in a tab bar of a browser, in such an application scenario, the type of the web page is specifically the type of the web server that generates the web page, and accordingly, a specific implementation manner of step S404 includes the following steps D1-D2:

Step D1: and determining a target website server for generating the webpage to be displayed.

the target website server is a website server for generating a webpage to be displayed. One specific way of determining the target website server of the webpage to be displayed may be to extract a sender website from the webpage to be displayed, and determine the website server corresponding to the sender website as the target website server. For example, the website of the sender of the top page of the panning web contains "taobao.com", and the server of the target website corresponding to the website of the sender is the panning server.

Step D2: and determining the previous webpage generated by the target website server as a target previous webpage.

among the previous web pages included in the browser, the previous web page generated by the target web server determined in step D1 is searched, and the searched previous web page is the target previous web page. For example, the previous web pages included in the browser include web pages 1, 2, 3, and 4, where web pages 1, 2, and 3 are from the web servers of the Taobao network, and web page 4 is from the web server of the current network. The web page to be displayed is from the web server of the current network, and therefore, the determined target previous web page is web page 4 in the previous web page.

In this application scenario, the previous web page of the web pages from the same website server and the web page to be displayed are determined as the same web page type.

in addition, the user may also want to search for the web page tab of the web page with the same type of content in the tab bar of the browser, in this application scenario, the type of the web page is specifically the content type of the body of the web page, and accordingly, the specific implementation manner of step S404 includes the following steps E1 to E2.

step E1: and determining the target content type of the webpage text of the webpage to be displayed.

The target content type is the type of content contained in the webpage text of the webpage to be displayed. The target content type of the web page to be displayed can be information type, science and technology type, sports type or shopping type. One specific way of determining the target content type of the web page to be displayed may be to extract keywords from a web page title of the web page to be displayed. For example, the title of the webpage of the phoenix web information edition block contains the character of 'phoenix information', and the keyword extracted from the webpage title is 'information', so that the target content type of the webpage is determined to be information. Another specific way of determining the target content type of the web page to be displayed may be to determine the target content type according to a website of the web page to be displayed, and determine the content type corresponding to the keyword in the website as the target content type. For example, the website of the phoenix web information block webpage contains "news.

Step E2: and determining a previous webpage with the same content type of the webpage text as the target previous webpage in the previous webpage.

in the previous web pages of the browser, previous web pages with the same content type as the target content type determined in step E1 are searched, and the searched previous web pages are target previous web pages. For example, the previous web pages included in the browser include an information web page of a new wave net, an information web page of a phoenix net, an information web page of a search fox net, and a first page of a treasure-panning net, where the web page to be displayed is a current web page, the target content type of the current web page to be displayed is a shopping category, and the content type of the current web page is a shopping category, so that the determined target previous web page in the previous web page is the first page of the treasure-panning net.

as can be seen, in this application scenario, the previous web page having the same text content of the web page and the web page to be displayed are determined to be of the same web page type.

Step S405: and displaying the target webpage label for the user at the adjacent position of the webpage label of the target previous webpage, and displaying the webpage text corresponding to the target webpage label for the user in the webpage text area of the browser.

in the tab bar of the browser, the web page tab of the web page to be displayed is displayed at the position adjacent to the web page tab of the previous web page determined in step S404. Preferably, the web page tag of the web page to be displayed is displayed on the right side of the web page tag of the target previous web page. Of course, the web page text of the web page to be displayed needs to be displayed in the web page text area of the browser.

as can be seen from the above description of step S404, the determination manner of the target previous web page differs according to the application scenario, and accordingly, the manner of determining the display position of the web page tag of the web page to be displayed in the tag bar according to the target previous web page also differs.

In an application scenario where a user wants to search for a web tag of a web page from the same website server in a tag bar, a target previous web page is a previous web page from the same website server as a web page to be displayed, and accordingly, the web tag of the web page to be displayed is displayed at a position adjacent to, e.g., right side of, the target previous web page, so that the web tags of the web pages generated by the same website server are arranged in a concentrated manner. Referring to FIG. 5, yet another example of a webpage tab display style is provided. As shown in fig. 5, the previous web pages in the tab bar of the browser include a tab web page 1, a tab web page 2, a tab web page 3, and a current web page 1, and the web page to be displayed received by the browser is the current web page 2, and the web page to be displayed is displayed on the right side of the current web page 1.

in an application scenario where a user wants to search for a web tag of a web page with the same content type in a tag bar, a target previous web page is a previous web page with the same content type as a web page to be displayed, and accordingly, the web tag of the web page to be displayed is displayed at an adjacent position, such as the right side, of the target previous web page, so that the web tags of the web pages with the same content type are arranged in a concentrated manner. Referring to FIG. 6, yet another example of a webpage tab display style is provided. As shown in fig. 6, the previous web page in the tab bar of the browser includes phoenix web information, new wave web information, fox search web information and Taobao home page, and the web page to be displayed received by the browser is the current home page, and the web page to be displayed is displayed on the right side of the Taobao home page.

It should be noted that there may be one or more determined target previous web pages, and in the case that there are a plurality of target previous web pages, the web pages to be displayed may be arranged at the adjacent position of any one target previous web page, or the web pages to be displayed may be arranged at the adjacent position of the outermost target previous web page.

according to the technical scheme, the webpage display method provided by the embodiment can be used for displaying the webpage tags with the same webpage type in a centralized manner, so that a user can conveniently and quickly search the webpage tags with the same webpage type in the webpage tags, and the user experience is better.

In the above embodiment, the style of the webpage label is transformed, and the webpage labels with the same webpage type are displayed in close proximity, so that a user can conveniently search for the webpage labels. In order to further prompt the user to search for the webpage label, the application provides a further embodiment of the webpage display method, and the embodiment surrounds the webpage labels of the same webpage type. As shown in fig. 7, the embodiment of the web page display method may specifically include steps S701 to S707, wherein the descriptions of steps S701 to S705 refer to steps S401 to S405 in the embodiment shown in fig. 4, which is not repeated herein. Step S706 and step S707 will be described below.

Step S706: generating a merged label; the size of the merged label is the sum of the size of the webpage label of the previous target webpage and the size of the webpage label of the webpage to be displayed, the transparency of the merged label is a preset transparency, and the width of the frame of the merged label is a preset width.

in this embodiment, the web tags of the same web page type are surrounded by a manner of displaying the merged tag on the web tags of the same web page type. Referring to FIG. 8, yet another example of style setting for a webpage tab is provided. As shown in fig. 8, the web page tags in the tags of the browser include phoenix web information, new wave web information, fox search web information, treasure house page and current house page, the first three web page tags are web page tags of the same web page type, the second two web page tags are web page tags of the same web page type, the first three web page tag frames are marked with merge tag 1, and the second two web page tag frames are marked with merge tag 2.

the size of the combined label is the sum of the sizes of the webpage labels of the webpage to be displayed and the webpage labels of all the previous target webpages, the transparency of the combined label can be set, and the transparency value is any preset transparency value. The transparency is set to enable the webpage labels in the framed display to be displayed so that the user can view the webpage labels in the framed display. In addition, the merge tab has a frame, and in order to achieve the display effect in the frame, an appropriate preset width needs to be set for the merge tab.

step S707: and displaying the merged label in the display area of the webpage label of the target previous webpage and the webpage label of the webpage to be displayed.

And displaying the merged label in the display position areas of the webpage label of the target previous webpage and the webpage label of the webpage to be displayed. The merged tag has a frame, and as shown above, the target previous webpage and the webpage to be displayed have the same webpage type, so the embodiment can put the webpage tags of the same webpage type into the frame, thereby more clearly prompting the user of the webpage tags of the same type.

in the embodiment of displaying a web page shown in fig. 1, after receiving the web page to be displayed, the client determines the target style to be set for the web page tag of the web page to be displayed according to the target data in the web page to be displayed. As shown in fig. 9, the embodiment of the web page display method may further include step S105 and step S106 on the basis of the embodiment shown in fig. 1. Wherein:

step S105: and determining the webpage type of the webpage to be displayed.

the web page type of the web page to be displayed may be specifically a web server that generates the web page to be displayed, for example, the web page type of each web page of the treasure washing web is a treasure washing web server. Of course, the type of web page may be in other forms, and the application is not limited thereto

step S106: and under the condition that the webpage type and the target style are not saved, saving the corresponding relation between the webpage type and the target style.

in order to more quickly determine the target style of the webpage tag of the subsequent webpage to be displayed, the corresponding relationship between the webpage type of the webpage to be displayed and the target style determined in step S102 may be saved. For example, if the type of the web page to be displayed is the tabu website server, and the target style determined in step S102 is the target color "orange", the corresponding relationship between the tabu website server and the target color "orange" is stored.

in this embodiment, after receiving the to-be-displayed web page in step S101, the client may further continue to receive the to-be-displayed web page returned by the web server, and after subsequently receiving the to-be-displayed web page (for convenience of description, the to-be-displayed web page is referred to as a subsequent to-be-displayed web page), a specific implementation manner of determining the target style of the web page tag of the subsequent to-be-displayed web page is as follows:

the webpage to be displayed refers to a subsequent webpage to be displayed. In the implementation mode, the target style corresponding to the stored webpage type is directly determined as the target style of the subsequent webpage to be displayed, and target data in the subsequent webpage to be displayed is not required to be used for determining, so that the determining efficiency of the target style is improved, and the display efficiency of the subsequent webpage to be displayed is further improved.

In addition, in this embodiment, the correspondence between the web page type and the target style is stored, so that the target style of the web page tags of multiple web pages of one web page type can be determined by using the stored correspondence. For example, when the type of the web page is a web server that generates the web page, the target style of the web page tags of all the web pages generated by the web server may be determined. Therefore, the implementation has wide applicability.

In the following, the description of the web page display apparatus provided in the present application is provided with reference to the description of the web page display method provided above, and is not repeated herein.

Corresponding to the embodiment of the web page display method described in fig. 1, the present application provides an embodiment of a web page display device applied to a client. As shown in fig. 10, the embodiment of the web page display device specifically includes: the webpage display method comprises a to-be-displayed webpage receiving module 101, a target style determining module 102, a webpage label setting module 103 and a target webpage display module 104; wherein:

The webpage to be displayed receiving module 101 is used for receiving a webpage to be displayed returned by the website server; the website server is used for responding to a webpage access request sent by a user through the client to generate the webpage to be displayed;

a target style determination module 102, configured to determine a target style of a webpage tag of the webpage to be displayed according to target data in the webpage to be displayed;

The webpage tag setting module 103 is configured to set the style of the webpage tag of the webpage to be displayed as the target style, and obtain a target webpage tag;

and a target webpage display module 104, configured to display, in the browser of the client, a target webpage including the target webpage tag for the user.

according to the technical scheme, in this embodiment, the target style determining module 102 may determine the target style of the webpage tag of the webpage to be displayed according to the target data in the webpage to be displayed, and the webpage tag setting module 103 sets the style of the webpage tag of the webpage to be displayed as the target style, so that the conversion of the style of the webpage tag of the webpage to be displayed is realized, and a user can conveniently search the webpage tag in the browser of the client.

Optionally, the target data is a tag icon in a webpage tag of the webpage to be displayed, and the target style is a target color; accordingly, the target style determination module 102 includes:

Optionally, the target data is a webpage description of the webpage to be displayed, and the target style is a target color; accordingly, the target style determination module 102 includes:

optionally, the second target color determination sub-module includes:

Optionally, the web page display device further includes: and the default color determining module is used for setting a preset default color as a target color under the condition that the webpage description does not contain preset keywords.

Optionally, the web page tag setting module 103 includes: and the webpage label background color setting submodule is used for setting the background color of the webpage label of the webpage to be displayed as the target color.

Optionally, a browser of the client includes a previous web page, where the previous web page is a web page that is displayed in the browser before the web page to be displayed; accordingly, the target webpage display module comprises:

And the target webpage display sub-module is used for displaying the target webpage label for the user at the adjacent position of the webpage label of the previous target webpage and displaying the webpage text corresponding to the target webpage label for the user in the webpage text area of the browser.

optionally, a specific structure of the previous web page determination sub-module includes:

optionally, another specific structure of the previous web page determination sub-module includes:

Optionally, the web page display device further includes:

Optionally, the web page display apparatus shown in fig. 8 further includes:

Optionally, the target style determination module includes:

It should be noted that, in the present specification, the embodiments are all described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments may be referred to each other.

it is further noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the same element.

The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A webpage display method is applied to a client and comprises the following steps:

Determining the webpage type of the webpage to be displayed;

2. the method for displaying web pages according to claim 1, wherein the target data is a tag icon in a web page tag of the web page to be displayed, and the target style is a target color;

3. the method for displaying web pages according to claim 1, wherein the target data is a web page description of the web page to be displayed, and the target style is a target color;

4. The method according to claim 3, wherein determining a preset color corresponding to a preset keyword as a target color when the webpage description contains the preset keyword comprises:

5. the web page display method according to claim 3, further comprising:

6. The method for displaying the web page according to claim 2 or 3, wherein the setting the style of the web page tag of the web page to be displayed as the target style comprises:

7. the method according to claim 1, wherein the determining, among the previous web pages, a target previous web page having a web page type that is the same as a web page type of the web page to be displayed comprises:

Determining a target website server for generating the webpage to be displayed;

8. The method according to claim 1, wherein the determining, among the previous web pages, a target previous web page having a web page type that is the same as a web page type of the web page to be displayed comprises:

9. The web page display method according to claim 1, further comprising:

10. the method for displaying the webpage according to claim 1, wherein the determining the target style of the webpage label of the webpage to be displayed according to the target data in the webpage to be displayed comprises:

11. A web page display apparatus, applied to a client, comprising:

Accordingly, the target webpage display module comprises:

the web page display device further comprises:

12. The apparatus according to claim 11, wherein the target data is a tag icon in a web tag of the web page to be displayed, and the target style is a target color;

accordingly, the target style determination module comprises:

13. The apparatus according to claim 11, wherein the target data is a web page description of the web page to be displayed, and the target style is a target color;

Accordingly, the target style determination module comprises:

14. The apparatus of claim 13, wherein the second target color determination sub-module comprises:

15. the web page display apparatus according to claim 13, further comprising:

16. The apparatus of claim 12 or 13, wherein the web tag setting module comprises:

17. the apparatus of claim 11, wherein the previous web page determination sub-module comprises:

18. the apparatus of claim 11, wherein the previous web page determination sub-module comprises:

19. The web page display apparatus according to claim 11, further comprising:

20. The apparatus of claim 11, wherein the target style determination module comprises: