CN109063079B - Webpage labeling method and electronic equipment - Google Patents

Abstract

The invention discloses a webpage labeling method and electronic equipment, wherein the method comprises the following steps: generating a first source document corresponding to target content in a first webpage; adding a monitoring event and a response event corresponding to the monitoring event to the first source document to obtain a second source document, wherein the monitoring event is used for monitoring a preset event triggered by a user, and the response event is used for providing a marked content input interface for the user when the preset event is monitored; generating a second webpage corresponding to the second source document according to the second source document; when a preset event triggered by a user aiming at a second webpage is monitored, displaying a marked content input interface; and when receiving the annotation content input by the user in the annotation content input interface, adding the annotation content to the second webpage. Therefore, in the embodiment of the invention, the labels can be added in the webpage without specially installing a specific browser or a specific browser plug-in the electronic equipment, and the flexibility is higher.

Description

Web page labeling method and electronic device

technical field

The invention relates to the field of Internet technologies, and in particular, to a web page labeling method and electronic equipment.

Background technique

With the development of Internet technology, more and more users browse web pages on electronic devices. During the process of browsing web pages, if a user sees some interesting web page content, he hopes to share it with other users. However, users often encounter this situation: the content of the webpage is very large, the focus is not clear, or the content of the webpage is very short and not detailed enough. In this case, if you can make some annotations in the webpage, it will undoubtedly improve the webpage. display and sharing effects.

In the prior art, it is necessary to install a specific browser or a specific browser plug-in in the electronic device before adding a mark to the webpage displayed in the browser, which is less flexible.

SUMMARY OF THE INVENTION

Embodiments of the present invention provide a web page labeling method and electronic device, so as to solve the problem of low flexibility caused by the need to install a specific browser or browser plug-in to label a page in the prior art.

In order to solve the above-mentioned technical problems, the embodiments of the present invention are implemented as follows:

In a first aspect, an embodiment of the present invention further provides a web page labeling method, which is applied to an electronic device, and the method includes:

generating a first source document corresponding to the target content in the first web page;

Adding a monitoring event and a response event corresponding to the monitoring event to the first source document, to obtain a second source document, wherein the monitoring event is used to monitor a preset event triggered by the user, and the response event is used to monitor Provide the user with an annotation content input interface when the preset event arrives;

generating a second web page corresponding to the second source document according to the second source document;

When monitoring the preset event triggered by the user for the second web page, displaying the annotation content input interface;

After receiving the marked content input by the user in the marked content input interface, the marked content is added to the second webpage.

In a second aspect, an embodiment of the present invention further provides an electronic device, where the electronic device includes:

a first generating module, configured to generate a first source document corresponding to the target content in the first web page;

The second generation module is configured to add a monitoring event and a response event corresponding to the monitoring event to the first source document to obtain a second source document, wherein the monitoring event is used to monitor a preset event triggered by a user, and the The above-mentioned response event is used to provide the user with an annotation content input interface when the preset event is monitored;

a third generating module, configured to generate a second web page corresponding to the second source document according to the second source document;

a display module, configured to display the annotation content input interface in the case of listening to the preset event triggered by the user for the second webpage;

The adding module is configured to add the marked content to the second webpage after receiving the marked content input by the user in the marked content input interface.

In a third aspect, an embodiment of the present invention further provides an electronic device, including a processor, a memory, and a webpage labeling program stored on the memory and running on the processor, the webpage labeling program being When the processor executes, the steps of the above web page labeling method are implemented.

In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, where a web page tagging program is stored, and the web page tagging program implements the steps of the foregoing web page tagging method when the web page tagging program is executed by a processor.

In the embodiment of the present invention, when the webpage content in the webpage needs to be marked, a source document related to the webpage content of the original webpage can be generated, and a monitoring event and a response event can be added to the source document to generate a new source document, and then a new source document can be generated. The new source document is parsed, and a new web page is drawn on the electronic device. Since the source document corresponding to the new web page contains listening events and response events, the user can mark the content on the new web page. Compared with the prior art, in the embodiment of the present invention, it is not necessary to install a specific browser or a specific browser plug-in in the electronic device, so that the annotation can be added to the webpage, and the flexibility is high.

Description of drawings

The accompanying drawings described herein are used to provide further understanding of the present invention and constitute a part of the present invention. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the attached image:

1 is a flowchart of a method for labeling a webpage according to an embodiment of the present invention;

2 is a scene diagram of a web page labeling method according to an embodiment of the present invention;

3 is a scene diagram of a web page labeling method according to another embodiment of the present invention;

4 is a scene diagram of a web page labeling method according to another embodiment of the present invention;

5 is a schematic structural diagram of an electronic device according to an embodiment of the present invention;

FIG. 6 is a schematic diagram of a hardware structure of a mobile terminal implementing various embodiments of the present invention.

Detailed ways

In order to make the objectives, technical solutions and advantages of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below with reference to the specific embodiments of the present invention and the corresponding drawings. Obviously, the described embodiments are only some, but not all, embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

Embodiments of the present invention provide a web page labeling method and electronic device.

The following first introduces a web page tagging processing method provided by an embodiment of the present invention.

It should be noted that the web page labeling method provided in the embodiment of the present invention is applicable to electronic devices, and the electronic devices may include: mobile terminals and computer devices. In practical applications, the mobile terminals may include: smart phones, tablet computers, smart watches , a wristband, a personal digital assistant, etc., the computer device may include: a desktop computer, a notebook computer, a desktop computer, etc., which is not limited in this embodiment of the present invention.

Fig. 1 is a flowchart of a method for labeling a webpage according to an embodiment of the present invention. As shown in Fig. 1, the method may include the following steps: step 101, step 102, step 103, step 104 and step 105, wherein,

In step 101, a first source document corresponding to the target content in the first webpage is generated.

In this embodiment of the present invention, the target content may be the entire content of the first web page, or may be part of the content of the first web page. The source document can be an HTML document.

In this embodiment of the present invention, the above step 101 may specifically include the following steps: step 1011 and step 1012 (not shown in the figure), wherein,

In step 1011, webpage-related information of the first webpage is obtained, wherein the webpage-related information includes at least one of the following: a website address of the first webpage, an image of the target content of the first webpage, and a text of the target content of the first webpage .

In this embodiment of the present invention, the image of the target content of the first web page may include the entire content of the first web page, or may only include part of the content of the first web page. The text of the target content of the first web page may include the entire content of the first web page, or may only include part of the content of the first web page.

In this embodiment of the present invention, when the electronic device that displays the first webpage and the electronic device that obtains webpage-related information are two different electronic devices, the photographing function or scanning function of the electronic device can be used to obtain the webpage-related information of the first webpage. information.

In this embodiment of the present invention, when the electronic device that displays the first webpage and the electronic device that obtains the relevant information of the webpage are the same electronic device, the user can interact with the user (for example, the user performs related operations on the electronic device) to obtain the information. Web page related information of the first web page.

In step 1012, a first source document corresponding to the webpage-related information is obtained according to the webpage-related information.

In this embodiment of the present invention, the first source document may be the original source document of the first webpage, or may be a document different from the original source document of the first webpage.

In one example, when the user browses the first web page, he finds that the content of the first web page is very interesting, and wishes to make some annotations on the content of the first web page. In this case, the user can use an electronic device to obtain the first The webpage-related information of the webpage, based on the obtained webpage-related information, generates a source document corresponding to the webpage content that the user is interested in, that is, the first source document.

Optionally, in one embodiment, when the webpage-related information includes: the website address of the first webpage, the above step 1011 may specifically include at least one of the following steps:

Scan the address bar of the first webpage to obtain the URL of the first webpage;

Scan the QR code in the first webpage to obtain the URL of the first webpage;

Receive the URL of the first web page entered by the user.

Considering that the photographing function and scanning function of the electronic device are becoming more and more powerful, and more and more users prefer to use the photographing function and scanning function of the electronic device, in this embodiment of the present invention, when the electronic device displaying the first webpage and the scanning function When the electronic device that obtains webpage-related information is two different electronic devices, the scanning function of the electronic device can be used to scan the first webpage displayed on other electronic devices. Specifically, the address bar or the address bar of the first webpage can be scanned. The QR code in the webpage to extract the URL of the first webpage. It should be noted that, the two-dimensional codes mentioned in the embodiments of the present invention all refer to two-dimensional codes pointing to the first webpage, rather than two-dimensional codes for other purposes.

In an example, the electronic devices are a computer device and a mobile terminal, respectively. The application scenario shown in FIG. 2 includes: a computer device 20 and a mobile terminal 22, wherein a first web page 21 is displayed on the computer device 20, and the user can use the The scanning function of the mobile terminal 22 scans the address bar of the first web page 21 displayed on the computer device 20 to obtain the web address of the first web page 21 .

Considering that most browsers provide functions for selecting, copying, and pasting web page content, in this embodiment of the present invention, when the electronic device displaying the first web page and the electronic device acquiring the relevant information of the web page are the same electronic device , the user can select the URL of the first web page to copy, and provide the copied URL to the electronic device.

In one example, the electronic device is a mobile terminal, and the application scenario shown in FIG. 3 includes: a mobile terminal 30 , wherein a first webpage 31 is displayed on the mobile terminal 30 , and the user can long press the first webpage 31 displayed on the mobile terminal 30 The website address of a web page 31 is copied, and then the copied website address is provided to the mobile terminal 30 .

Optionally, in one embodiment, when the webpage-related information includes: the website address of the first webpage, the above step 1012 may specifically include at least one of the following steps:

Send a network request to the server based on the URL of the first web page;

Receive the original source document returned by the server for the network request;

Based on the original source document, a first source document is generated.

In this embodiment of the present invention, the original source document is the source document of the first web page, and the content of the first source document may be the same as the complete content of the original source document, or may be partial content of the original source document.

Optionally, in one embodiment, when the webpage-related information includes: an image of the target content of the first webpage, the above step 1011 may specifically include at least one of the following steps:

photographing the target content in the first webpage to obtain at least one image;

Taking a screenshot of the target content in the first webpage to obtain at least one image;

Taking screenshots of the target content in the first webpage and editing at least one screenshot to obtain at least one image.

Considering that the photographing function and scanning function of the electronic device are becoming more and more powerful, and more and more users prefer to use the photographing function and scanning function of the electronic device, in this embodiment of the present invention, when the electronic device displaying the first webpage and the scanning function When two different electronic devices are used to obtain information about web pages, the photographing function of the electronic devices can be used to take pictures of the first web page displayed on other electronic devices. An image of web page content in a web page.

Considering that most electronic devices have a screenshot function, in this embodiment of the present invention, when the electronic device displaying the first web page and the electronic device acquiring the relevant information of the web page are the same electronic device, the user can The screenshot function is to take a screenshot of the webpage content in the first webpage, and at this time, one or more screenshot images including the webpage content in the first webpage can be obtained.

Considering that most electronic devices have a screenshot function and an image editing function, in this embodiment of the present invention, when the electronic device displaying the first web page and the electronic device acquiring the relevant information of the web page are the same electronic device, the user can Through the screenshot function of the electronic device, the content of the webpage in the first webpage is screenshotted, and the user can also perform secondary editing on the image obtained by the screenshot (for example, editing text on the picture), and at this time, one or more pictures can be obtained. Contains an image of the web page content in the first web page.

Optionally, in one embodiment, when the webpage-related information includes: an image of the target content of the first webpage, the above step 1012 may specifically include at least one of the following steps:

Create a corresponding element node for the image of the target content, where one image corresponds to one element node;

Create a preset type of style for the element node, and get the first source document.

In this embodiment of the present invention, when the webpage-related information includes: an image of the target content of the first webpage, a document in HTML format can be created based on the image of the target content of the first webpage. Specifically, a corresponding image is created for each image. element node, create a preset type style for each element node, so as to obtain the first source document; wherein, the preset type style is usually the HTML default style, and the first source document is different from the original source document of the first web page. same.

Optionally, in one embodiment, when the webpage-related information includes: the text of the target content of the first webpage, the above step 1011 may specifically include at least one of the following steps:

Scan the target content in the first web page to obtain the text of the target content;

Receives the text of the target content entered by the user.

Considering that the photographing function and scanning function of the electronic device are becoming more and more powerful, and more and more users prefer to use the photographing function and scanning function of the electronic device, in this embodiment of the present invention, when the electronic device displaying the first webpage and the scanning function When two different electronic devices are used to obtain web page related information, the scanning function of the electronic devices can be used to scan the web content of the first web page displayed on other electronic devices to extract the text therein.

Considering that most browsers provide functions for selecting, copying, and pasting web page content, in this embodiment of the present invention, when the electronic device displaying the first web page and the electronic device acquiring the relevant information of the web page are the same electronic device , the user can select all or part of the content of the first web page to copy, and provide the copied web page content to the electronic device.

Optionally, in one embodiment, when the webpage-related information includes: the text of the target content of the first webpage, the above step 1012 may specifically include at least one of the following steps:

For the text of the target content, create a corresponding element node, wherein a piece of text in the text corresponds to an element node;

Create a preset type of style for the element node, and get the first source document.

In this embodiment of the present invention, when the web page related information includes: the text of the target content of the first web page, a document in HTML format may be created based on the text of the target content of the first web page. Specifically, a document is created for a piece of text in the text. For the corresponding element node, a style of a preset type is created for each element node, thereby obtaining the first source document; wherein, the style of the preset type is usually the HTML default style, the first source document and the original source document of the first webpage Are not the same.

It can be seen that, in the embodiment of the present invention, various ways of generating the first source document can be provided, which can meet the requirements in various application scenarios and have high flexibility.

In step 102, add a listening event and a response event corresponding to the listening event to the first source document to obtain a second source document.

In the embodiment of the present invention, the monitoring event is used to monitor the preset event triggered by the user, and the response event is used to provide the user with an input interface for marking content when the preset event is monitored.

In the embodiment of the present invention, the second source document is obtained by adding a monitoring event and a response event to the first source document, so that the webpage corresponding to the second source document supports the user's editing behavior, thereby realizing the marking of the webpage.

In this embodiment of the present invention, the preset event may include at least one of the following: a click event, a long press event, and a cursor event; the annotation content input interface may include: a text input box or a voice input icon.

In step 103, a second web page corresponding to the second source document is generated according to the second source document.

In this embodiment of the present invention, the second source document may be parsed, and the second web page may be drawn according to the parsing result. .

In step 104, when a preset event triggered by the user with respect to the second web page is monitored, an annotation content input interface is displayed.

In one example, when the annotation content input interface is a text input box, the user can input annotation content in the text input box.

In one example, when the annotation content input interface is a voice input icon, the user can input the voice corresponding to the annotation content by pressing the voice input icon.

In step 105, after receiving the marked content input by the user in the marked content input interface, the marked content is added to the second webpage.

In this embodiment of the present invention, when the annotation content input by the user in the annotation content input interface is text, the text can be directly added to the second web page; when the annotation content input by the user in the annotation content input interface is speech, The speech can be first converted to text, and then the text can be added to the second web page.

In this embodiment of the present invention, the marked content may be added to any position on the second webpage.

In this embodiment of the present invention, in order to intuitively reflect the corresponding relationship between the marked content and the marked content in the second webpage and facilitate the user to view the webpage content in a targeted manner, at this time, before the above step 105, the following steps may be added: obtaining The trigger position of the preset event; correspondingly, the above step 105 may specifically include the following steps:

After receiving the marked content input by the user in the marked content input interface, the marked content is added to the above-mentioned trigger position in the second webpage.

For understanding, the technical solution of the embodiment of the present invention will be described below with reference to the application scenario diagram shown in FIG. 4 . As shown in FIG. 4 , the application scenario includes: a mobile terminal 40 , wherein a second webpage is displayed on the mobile terminal 40 41. When the user clicks on a position on the second web page 41, a "standard content input box" 42 (ie, an annotation content input interface) pops up at the position, and the user enters the text in the standard content input box 42 "This text is very Like!", "This text is great!" This text will be added to the position where the user clicked on the second web page 41, so as to mark the web page.

It can be seen from the above embodiment that in this embodiment, when the webpage content in the webpage needs to be marked, a source document related to the webpage content of the original webpage can be generated, and a monitoring event and a response event can be added to the source document to generate a new one. After that, the new source document is parsed, and a new web page is drawn on the electronic device. Since the source document corresponding to the new web page contains listening events and response events, the user can mark the content on the new web page. Compared with the prior art, in the embodiment of the present invention, it is not necessary to install a specific browser or a specific browser plug-in in the electronic device, so that the annotation can be added to the webpage, and the flexibility is high.

In another embodiment provided by the present invention, in order to facilitate the user to access the webpage with marked content later, at this time, the webpage marking method can also add the following steps after the above step 105:

Generate a third source document based on the second web page to which the marked content is added; store the third source document; and output the access address of the third source document.

In the embodiment of the present invention, the third source document is a source document corresponding to the second webpage with marked content.

In the embodiment of the present invention, after the second webpage is marked, a new element node may be created, the marked content input by the user is used as the text node of the newly created element node, and then the element node is added to the trigger position of the preset event where the node is located, and create a preset type style (usually the HTML default style) for the element node, thereby obtaining the third source document.

In this embodiment of the present invention, the third source document may be stored locally on the electronic device, or the third source document may be uploaded to the server.

In this embodiment of the present invention, when the third source document is stored locally on the electronic device, the electronic device can generate and output the access address of the third source document, so that the user can view the second document with marked content through the access address. A web page, wherein the access address is usually a URL address.

In this embodiment of the present invention, when the third source document is stored in the server, the electronic device can obtain the access address of the third source document from the server and output it, so that the user can view the second webpage with marked content through the access address , where the access address is usually a URL address.

It can be seen from the above embodiment that in this embodiment, a corresponding source document can be generated for a webpage with marked content, and a corresponding access address can be provided, so that the user can access the webpage with marked content for a long time.

FIG. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present invention. As shown in FIG. 5 , the electronic device 500 may include: a first generation module 501 , a second generation module 502 , a third generation module 503 , and a display module 504 and add module 505, where,

The first generation module 501 is used to generate the first source document corresponding to the target content in the first webpage;

The second generating module 502 is configured to add a monitoring event and a response event corresponding to the monitoring event to the first source document to obtain a second source document, wherein the monitoring event is used to monitor a preset event triggered by a user, The response event is used to provide the user with an annotation content input interface when the preset event is monitored;

a third generating module 503, configured to generate a second web page corresponding to the second source document according to the second source document;

A display module 504, configured to display the annotation content input interface in the case of monitoring the preset event triggered by the user for the second webpage;

The adding module 505 is configured to add the marked content to the second webpage after receiving the marked content input by the user in the marked content input interface.

It can be seen from the above embodiment that in this embodiment, when the webpage content in the webpage needs to be marked, a source document related to the webpage content of the original webpage can be generated, and a monitoring event and a response event can be added to the source document to generate a new one. After that, the new source document is parsed, and a new web page is drawn on the electronic device. Since the source document corresponding to the new web page contains listening events and response events, the user can mark the content on the new web page. Compared with the prior art, in the embodiment of the present invention, it is not necessary to install a specific browser or a specific browser plug-in in the electronic device, so that the annotation can be added to the webpage, and the flexibility is high.

Optionally, as an embodiment, the first generating module 501 may include:

The webpage-related information acquisition sub-module is used to obtain webpage-related information of the first webpage, wherein the webpage-related information includes at least one of the following: a website address of the first webpage, an image of the target content of the first webpage and the text of the target content of the first web page;

The first source document generation submodule is configured to obtain the first source document corresponding to the webpage-related information according to the webpage-related information.

Optionally, as an embodiment, the web page related information includes: the URL of the first web page;

The webpage-related information acquisition submodule is specifically used for at least one of the following:

Scan the address bar of the first webpage to obtain the website address of the first webpage;

Scan the two-dimensional code in the first webpage to obtain the website address of the first webpage, wherein the two-dimensional code is used to point to the first webpage;

Receive the URL of the first web page entered by the user.

Optionally, as an embodiment, the web page related information includes: the URL of the first web page;

The first source document generation submodule is specifically used for:

Send a network request to the server based on the URL of the first webpage;

receiving the original source document returned by the server for the network request;

Based on the original source document, a first source document is generated.

Optionally, as an embodiment, the webpage-related information includes: an image of the target content of the first webpage;

The webpage-related information acquisition submodule is specifically used for at least one of the following:

photographing the target content in the first webpage to obtain at least one image;

Taking a screenshot of the target content in the first webpage to obtain at least one image;

Taking screenshots of the target content in the first webpage and editing at least one screenshot to obtain at least one image.

Optionally, as an embodiment, the webpage-related information includes: an image of the target content of the first webpage;

The first source document generation submodule is specifically used for:

For the image of the target content, create a corresponding element node, wherein one image corresponds to one element node;

A style of a preset type is created for the element node to obtain a first source document.

Optionally, as an embodiment, the webpage related information includes: the text of the target content of the first webpage;

The webpage-related information acquisition submodule is specifically used for at least one of the following:

Scanning the target content in the first web page to obtain the text of the target content;

Receives the text of the target content entered by the user.

Optionally, as an embodiment, the webpage related information includes: the text of the target content of the first webpage;

The first source document generation submodule is specifically used for:

Create a corresponding element node for the text of the target content, wherein a piece of text in the text corresponds to an element node;

A style of a preset type is created for the element node to obtain a first source document.

Optionally, as an embodiment, the electronic device 500 may further include:

an acquisition module for acquiring the trigger position of the preset event;

The adding module may include:

An annotation content adding sub-module is configured to add the annotation content to the trigger position in the second webpage after receiving the annotation content input by the user in the annotation content input interface.

When the electronic device in the embodiment of the present invention is a mobile terminal, as shown in FIG. 6 , FIG. 6 is a schematic diagram of the hardware structure of a mobile terminal implementing various embodiments of the present invention. The mobile terminal 600 includes but is not limited to: a radio frequency unit 601, network module 602, audio output unit 603, input unit 604, sensor 605, display unit 606, user input unit 607, interface unit 608, memory 609, processor 610, and power supply 611 and other components. Those skilled in the art can understand that the structure of the mobile terminal shown in FIG. 6 does not constitute a limitation on the mobile terminal, and the mobile terminal may include more or less components than the one shown, or combine some components, or different components layout. In this embodiment of the present invention, the mobile terminal includes, but is not limited to, a mobile phone, a tablet computer, a notebook computer, a palmtop computer, a vehicle-mounted terminal, a wearable device, a pedometer, and the like.

The processor 610 is configured to generate a first source document corresponding to the target content in the first web page; add a listening event and a response event corresponding to the listening event to the first source document to obtain a second source document, wherein, The monitoring event is used to monitor the preset event triggered by the user, and the response event is used to provide the user with an annotation content input interface when the preset event is monitored; The corresponding second web page; when monitoring the preset event triggered by the user for the second web page, display the annotation content input interface; after receiving the annotation content input by the user in the annotation content input interface , adding the marked content to the second webpage.

In the embodiment of the present invention, when the webpage content in the webpage needs to be marked, a source document related to the webpage content of the original webpage can be generated, and a monitoring event and a response event can be added to the source document to generate a new source document, and then a new source document can be generated. The new source document is parsed, and a new web page is drawn on the electronic device. Since the source document corresponding to the new web page contains listening events and response events, the user can mark the content on the new web page. Compared with the prior art, in the embodiment of the present invention, it is not necessary to install a specific browser or a specific browser plug-in in the electronic device, so that the annotation can be added to the webpage, and the flexibility is high.

Optionally, as an embodiment, the step of generating the first source document corresponding to the target content in the first web page includes:

Obtain webpage-related information of the first webpage, wherein the webpage-related information includes at least one of the following: a URL of the first webpage, an image of target content of the first webpage, and target content of the first webpage the text;

The first source document corresponding to the webpage-related information is obtained according to the webpage-related information.

Optionally, as an embodiment, the web page related information includes: the URL of the first web page;

The step of acquiring webpage-related information of the first webpage includes at least one of the following:

Scan the address bar of the first webpage to obtain the website address of the first webpage;

Scan the two-dimensional code in the first webpage to obtain the website address of the first webpage, wherein the two-dimensional code is used to point to the first webpage;

Receive the URL of the first web page entered by the user.

Optionally, as an embodiment, the web page related information includes: the URL of the first web page;

The step of obtaining the first source document corresponding to the webpage-related information according to the webpage-related information includes:

Send a network request to the server based on the URL of the first webpage;

receiving the original source document returned by the server for the network request;

Based on the original source document, a first source document is generated.

Optionally, as an embodiment, the webpage-related information includes: an image of the target content of the first webpage;

The step of acquiring webpage-related information of the first webpage includes at least one of the following:

photographing the target content in the first webpage to obtain at least one image;

Taking a screenshot of the target content in the first webpage to obtain at least one image;

Taking screenshots of the target content in the first webpage and editing at least one screenshot to obtain at least one image.

Optionally, as an embodiment, the webpage-related information includes: an image of the target content of the first webpage;

The step of obtaining the first source document corresponding to the webpage-related information according to the webpage-related information includes:

For the image of the target content, create a corresponding element node, wherein one image corresponds to one element node;

A style of a preset type is created for the element node to obtain a first source document.

Optionally, as an embodiment, the webpage related information includes: the text of the target content of the first webpage;

The step of acquiring webpage-related information of the first webpage includes at least one of the following:

Scanning the target content in the first web page to obtain the text of the target content;

Receives the text of the target content entered by the user.

Optionally, as an embodiment, the webpage related information includes: the text of the target content of the first webpage;

The step of obtaining the first source document corresponding to the webpage-related information according to the webpage-related information includes:

Create a corresponding element node for the text of the target content, wherein a piece of text in the text corresponds to an element node;

A style of a preset type is created for the element node to obtain a first source document.

Optionally, as an embodiment, before the step of adding the marked content to the second webpage, the method further includes:

obtaining the trigger position of the preset event;

The step of adding the marked content to the second webpage includes:

adding the marked content to the trigger position in the second web page.

It should be understood that, in this embodiment of the present invention, the radio frequency unit 601 may be used for receiving and sending signals during sending and receiving of information or during a call. Specifically, after receiving the downlink data from the base station, it is processed by the processor 610; The uplink data is sent to the base station. Generally, the radio frequency unit 601 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, and the like. In addition, the radio frequency unit 601 can also communicate with the network and other devices through a wireless communication system.

The mobile terminal provides the user with wireless broadband Internet access through the network module 602, such as helping the user to send and receive emails, browse web pages, and access streaming media.

The audio output unit 603 may convert audio data received by the radio frequency unit 601 or the network module 602 or stored in the memory 609 into audio signals and output as sound. Also, the audio output unit 603 may also provide audio output related to a specific function performed by the mobile terminal 600 (eg, call signal reception sound, message reception sound, etc.). The audio output unit 603 includes a speaker, a buzzer, a receiver, and the like.

The input unit 604 is used to receive audio or video signals. The input unit 604 may include a graphics processor (Graphics Processing Unit, GPU) 6041 and a microphone 6042, and the graphics processor 6041 captures images of still pictures or videos obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode data is processed. The processed image frames may be displayed on the display unit 606 . The image frames processed by the graphics processor 6041 may be stored in the memory 609 (or other storage medium) or transmitted via the radio frequency unit 601 or the network module 602 . The microphone 6042 can receive sound and can process such sound into audio data. The processed audio data can be converted into a format that can be transmitted to a mobile communication base station via the radio frequency unit 601 for output in the case of a telephone call mode.

The mobile terminal 600 also includes at least one sensor 605, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor includes an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display panel 6061 according to the brightness of the ambient light, and the proximity sensor can turn off the display panel 6061 and the proximity sensor when the mobile terminal 600 is moved to the ear. / or backlight. As a kind of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (usually three axes), and can detect the magnitude and direction of gravity when stationary, and can be used to identify the posture of mobile terminals (such as horizontal and vertical screen switching, related games , magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; the sensor 605 may also include a fingerprint sensor, a pressure sensor, an iris sensor, a molecular sensor, a gyroscope, a barometer, a hygrometer, a thermometer, Infrared sensors, etc., are not repeated here.

The display unit 606 is used to display information input by the user or information provided to the user. The display unit 606 may include a display panel 6061, and the display panel 6061 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.

The user input unit 607 may be used to receive input numerical or character information, and generate key signal input related to user setting and function control of the mobile terminal. Specifically, the user input unit 607 includes a touch panel 6071 and other input devices 6072 . The touch panel 6071, also referred to as a touch screen, can collect the user's touch operations on or near it (such as the user's finger, stylus, etc., any suitable object or accessory on or near the touch panel 6071). operate). The touch panel 6071 may include two parts, a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and then sends it to the touch controller. To the processor 610, the command sent by the processor 610 is received and executed. In addition, the touch panel 6071 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 6071 , the user input unit 607 may also include other input devices 6072 . Specifically, other input devices 6072 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which are not described herein again.

Further, the touch panel 6071 can be covered on the display panel 6061. When the touch panel 6071 detects a touch operation on or near it, it transmits it to the processor 610 to determine the type of the touch event, and then the processor 610 determines the type of the touch event according to the touch The type of event provides a corresponding visual output on the display panel 6061. Although in FIG. 6, the touch panel 6071 and the display panel 6061 are used as two independent components to realize the input and output functions of the mobile terminal, in some embodiments, the touch panel 6071 and the display panel 6061 may be integrated The input and output functions of the mobile terminal are implemented, which is not specifically limited here.

The interface unit 608 is an interface for connecting an external device to the mobile terminal 600 . For example, external devices may include wired or wireless headset ports, external power (or battery charger) ports, wired or wireless data ports, memory card ports, ports for connecting devices with identification modules, audio input/output (I/O) ports, video I/O ports, headphone ports, and more. The interface unit 608 may be used to receive input (eg, data information, power, etc.) from an external device and transmit the received input to one or more elements within the mobile terminal 600 or may be used between the mobile terminal 600 and the external Transfer data between devices.

The memory 609 may be used to store software programs as well as various data. The memory 609 may mainly include a stored program area and a stored data area, wherein the stored program area may store an operating system, an application program required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; Data created by the use of the mobile phone (such as audio data, phone book, etc.), etc. Additionally, memory 609 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.

The processor 610 is the control center of the mobile terminal, uses various interfaces and lines to connect various parts of the entire mobile terminal, runs or executes the software programs and/or modules stored in the memory 609, and calls the data stored in the memory 609. , perform various functions of the mobile terminal and process data, so as to monitor the mobile terminal as a whole. The processor 610 may include one or more processing units; preferably, the processor 610 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, etc., and the modem The processor mainly handles wireless communication. It can be understood that, the above-mentioned modulation and demodulation processor may not be integrated into the processor 610.

The mobile terminal 600 may also include a power supply 611 (such as a battery) for supplying power to various components. Preferably, the power supply 611 may be logically connected to the processor 610 through a power management system, so as to manage charging, discharging, and power consumption management through the power management system. and other functions.

In addition, the mobile terminal 600 includes some unshown functional modules, which are not repeated here.

Preferably, an embodiment of the present invention further provides a mobile terminal, including a processor 610 , a memory 609 , a web page labeling program stored in the memory 609 and running on the processor 610 , and the page labeling program is executed by the processor 610 When executed, each process of the above embodiments of the webpage labeling method is implemented, and the same technical effect can be achieved. In order to avoid repetition, details are not described here.

Embodiments of the present invention further provide a computer-readable storage medium, where a web page labeling program is stored on the computer-readable storage medium. When the page labeling program is executed by a processor, each process of the above web page labeling method embodiments can be achieved, and can achieve the same In order to avoid repetition, the technical effect will not be repeated here. The computer-readable storage medium is, for example, a read-only memory (Read-Only Memory, ROM for short), a random access memory (Random Access Memory, RAM for short), a magnetic disk, or an optical disk.

It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or apparatus. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in a process, method, article or apparatus that includes the element.

From the description of the above embodiments, those skilled in the art can clearly understand that the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on this understanding, the technical solutions of the present invention can be embodied in the form of software products in essence or the parts that make contributions to the prior art, and the computer software products are stored in a storage medium (such as ROM/RAM, magnetic disk, CD), including several instructions to make a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) execute the methods described in the various embodiments of the present invention.

The embodiments of the present invention have been described above in conjunction with the accompanying drawings, but the present invention is not limited to the above-mentioned specific embodiments, which are merely illustrative rather than restrictive. Under the inspiration of the present invention, without departing from the spirit of the present invention and the scope protected by the claims, many forms can be made, which all belong to the protection of the present invention.

Claims (14)

1. A webpage labeling method is applied to electronic equipment, and is characterized by comprising the following steps:

generating a first source document corresponding to target content in a first webpage;

adding a monitoring event and a response event corresponding to the monitoring event to the first source document to obtain a second source document, wherein the monitoring event is used for monitoring a preset event triggered by a user, and the response event is used for providing a marked content input interface for the user when the preset event is monitored;

generating a second webpage corresponding to the second source document according to the second source document;

when the preset event triggered by the user aiming at the second webpage is monitored, displaying the marked content input interface;

when receiving the marked content input by the user in the marked content input interface, adding the marked content to the second webpage;

the step of generating a first source document corresponding to target content in a first webpage includes:

acquiring webpage related information of a first webpage, wherein the webpage related information comprises at least one of the following items: the website of the first webpage, the image of the target content of the first webpage and the text of the target content of the first webpage;

obtaining a first source document corresponding to the webpage related information according to the webpage related information;

obtaining a first source document corresponding to the webpage related information according to the webpage related information includes:

if the webpage related information comprises an image of the target content of the first webpage, creating a corresponding element node aiming at the image of the target content, wherein one image corresponds to one element node; creating a style of a preset type for the element node to obtain a first source document;

if the webpage related information comprises a text of the target content of the first webpage, creating a corresponding element node aiming at the text of the target content, wherein one segment of characters in the text corresponds to one element node; and creating a preset type style for the element node to obtain a first source document.

2. The method of claim 1, wherein the web page related information comprises: a web address of the first web page;

the step of obtaining the webpage related information of the first webpage comprises at least one of the following steps:

scanning an address bar of a first webpage to obtain a website of the first webpage;

scanning a two-dimensional code in a first webpage to obtain a website of the first webpage, wherein the two-dimensional code is used for pointing to the first webpage;

and receiving the website of the first webpage input by the user.

3. The method of claim 1, wherein the web page related information comprises: a web address of the first web page;

the step of obtaining the first source document corresponding to the webpage related information according to the webpage related information includes:

sending a network request to a server based on the website of the first webpage;

receiving an original source document returned by the server aiming at the network request, wherein the original source document is a source document of the first webpage;

based on the original source document, a first source document is generated.

4. The method of claim 1, wherein the web page related information comprises: an image of target content of the first web page;

the step of obtaining the webpage related information of the first webpage comprises at least one of the following steps:

photographing target content in a first webpage to obtain at least one image;

screenshot is carried out on target content in a first webpage to obtain at least one image;

and screenshot is carried out on target content in the first webpage, and at least one screenshot is edited to obtain at least one image.

5. The method of claim 1, wherein the web page related information comprises: text of target content of the first web page;

the step of obtaining the webpage related information of the first webpage comprises at least one of the following steps:

scanning target content in a first webpage to obtain a text of the target content;

text of the target content input by the user is received.

6. The method of claim 1, further comprising, prior to the step of adding the annotation content to the second webpage:

acquiring a trigger position of the preset event;

the step of adding the annotation content to the second webpage comprises:

and adding the annotation content to the trigger position in the second webpage.

7. An electronic device, characterized in that the electronic device comprises:

the first generation module is used for generating a first source document corresponding to target content in a first webpage; a second generation module, configured to add a monitoring event and a response event corresponding to the monitoring event to the first source document to obtain a second source document, where the monitoring event is used to monitor a preset event triggered by a user, and the response event is used to provide a tagged content input interface for the user when the preset event is monitored;

a third generating module, configured to generate a second webpage corresponding to the second source document according to the second source document;

the display module is used for displaying the marked content input interface under the condition that the preset event triggered by the user aiming at the second webpage is monitored;

the adding module is used for adding the marked content to the second webpage after receiving the marked content input by the user in the marked content input interface;

wherein the first generating module comprises:

the webpage related information acquisition sub-module is used for acquiring webpage related information of a first webpage, wherein the webpage related information comprises at least one of the following items: the website of the first webpage, the image of the target content of the first webpage and the text of the target content of the first webpage;

the first source document generation submodule is used for obtaining a first source document corresponding to the webpage related information according to the webpage related information;

in the process of obtaining the first source document corresponding to the webpage related information according to the webpage related information, the first source document generation submodule is specifically configured to:

if the webpage related information comprises an image of the target content of the first webpage, creating a corresponding element node aiming at the image of the target content, wherein one image corresponds to one element node; creating a style of a preset type for the element node to obtain a first source document;

if the webpage related information comprises a text of the target content of the first webpage, creating a corresponding element node aiming at the text of the target content, wherein one segment of characters in the text corresponds to one element node; and creating a preset type style for the element node to obtain a first source document.

8. The electronic device of claim 7, wherein the web page related information comprises: a web address of the first web page;

the webpage related information acquisition submodule is specifically used for at least one of the following:

scanning an address bar of a first webpage to obtain a website of the first webpage;

scanning a two-dimensional code in a first webpage to obtain a website of the first webpage, wherein the two-dimensional code is used for pointing to the first webpage;

and receiving the website of the first webpage input by the user.

9. The electronic device of claim 7, wherein the web page related information comprises: a web address of the first web page;

the first source document generation submodule is specifically configured to:

sending a network request to a server based on the website of the first webpage;

receiving an original source document returned by the server aiming at the network request, wherein the original source document is a source document of the first webpage;

based on the original source document, a first source document is generated.

10. The electronic device of claim 7, wherein the web page related information comprises: an image of target content of the first web page;

the webpage related information acquisition submodule is specifically used for at least one of the following:

photographing target content in a first webpage to obtain at least one image;

screenshot is carried out on target content in a first webpage to obtain at least one image;

and screenshot is carried out on target content in the first webpage, and at least one screenshot is edited to obtain at least one image.

11. The electronic device of claim 7, wherein the web page related information comprises: text of target content of the first web page;

the webpage related information acquisition submodule is specifically used for at least one of the following:

scanning target content in a first webpage to obtain a text of the target content;

text of the target content input by the user is received.

12. The electronic device of claim 7, further comprising:

the acquisition module is used for acquiring the trigger position of the preset event;

the adding module comprises:

and the marked content adding submodule is used for adding the marked content to the trigger position in the second webpage after receiving the marked content input by the user in the marked content input interface.

13. An electronic device comprising a processor, a memory, and a web page annotation program stored on the memory and executable on the processor, the web page annotation program, when executed by the processor, implementing the steps of the web page annotation method according to any one of claims 1 to 6.

14. A computer-readable storage medium, on which a web page annotation program is stored, which when executed by a processor implements the steps of the web page annotation method of any one of claims 1 to 6.

Images