Web technology-based webpage screen capture method

A web page and screenshot technology, applied in website content management, network data retrieval, special data processing applications, etc., can solve the problems of high cost of use, heavy server burden, inability to display content, etc. Effect

Active Publication Date: 2018-04-06
杭州美创科技有限公司
View PDF6 Cites 19 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

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 distor...

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Web technology-based webpage screen capture method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0023] The present invention will be further described below in conjunction with the accompanying drawings and specific embodiments.

[0024] Such as figure 1 Shown embodiment is a kind of web page screenshot method based on web technology, comprises the steps:

[0025] 1. call the program interface of the web browser to obtain each HTML (HyperTextMarkup Language, hypertext markup language) element of the webpage that needs to be intercepted, the HTML element here, the HTML element includes div element, canvas element, image element and ul element, above-mentioned The div element is a web page area isolation mark, which is used to place questions, images, tables, and the canvas element is an HTML markup element that draws graphics and images in the javascript programming language. The image element is a mark for placing pictures on a web page, and ul is a list markup element .

[0026] 2. Call the browser program interface to analyze the attributes of the HTML element obtain...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

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 ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06F17/30
CPCG06F16/986
Inventor 唐斌柳遵梁闻建霞陈彩霞姚远
Owner 杭州美创科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap