Web technology-based webpage screen capture method

Abstract

The invention discloses a Web technology-based webpage screen capture method. The method comprises the following steps of calling a program interface of a web page browser to obtain HTML elements of ato-be-captured webpage; calling the program interface of the browser to analyze attributes of the HTML elements, and storing the analyzed attributes as an ordered HTML element attribute list; callingthe program interface of the browser to create a canvas of an HTML; calling the program interface of the browser to cyclically scan the HTML element attribute list, and drawing HTML attribute contents in the HTML element attribute list on the canvas; calling a program interface of the canvas to convert codes of the drawn canvas into base64 character strings, and performing storage; and guiding auser to download the canvas by adding a button to the page. The method has the characteristics of no dependency on other tools and solving of the technical problem of dependency of webpage screen capture on a third-party tool.

Description

technical field [0001] The invention relates to the field of web design, in particular to a screen capture method based on web pages. Background technique [0002] The general web screen capture technology saves the visible screen and allows users to cut it according to their needs. At this time, we need additional tools to complete this task. If the user does not have a suitable screenshot tool, the user's purpose will not be achieved. [0003] Usually web pages have scroll bars to scroll and display the content. At this time, the current visible screen cannot display all the content. Users cannot make a screen containing the entire page content at one time, and it is not easy to keep the original picture clear in the captured pictures. degree, there will be a certain degree of distortion. [0004] In view of the above problems, the current approach is generally to use server-side rendering, but this undoubtedly increases the burden on the server, and full-screen webpage ...

AI Technical Summary

Problems solved by technology

[0003] Usually web pages have scroll bars to scroll and display the content. At this time, the current visible screen cannot display all the content. Users cannot make a screen containing the entire page content at one time, and it is not easy to keep the original picture clear in the captured pictures. degree, there will be a certain degree of distortion

[0004] In view of the above problems, the current approach is generally to use server-side rendering, but this undoubtedly increases the burden on the server, and full-screen webpage capture is also a third-party plug-in implementation of some browsers, which is relatively expensive to use and difficult to integrate

There is currently no effective solution

Images