WO2014180331A1

WO2014180331A1 - Method, device and system for realizing webpage screenshot

Info

Publication number: WO2014180331A1
Application number: PCT/CN2014/077067
Authority: WO
Inventors: 宋军
Original assignee: 中兴通讯股份有限公司
Priority date: 2013-10-15
Filing date: 2014-05-08
Publication date: 2014-11-13
Also published as: CN103577187A

Abstract

Disclosed are a method, device and system for realizing webpage screenshot. The method comprises: embedding a screenshot plug-in unit in a browser or a webpage; and when the webpage is opened and the screenshot plug-in unit is started, performing screenshot on the webpage by using the screenshot plug-in unit.

Description

Method, device and system for realizing screenshot of webpage

The present invention relates to the field of network technologies, and in particular, to a method, device, and system for implementing a screenshot of a webpage. Background technique

With the global deployment of 3G/4G and the continuous development of intelligent terminal technology, the development of mobile Internet has been promoted. In this wave, Internet manufacturers and terminal manufacturers rely on traditional Internet applications and terminal resources. Its innovative ability, combined with its own advantages, launched a wealth of applications.

In addition, the convergence of terminals, user experience and network technologies has become an inevitable trend confirmed by the industry. The current terminal side is usually implemented by the following methods when performing webpage screenshots: 1. By installing ActiveX or Applet control in the operating system, the user experience is poor; 2. The terminal triggers the background screenshot system to open the browsing on the server side. The screenshot is implemented, but the background screenshot system cannot obtain the user session. The page after the user logs in cannot be processed normally. Only the screenshot of the page before the user logs in can be obtained. 3. By calling the special client screen capture software on the terminal. To implement the screenshot, the client screen capture software generally implements the screenshot through the system call and can only store the screenshot locally, without the function of interacting with the server. Summary of the invention

To solve the above technical problem, an embodiment of the present invention provides a method, device, and system for implementing a screenshot of a webpage.

The technical solution adopted by the present invention is applied to a terminal, and the method includes:

Embed a screen capture plugin in a browser or in a web page;

When the webpage is opened and the screen capture plugin is launched, the webpage is truncated by the screen capture plugin.

Preferably, the manner of opening the webpage comprises: opening the webpage by a browser or directly opening the webpage. Preferably, the embedding the screen capture plugin in the browser comprises: displaying a startup icon of the screen capture plugin in a toolbar of the browser for use;

The embedding the screen capture plugin in the webpage includes: displaying a startup icon of the screen capture plugin at any position of the webpage for use;

The form of writing the screenshot plugin includes a webpage script.

Preferably, the method further includes:

Save a screenshot of the webpage locally;

And / or, upload the user's information to the server side along with the screenshot of the web page.

Preferably, the method further includes:

Saving the address of the webpage and a screenshot of the webpage locally;

And/or, uploading the user's information, the address of the webpage, and the screenshot of the webpage to the server side.

Preferably, the uploading the information of the user, the address of the webpage, and the screenshot of the webpage to the server side, including:

Encoding the screenshot of the webpage;

Verifying the user's information, the address of the web page, and the validity of the screenshot of the web page, respectively;

When the verification result is all valid, the information of the user, the address of the webpage, and the coded webpage screenshot are uploaded to the server side.

Preferably, after the terminal side uploads the user's information, the address of the webpage, and the screenshot of the webpage to the server side, the method further includes:

Receiving, on the server side, information of the user uploaded by the terminal side, an address of the webpage, and a screenshot of the webpage; and decoding the received screenshot of the webpage;

The information of the user, the address of the webpage, and the decoded screenshot of the webpage are stored in association with each other. The embodiment of the invention further provides a terminal, where the terminal includes:

a detection module configured to detect an operation;

Screen capture module, configured to embed a screen capture plugin in a browser or in a webpage, when the detection module checks When the webpage is opened and the screen capture plugin is launched, the webpage is screenshotd by using the screen capture plugin. Preferably, the manner in which the terminal provides the user with opening the webpage includes: opening the webpage by using a browser or directly opening the webpage.

Preferably, the terminal further includes: a plug-in icon display module configured to: when the screen capture plug-in is embedded in the browser, display a startup icon of the screen capture plug-in in the toolbar of the browser for the user to use; when the screen capture plug-in is embedded in the webpage Displaying a startup icon of the screen capture plugin at any position of the webpage for the user to use;

The form of writing the screenshot plugin includes a webpage script.

Preferably, the terminal further includes:

a local storage module configured to locally save a screenshot of the webpage for the user; and/or an uploading module configured to upload the information of the user to the server side together with the screenshot of the webpage. Preferably, the terminal further includes:

a local storage module, configured to locally save the address of the webpage and a screenshot of the webpage for the user; and/or,

The uploading module is configured to upload the information of the user, the address of the webpage, and the screenshot of the webpage to the server side.

Preferably, the uploading module includes:

An encoding module configured to encode a screenshot of the webpage;

a validity verification module configured to verify the information of the user, the address of the webpage, and the validity of the screenshot of the webpage, respectively;

The sending module is configured to upload the information of the user, the address of the webpage, and the screenshot of the encoded webpage to the server side when the verification result is all valid.

The embodiment of the invention further provides a server, the server comprising:

a receiving module, configured to receive information about a user uploaded by the terminal side, an address of the webpage, and a screenshot of the webpage;

a decoding module, configured to decode a received screenshot of the webpage;

a saving module configured to take the user's information, the address of the webpage, and the decoded webpage screenshot Save the corresponding.

The embodiment of the present invention further provides a system for implementing a screenshot of a webpage, where the system includes: a terminal and a server;

The terminal is the terminal according to the above claims;

The server is a server as claimed in the preceding claims.

With the above technical solution, the present invention has at least the following advantages:

The method, device and system for realizing a screenshot of a webpage according to the present invention are compared with the existing webpage screenshot control. The screenshot operation of the present invention is implemented by a webpage script, and does not require the user to install any control, for example:

ActiveX or Applet. The difference between the present invention and the existing background screenshot system is that: the invention does not need to open a browser on the server side to implement the screenshot, and the page that needs the user login session can be correctly processed, and the background screenshot system cannot obtain the user session, The page after the user logs in cannot be processed normally, and only the screenshot of the page before the user logs in can be obtained. The difference between the present invention and the client screen capture software is: the invention provides a screenshot plug-in, and does not need the client software to bring a screen capture program; after the screenshot of the invention is completed, the screenshot can be encoded and uploaded, etc., without limitation and The screenshots are stored locally; in addition, the present invention implements a screenshot of the webpage through the screenshot plug-in, without using the system call to implement the screenshot as the screenshot program that comes with the client software. DRAWINGS

1 is a flowchart of a method for implementing a screenshot of a webpage according to a first embodiment of the present invention;

FIG. 2 is a schematic diagram of a terminal composition for implementing a screenshot of a webpage according to a third embodiment of the present invention; FIG.

3 is a schematic diagram of a server composition for implementing a screenshot of a webpage according to a fourth embodiment of the present invention;

4 is a flowchart of a method for implementing a screenshot of a webpage according to an application example of the present invention;

FIG. 5 is a specific flowchart of step S110 in FIG. 4;

6 is a specific flowchart of step S120 in FIG. 4;

FIG. 7 is a specific flowchart of step S130 in FIG. 4;

FIG. 8 is a schematic structural diagram of a system for implementing a screenshot of a webpage according to an application example of the present invention; FIG.

9 is a schematic diagram of a specific composition of the terminal application unit 210 in FIG. 8; FIG. 10 is a schematic diagram showing the specific composition of the server side control unit 220 in FIG. BEST MODE FOR CARRYING OUT THE INVENTION The present invention will be described in detail with reference to the accompanying drawings and preferred embodiments.

A first embodiment of the present invention,

A method for implementing a screenshot of a webpage includes a process performed on the terminal side and on the server side, wherein, as shown in FIG. 1, the process performed on the terminal side is as follows:

Step S101, embedding a screen capture plugin in the browser.

Specifically, when the screen capture plug-in is embedded in the browser, the startup icon of the screen capture plug-in is displayed in the toolbar of the browser for the user to use.

Step S102: When the user opens any webpage through the browser and starts the screen capture plugin, the webpage is screenshotd by using the screen capture plugin.

At the same time, the process performed on the terminal side may further include step S103 and step S104, but step S103 and step S104 and step S101 and step S102 are two embedding cases of the plug-in described in parallel, without distinguishing the order of time.

Step S103, embedding a screen capture plugin in a webpage.

Specifically, when the screen capture plug-in is embedded in the webpage, the startup icon of the screen capture plug-in is displayed at any position of the webpage for the user to use. The screen capture plugin can be written in the form of a webpage script, such as: a javascript web script, which can be directly embedded in the HTML (Hyper Text Mark-up Language) code of the webpage, or can be written according to different code of the webpage. Corresponding web scripts to enable embedding of different web pages.

Step S104: When the user opens the webpage and launches the screen capture plugin thereon, the webpage is screenshotd by using the screen capture plugin.

In addition to the above-mentioned screenshot scheme implemented on the terminal side, preferably, the embodiment further expands a scheme in which the terminal side interacts with the server side, and continues the above steps S101 S102 or steps S103-104, and the process performed on the terminal side is further include: Step S105: locally save a screenshot of the webpage for the user; and/or upload the information of the user together with the screenshot of the webpage to the server side.

If the step S105 is optimized, the saving of the webpage address may be added. Specifically, the address of the webpage and the screenshot of the webpage are saved locally for the user; and/or the user's information, the webpage is The address is uploaded to the server side along with the screenshot of the web page.

Preferably, the information of the user, the address of the webpage, and the screenshot of the webpage are uploaded to the server side, and specifically includes the following process:

A1: Encode the screenshot of the web page.

A2: Verify the information of the user, the address of the webpage, and the validity of the screenshot of the webpage, respectively. Since the browser stores the relevant session information of the user, and can determine whether the user has logged in, and verify the validity of the user information, the following settings can be made: The logged-in user information is a valid user, and the unregistered user information Invalid user; when verifying the validity of the webpage address, it can judge whether the webpage path entered by the user, such as a URL (Uniform Resource Locator), conforms to the standard format, etc.; when verifying the validity of the screenshot of the webpage You can determine the validity of the screenshot file by judging whether the size of the screenshot file meets the requirements, or whether the screenshot of the web page is successfully encoded. For the above three kinds of information, the present invention does not exclude other methods of validity verification.

A3: When the result of the verification is all valid, the information of the user, the address of the webpage, and the screenshot of the encoded webpage are uploaded to the server side.

Preferably, the manner of obtaining the information of the user may be the prior art. For example, the method may include: when the user takes a screenshot of the webpage, prompting the user to input the account information, the information of the user is the account information of the user; or When the user operates using the mobile terminal, the identifier corresponding to the mobile terminal used by the user is used as the information of the user.

Preferably, after the step S105 is performed, when the information of the user is uploaded to the content on the server side together with the screenshot of the webpage, it can be understood that the corresponding server performs subsequent operations, and the server side performs the following operations. Process:

Step S106: The server side receives the information of the user uploaded by the terminal side and the screenshot of the webpage, decodes the received screenshot of the webpage, and performs the screenshot of the user and the decoded webpage screenshot. Corresponding to save.

Specifically, if the content of the step S106 is corresponding to the optimized step S105, the content of the user uploaded by the terminal, the address of the webpage, and the screenshot of the webpage are decoded, and the received screenshot of the webpage is decoded. And storing the information of the user, the address of the webpage, and the decoded screenshot of the webpage. A second embodiment of the present invention,

A terminal for implementing a screenshot of a webpage, the terminal embedding a screen capture plugin in a browser or in a webpage, the terminal includes:

a detection module configured to detect an operation;

The screen capture module is configured to: when the detection module detects that the webpage is opened and the screen capture plugin is started, the screen capture is performed by using the screen capture plugin.

Optionally, the terminal also inserts a screen capture plug-in in the webpage, and the screen capture module is configured to take a screenshot of the webpage when the user opens the webpage and launches the screen capture plug-in on the webpage.

Specifically, when the screen capture plug-in is embedded in the webpage, the startup icon of the screen capture plug-in is displayed at any position of the webpage for the user to use. The screen capture plugin can be written in a webpage script, for example: a javascript web script, which can be directly embedded in the HTML code of the webpage, or a corresponding webpage script can be written according to different code of the webpage to realize embedding of different webpages. A third embodiment of the present invention,

A terminal that implements a screenshot of a webpage, as shown in FIG. 2, is different from the second embodiment in that, in addition to the screen capture module 100, the screen capture plug-in 10 of the embodiment includes:

The local storage module 200 is configured to locally save a screenshot of the webpage for the user; and/or, the uploading module 300 is configured to upload the information of the user together with the screenshot of the webpage to the server side. Preferably, if the functions of the local storage module 200 and the uploading module 300 are optimized, the saving of the webpage address may be added. Specifically, in the screen capture plugin:

The local storage module 200 is configured to locally save the address of the webpage and a screenshot of the webpage for the user; and/or,

The uploading module 300 is configured to upload the information of the user, the address of the webpage, and the screenshot of the webpage to the server side.

Preferably, the uploading module 300 specifically includes:

The encoding module 301 is configured to encode a screenshot of the webpage.

The validity verification module 302 is configured to separately verify the information of the user, the address of the webpage, and the validity of the screenshot of the webpage. Since the browser stores the relevant session information of the user, and can determine whether the user has logged in, and verify the validity of the user information, the following settings can be made: The logged-in user information is a valid user, and the unregistered user information Invalid user; when verifying the validity of the webpage address, it can judge whether the webpage path entered by the user, such as the URL, conforms to the standard format, etc. When verifying the validity of the screenshot of the webpage, it can judge whether the size of the screenshot file is consistent Request, or determine whether the screenshot of the web page is successfully encoded to determine its validity. For the above three kinds of information, the present invention does not exclude other methods of validity verification.

The sending module 303 is configured to upload the information of the user, the address of the webpage, and the coded webpage screenshot to the server side when the verification result is all valid.

Preferably, the terminal further includes:

The plug-in icon display module 20 is configured to display a startup icon of the screenshot plug-in in the toolbar of the browser for the user to use when the screen capture plug-in is embedded in the browser; when the screen capture plug-in is embedded in the webpage, any of the webpages are embedded in the webpage The location displays the launch icon of the screenshot plugin for the user to use. A fourth embodiment of the present invention,

In order to cooperate with the terminal of the third embodiment to implement a screenshot of a webpage, the embodiment provides a server for implementing a screenshot of a webpage. As shown in FIG. 3, the server includes:

The receiving module 500 is configured to receive information about a user uploaded by the terminal side, an address of the webpage, and the a screenshot of the web page;

The decoding module 600 is configured to decode the received screenshot of the webpage;

The saving module 700 is configured to store the information of the user, the address of the webpage, and the screenshot of the decoded webpage.

It should be understood by those skilled in the art that the screen capture plug-in in the embodiment of the present invention is not limited to being applied to a specific webpage or webpage application, and the screen capture plug-in provided by the user may be provided by the user, including but not limited to a browser plug-in or a page plug-in. Enable screenshots and upload processing for any web page or web application.

When the screen capture plug-in of the embodiment of the present invention is used as a browser plug-in, including but not limited to a toolbar type, as a preferred embodiment, the present invention provides a screenshot mode of a browser plug-in toolbar. The user can drag the webpage start icon provided by the present invention to the browser toolbar, and the user can open all webpages or webpage applications by using the browser, and can use the webpage screenshot startup icon provided by the present invention in the browser toolbar to implement the screenshot. And subsequent processing.

When the screen capture plug-in of the embodiment of the present invention is used as a page plug-in, the webpage screenshot start icon provided by the present invention automatically appears on the webpage in which the page plug-in code is embedded, and the user can click the icon to implement the screenshot and subsequent processing of the webpage.

The method for implementing webpage screenshots and related devices of the present invention, compared with the existing webpage screenshot control, the screenshot operation of the present invention is implemented by a webpage script, and does not require the user to install any controls, such as: ActiveX or Applet. The difference between the present invention and the existing background screenshot system is that the present invention does not need to open a browser on the server side to implement the screenshot, and can correctly process the page that requires the user to log in to the session, and the background screenshot system cannot obtain the user session. The page after the user logs in cannot be processed normally, and only the screenshot of the page before the user logs in can be obtained. The difference between the present invention and the client screen capture software is: the invention provides a screenshot plug-in, and does not need the client software to bring a screen capture program; after the screenshot of the invention is completed, the screenshot can be encoded and uploaded, etc., without limitation and The screenshots are stored locally; in addition, the present invention implements a screenshot of the webpage through the screenshot plug-in, without using the system call to implement the screenshot as the screenshot program that comes with the client software.

An application example of the present invention is described based on the foregoing embodiment. A webpage screenshot method provided by the application example is applied to a network system. As shown in FIG. 4, the method includes the following steps: Step S110: Generate a webpage screenshot on the terminal side.

More specifically, as shown in FIG. 5, step S110 includes the following process:

S111: Obtain user input information or an opened page. In the step S111, the information is generally obtained by the terminal application from the URL information input by the user or the opened web page.

S112: Generate a screenshot of the webpage and encode the image. In the step S112, the generated webpage screenshot supports the image formats including but not limited to jpg, bmp, png, gif, etc. At the same time, the generated webpage screenshots are encoded, and the support includes but not limited to Base64 encoding.

S113: Generate a correspondence between user information, a webpage address, and a screenshot of a webpage. In the step S113, the acquired user information, the URL information, the webpage screenshot information, and the like are formed in a corresponding relationship.

Step S120, uploading a screenshot of the webpage.

More specifically, as shown in FIG. 6, the step S120 includes the following process:

S121: Image upload preprocessing. In the step S121, the validity of the acquired user information, URL information, web page screenshot, etc. is verified.

S122: Initiating an image upload request to the server side. In the step S122, the obtained user information, the URL information, the webpage screenshot information, and the like are used as parameters to initiate a request for uploading a picture to the service side.

Step S130: The server side processes the screenshot of the webpage.

More specifically, as shown in FIG. 7, the step S130 includes the following process:

S131: The server side decodes the uploaded encoded picture. In the step S131, the server side decodes the encoded screenshot.

S132: The server side stores the decoded picture, and saves the correspondence between the user information, the webpage information, and the screenshot of the webpage. In the step S132, the service side stores the screenshots of the already decoded webpage, including but not limited to a storage device such as a database or a hard disk.

This application example also provides a webpage screenshot system, as shown in FIG. 8, including:

1) The terminal application unit 210 is configured to generate a screenshot of the webpage and upload it.

More specifically, as shown in FIG. 9 , the terminal application unit 210 includes the following components: a webpage image capturing unit 211 configured to intercept a webpage and generate a image by using a pure webpage script; a picture encoding unit 212, configured to encode the generated picture;

The terminal side interface unit 213 is configured to establish an interface with the server side and upload a picture.

2) The server side control unit 220 is configured to process the image upload request and store information such as pictures. More specifically, as shown in FIG. 10, the server-side control unit 220 includes the following components: a server-side interface unit 221 configured to establish an interface with the terminal side and transmit a response message; and a picture decoding unit 222 configured to perform encoding The picture is decoded;

The storage service unit 223 is configured to store the decoded picture, and the correspondence between the user information, the webpage address, and the picture.

The webpage screenshot method and related device provided by the invention ensure the consistency of the user experience by generating a screenshot of the webpage on the user side, and the invention does not need to install any control, and can realize the screenshot in the webpage, thereby improving the user's ease of use. Sex. The present invention is to be understood as being limited and not limited by the accompanying drawings.

Claims

claims

1. A method for realizing web page screenshots, applied to terminals, the method includes:

Embed screenshot plug-ins in browsers or web pages;

When a web page is opened and the screenshot plug-in is started, the screen capture plug-in is used to take a screenshot of the web page.

2. The method for realizing web page screenshots according to claim 1, wherein the method of opening the web page includes: opening the web page through a browser or directly opening the web page.

3. The method for realizing web page screenshots according to claim 1 or 2, wherein,

Embedding the screenshot plug-in in the browser includes: displaying the startup icon of the screenshot plug-in in the toolbar of the browser for use;

The embedding of the screenshot plug-in in the web page includes: displaying the startup icon of the screenshot plug-in at any position on the web page for use;

The screen capture plug-in is written in a web script.

4. The method for realizing web page screenshots according to claim 1 or 2, wherein the method further includes:

Save a screenshot of the webpage locally;

And/or, upload the user's information to the server together with the screenshot of the web page.

5. The method for realizing web page screenshots according to claim 1 or 2, wherein the method further includes:

Save the address of the webpage and the screenshot of the webpage locally;

And/or, upload the user's information, the address of the web page and the screenshot of the web page to the server side.

6. The method for realizing web page screenshots according to claim 5, wherein said uploading the user's information, the address of the web page and the screenshot of the web page to the server side includes:

Encoding screenshots of said web pages;

The user's information, the address of the web page, and the validity of the screenshot of the web page are separately processed. verify;

When the verification results are all valid, the user's information, the address of the web page and the encoded web page screenshot are uploaded to the server side.

7. The method for realizing web page screenshots according to claim 5, wherein after the terminal side uploads the user's information, the address of the web page and the screenshot of the web page to the server side, the method further includes: receiving on the server side The user's information, the address of the web page and the screenshot of the web page uploaded by the terminal side; decoding the received screenshot of the web page;

The user's information, the address of the web page and the decoded web page screenshot are stored in correspondence.

8. A terminal, the terminal includes:

a detection module configured for detection operation;

The screen capture module is configured to embed a screen capture plug-in in the browser or in the web page. When the detection module detects that the web page is opened and starts the screen capture plug-in, the screen capture plug-in is used to capture the web page.

9. The terminal according to claim 8, wherein the method of opening the web page includes: opening the web page through a browser or directly opening the web page.

10. The terminal according to claim 8 or 9, wherein the terminal further includes: a plug-in icon display module, configured to display the startup of the screenshot plug-in in the toolbar of the browser when the screen capture plug-in is embedded in the browser. icon, for use; when embedding the screenshot plug-in in a web page, the startup icon of the screenshot plug-in is displayed at any position on the web page for use; the writing form of the screen capture plug-in includes a web page script.

11. The terminal according to claim 8 or 9, wherein the terminal further includes:

a local storage module configured to locally save screenshots of the web page; and/or,

The upload module is configured to upload the user's information and the screenshot of the web page to the server side.

12. The terminal according to claim 8 or 9, wherein the terminal further includes:

A local storage module configured to locally save the address of the web page and the screenshot of the web page; and/or,

The upload module is configured to upload the user's information, the address of the web page, and the screenshot of the web page to the server side.

13. The terminal according to claim 12, wherein the upload module includes: An encoding module configured to encode screenshots of the web page;

A validity verification module configured to separately verify the validity of the user's information, the address of the web page, and the screenshot of the web page;

The sending module is configured to upload the user's information, the address of the web page and the encoded web page screenshot to the server side when the verification results are all valid.

14. A server, the server includes:

The receiving module is configured to receive the user's information, the address of the web page and the screenshot of the web page uploaded by the terminal side;

A decoding module configured to decode the received screenshot of the web page;

The saving module is configured to correspondingly save the user's information, the address of the web page and the decoded web page screenshot.

15. A system for realizing web page screenshots, the system includes: a terminal and a server; wherein, the terminal is configured to embed a screen capture plug-in in a browser or a web page; when the web page is opened and the screen capture plug-in is started, use The screenshot plug-in takes a screenshot of the web page;

The server is configured to receive the user's information, the address of the webpage and the screenshot of the webpage uploaded by the terminal; decode the received screenshot of the webpage; and combine the user's information, the address of the webpage and the decoded webpage. Save the screenshot of the web page accordingly.