CN111694493B - Webpage screenshot method, computer equipment and readable storage medium - Google Patents

Webpage screenshot method, computer equipment and readable storage medium Download PDF

Info

Publication number
CN111694493B
CN111694493B CN202010512915.6A CN202010512915A CN111694493B CN 111694493 B CN111694493 B CN 111694493B CN 202010512915 A CN202010512915 A CN 202010512915A CN 111694493 B CN111694493 B CN 111694493B
Authority
CN
China
Prior art keywords
canvas
screenshot
current page
webpage
css
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202010512915.6A
Other languages
Chinese (zh)
Other versions
CN111694493A (en
Inventor
柯嘉诚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Youzan Technology Co ltd
Original Assignee
Hangzhou Youzan Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hangzhou Youzan Technology Co ltd filed Critical Hangzhou Youzan Technology Co ltd
Priority to CN202010512915.6A priority Critical patent/CN111694493B/en
Publication of CN111694493A publication Critical patent/CN111694493A/en
Application granted granted Critical
Publication of CN111694493B publication Critical patent/CN111694493B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

The invention discloses a webpage screenshot method, computer equipment and a readable storage medium, which relate to the technical field of computers and comprise the following steps: triggering a webpage screenshot, creating a Canvas 1 covering a current page, traversing HTML elements and CSS attributes of the current page, and generating a rendering tree; drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage; intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2; the image of Canvas 2 is output. The technical scheme provided by the invention can be used for carrying out screenshot on the webpage in a computer and a mobile phone which are not provided with a screenshot client.

Description

Webpage screenshot method, computer equipment and readable storage medium
[ technical field ] A method for producing a semiconductor device
The invention relates to the technical field of computers, in particular to a webpage screenshot method, computer equipment and a readable storage medium.
[ background of the invention ]
Screenshot of web pages is a very common requirement for users in daily work and life. At present, a plurality of clients are available on the market, such as qq, WeChat, nailing and the like, which are provided with screenshot functions. Although the screenshot scheme of the clients basically satisfies most scenes, the method also has the following great defects: 1. a client with a screenshot function must be installed; 2. and the operation at the mobile phone end cannot be carried out. These two drawbacks also result in some scenarios where there is no way to meet the customer's screenshot requirements.
[ summary of the invention ]
In order to solve the problems, the invention provides a webpage screenshot method which can be used for screenshot of a webpage in a computer and a mobile phone without a screenshot client.
In order to achieve the purpose, the invention adopts the following technical scheme:
a webpage screenshot method comprises the following steps:
triggering a webpage screenshot, and creating a Canvas 1, wherein the Canvas 1 covers the current page;
traversing HTML elements and CSS attributes of the current page to generate a rendering tree;
drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage;
intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2;
the image of Canvas 2 is output.
Optionally, when the HTML element and the CSS attribute of the current page are traversed, the CSS attribute that is not assigned or is unrelated to the HTML element position and display of the current page is removed.
Optionally, when the HTML element and the CSS attribute of the current page are traversed, if the CSS attribute of the parent element and/or the ancestor element of an HTML element of the current page has import, the CSS attribute of the HTML element is made to be the CSS attribute t of the parent element and/or the ancestor element.
Optionally, when the webpage is drawn on the Canvas 1, if the CSS attribute possessed by the HTML element of the current page makes the HTML element unable to be observed after the page is rendered, the HTML element is not drawn on the Canvas 1.
Optionally, after the webpage is drawn on the Canvas 1, the attribute of the vertical scroll bar of the current page is obtained, and the top attribute of the Canvas 1 is modified in equal proportion, so that the Canvas 1 is completely displayed in the current page.
Optionally, the screenshot of the webpage is triggered, when the Canvas 1 is created, the overall height and width of the current page are obtained, the Canvas 1 with the same height and the same width is created, the CSS attribute position of the Canvas 1 is assigned as fixed, and the CSS attribute top and the CSS attribute left are assigned as 0, so that the Canvas 1 covers the current page.
Optionally, after the Canvas 1 is created, a resize event of the current page is monitored, and when the width and the height of the current page are changed, the width and the height of the Canvas 1 are adjusted in real time to adapt to the changed current page.
Optionally, when the intercepted content is drawn on the Canvas 1 to generate a Canvas 2, a screenshot tool is added, the screenshot tool includes a toolbar, the toolbar includes colors, characters, ellipses, rectangles, lines, arrows, retreats and completes, the screenshot tool monitors a mouse or screen click event, the mouse or screen click event is triggered, the current mouse and/or screen click position is recorded, a mouse or a dragging screen is moved, the mouse and/or screen click position after the mouse is moved or the screen is dragged is recorded to form a corresponding screenshot frame, the mouse or screen click event is completed, and 8 draggable points are created at the boundary of the screenshot frame.
The invention has the following beneficial effects:
according to the technical scheme, the user can complete the screenshot of the webpage under the condition that no client is installed, and the screenshot of the webpage at the mobile phone end is also realized.
Meanwhile, the invention also provides computer equipment which comprises a memory and a processor, wherein the memory stores a computer program, and the processor realizes the method of any one of the above items when executing the computer program.
Meanwhile, the invention also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor implements the method of any one of the above.
These features and advantages of the present invention will be disclosed in more detail in the following detailed description and the accompanying drawings. The best mode or means of the present invention will be described in detail with reference to the accompanying drawings, but the present invention is not limited thereto. In addition, the features, elements and components appearing in each of the following and in the drawings are plural and different symbols or numerals are labeled for convenience of representation, but all represent components of the same or similar construction or function.
[ description of the drawings ]
The invention will be further described with reference to the accompanying drawings in which:
fig. 1 is a flowchart of a first embodiment of the present invention.
[ detailed description ] embodiments
The technical solutions of the embodiments of the present invention are explained and illustrated below with reference to the drawings of the embodiments of the present invention, but the following embodiments are only preferred embodiments of the present invention, and not all embodiments. Based on the embodiments in the implementation, other embodiments obtained by those skilled in the art without any creative effort belong to the protection scope of the present invention.
Reference in the specification to "one embodiment" or "an example" means that a particular feature, structure or characteristic described in connection with the embodiment itself may be included in at least one embodiment of the patent disclosure. The appearances of the phrase "in one embodiment" in various places in the specification are not necessarily all referring to the same embodiment.
The first embodiment is as follows:
as shown in fig. 1, the present embodiment provides a method for screenshot in a web page, including the following steps:
the screenshot is triggered and the Canvas 1 is created. When creating the Canvas 1, acquiring the whole height and width of the current page, creating the Canvas 1 with the same height and width, assigning the CSS attribute position of the Canvas 1 to fixed, and assigning the CSS attribute top and the CSS attribute left to 0, so that the Canvas 1 covers the current page. After creating the Canvas 1, monitoring a resize event of the current page, and adjusting the width and the height of the Canvas 1 in real time when the width and the height of the current page are changed so as to adapt to the changed current page.
And traversing the HTML elements and the CSS attributes of the current page to generate a rendering tree. And when the HTML elements and the CSS attributes of the current page are traversed, the CSS attributes which are not assigned or are irrelevant to the position and the display of the HTML elements of the current page are removed, so that the drawing speed of the Canvas 1 is increased. The culled CSS attributes include, but are not limited to, CSS attributes such as cursor, resize, nav-right, etc., which belong to CSS attributes that do not affect HTML element position and display.
In the process of traversal, because the CSS attribute of an HTML element is affected by a parent element and a child element, a deep traversal is used, and when the CSS attribute of one HTML element of a current page is traversed, if the CSS attribute of the parent element and/or the ancestor element of the HTML element has important, the CSS attribute of the HTML element is the CSS attribute of the parent element and/or the ancestor element of the HTML element due to the fact that the attribute with important has the highest priority. For example, the CSS attribute of the parent HTML element has a color red! The CSS attribute of the HTML element is color blue, then the CSS attribute of the HTML element should be color red | on the parent HTML element! important, not color blue. And forming a rendering tree after traversing the HTML elements and the CSS attributes of the whole page.
And drawing the webpage into the Canvas 1 based on the rendering tree, drawing the webpage into the Canvas 1 through an API carried by the Canvas during drawing, and using different APIs for different types of HTML elements, for example, using an API of drawImage for pictures, an API of fileText for characters, an API of lineTo for lines and the like, which are not described herein again. If the CSS attributes of the HTML element of the current page make it unobservable after the page is rendered, the HTML element is not drawn on the Canvas 1 because the HTML element having these attributes cannot be observed by the user after the page is rendered. For example, a certain HTML element has the CSS attribute of position, and it needs to determine whether it may be out of the visible area according to the CSS attributes of top, left, right, top, etc., and the CSS attributes of position and overflow of the parent element or ancestor element. If its parent element has the CSS attributes of position: relative and overflow: hidden, and the HTML element has the CSS attributes of position: absolute, top: -50px, height:100px, then the 50px of the upper half of the HTML element will be outside of its parent element, then the excess will be hidden according to the overflow: hidden attribute on its parent element, so only the part inside the parent element will be rendered.
After rendering, the vertical scroll bar attribute of the current page is obtained, because the content height of the current page may be higher than the height of the visible area, and the position of the content height may not be the highest position, but is at the middle position through scrolling, and then the vertical sliding distance of the scroll bar needs to be obtained. And modifying the top attribute of the Canvas 1 in equal proportion to enable the Canvas 1 to be completely displayed in the current page, and then displaying the webpage drawn on the Canvas 1.
Intercepting is carried out on the Canvas 1, a screenshot tool is added during intercepting, the screenshot tool is created through HTML, CSS and Javascript and is divided into a screenshot area and a toolbar, the intercepted content is drawn on the Canvas 1 to generate the Canvas 2, and the generated Canvas 2 is the screenshot area. The toolbar is made of HTML elements and CSS, and comprises colors, characters, ellipses, rectangles, lines, arrows, and retreats. The functions are realized as follows:
color: a global variable is set globally on the current page, and is modified each time the color changes. Using the global variable to specify a currently rendered color when other internal functions are in use;
and (3) writing: monitoring a left mouse button click event, dynamically creating a Textarea element, namely a text box, at a click position, acquiring characters input by a user, and filling the characters into a Canvas 2 by a filText method provided by Canvas after the user inputs the characters and when the text box loses focus, namely clicking a place except the text box;
ellipse: drawing an ellipse by a bezier curveto method provided by Canvas, namely a bezier curve, and a mouse pressing position and a mouse lifting position of a user;
rectangle: drawing a rectangle by a lineTo method provided by Canvas, a mouse pressing position and a mouse lifting position of a user;
line: drawing lines by a lineTo method provided by Canvas, a mouse pressing position and a mouse lifting position of a user;
arrow head: arrows are drawn through the lineTo method provided by Canvas, the trigonometric function method provided by Javascript, and the mouse down position and mouse up position of the user.
Retreating: in the embodiment, a snapshot mode is adopted, after each function is finished, the content on the Canvas 2 at that time is recorded, a snapshot is formed and placed in a queue, and after a user clicks a back button, the last snapshot is drawn in the Canvas 2 through a Canvas dram image method, so that a back function is finally realized;
and (3) completing: after clicking is finished, outputting a picture according to the content on the current Canvas 2, judging whether the intercepted content needs to be downloaded or copied to a pasting board according to the configuration of a user, finally closing the screenshot tool, and deleting the Canvas 1, the Canvas 2 and the toolbar from the current page.
The screenshot tool monitors a mouse or screen click event, the mouse or screen click event is triggered, the current mouse and/or screen click position is recorded, the mouse or the screen is moved or dragged, the mouse and/or screen click position after the mouse or the screen is moved or dragged is recorded, and a corresponding screenshot frame, namely a screenshot area, namely the generated Canvas 2 is formed. And finishing the mouse or screen clicking event, creating 8 draggable points at the boundary of the screenshot box, and drawing the intercepted content on the Canvas 1 to generate the Canvas 2. In this embodiment, a mouse click is taken as an example, after a user clicks a mouse, the system records the current position of the mouse, and creates a div tag, where the created div tag belongs to a tag of HTML, and is added to a page by an appndchid method of Javascript. When the user slides the mouse, the system records the position of the current mouse in real time, and calculates the difference between the two positions (the position when clicking and the position when sliding in real time) in real time to change the height, width, left and top of the div label, so that the div label can form a cutout frame with the size required by the user. And finally, when a user lifts a mouse button, creating a Canvas apendchild to div label, keeping the height, width and div labels consistent, creating 8 draggable points at the boundary of the screenshot frame, and providing the requirement of the user for changing the size and the position of the screenshot frame subsequently.
And finally, outputting the image of the Canvas 2.
According to the technical scheme provided by the embodiment, the user can complete the screenshot of the webpage under the condition that no client is installed, and the screenshot of the webpage at the mobile phone end is also realized.
Example two
The present embodiment provides a computer device comprising a memory and a processor, the memory having a computer program stored therein, the processor implementing the method of any of the embodiments as described above when executing the computer program. It will be understood by those skilled in the art that all or part of the flow of the method implementing the above embodiments may be implemented by a computer program instructing associated hardware. Accordingly, the computer program can be stored in a non-volatile computer readable storage medium, and when executed, can implement the method according to any one of the above embodiments. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and bus dynamic RAM (RDRAM).
While the present invention has been described with reference to the preferred embodiments, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Any modifications which do not depart from the functional and structural principles of the present invention are intended to be included within the scope of the claims.

Claims (8)

1. A webpage screenshot method is characterized by comprising the following steps:
triggering a webpage screenshot, and creating a Canvas 1, wherein the Canvas 1 covers the current page;
traversing HTML elements and CSS attributes of the current page to generate a rendering tree; when the HTML element and the CSS attribute of the current page are traversed, if the CSS attribute of a parent element and/or an ancestor element of a certain HTML element of the current page has important, the CSS attribute of the HTML element is made to be the CSS attribute of the parent element and/or the ancestor element;
drawing a webpage on the Canvas 1 based on the rendering tree and displaying the webpage;
acquiring the attribute of a vertical scroll bar of a current page, and modifying the top attribute of the Canvas 1 in equal proportion to enable the Canvas 1 to be completely displayed in the current page;
intercepting the Canvas 1, and drawing the intercepted content on the Canvas 1 to generate a Canvas 2;
the image of Canvas 2 is output.
2. The method for screenshot in a web page as claimed in claim 1, wherein when traversing the HTML element and its CSS attributes of the current page, CSS attributes that have not been assigned or are not related to the location and display of the HTML element of the current page are removed.
3. The method for screenshot in a webpage according to claim 1, wherein when the webpage is drawn on the Canvas 1, if the CSS attribute of the HTML element of the current page makes the HTML element of the current page unobservable after the page is rendered, the HTML element is not drawn on the Canvas 1.
4. The method for webpage screenshot according to claim 1, wherein the webpage screenshot is triggered, when a Canvas 1 is created, the overall height and width of a current page are obtained, the Canvas 1 with the same height and width is created, the CSS attribute position of the Canvas 1 is assigned as fixed, and the CSS attribute top and the CSS attribute left are assigned as 0, so that the Canvas 1 covers the current page.
5. The method for screenshot in a webpage according to claim 1, wherein after creating the Canvas 1, a resize event of the current page is monitored, and when the width and the height of the current page are changed, the width and the height of the Canvas 1 are adjusted in real time to adapt to the changed current page.
6. The method for screenshot in a webpage according to claim 1, wherein when the captured content is rendered on the Canvas 1 to generate the Canvas 2, a screenshot tool is added, the screenshot tool includes a toolbar including a color, a text, an ellipse, a rectangle, a line, an arrow, a back, and a completion, the screenshot tool monitors a mouse or a screen click event, the mouse or the screen click event is triggered, a current mouse and/or screen click position is recorded, a mouse or a dragged screen is moved, a mouse and/or screen click position after the mouse or the dragged screen is recorded to form a corresponding screenshot frame, the mouse or screen click event is completed, and 8 draggable points are created at a boundary of the screenshot frame.
7. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor implements the method of any one of claims 1 to 6 when executing the computer program.
8. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1 to 6.
CN202010512915.6A 2020-06-08 2020-06-08 Webpage screenshot method, computer equipment and readable storage medium Active CN111694493B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010512915.6A CN111694493B (en) 2020-06-08 2020-06-08 Webpage screenshot method, computer equipment and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010512915.6A CN111694493B (en) 2020-06-08 2020-06-08 Webpage screenshot method, computer equipment and readable storage medium

Publications (2)

Publication Number Publication Date
CN111694493A CN111694493A (en) 2020-09-22
CN111694493B true CN111694493B (en) 2022-05-31

Family

ID=72479739

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010512915.6A Active CN111694493B (en) 2020-06-08 2020-06-08 Webpage screenshot method, computer equipment and readable storage medium

Country Status (1)

Country Link
CN (1) CN111694493B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112230896A (en) * 2020-10-21 2021-01-15 苏州速显微电子科技有限公司 Method for realizing AHMI IDE system rendering tool
CN115809387A (en) * 2022-11-29 2023-03-17 四川虹魔方网络科技有限公司 Webpage element screenshot realization method based on SVG
CN117076811A (en) * 2023-10-13 2023-11-17 腾讯科技(深圳)有限公司 Webpage export method, device, equipment and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8635518B1 (en) * 2011-07-21 2014-01-21 Google Inc. Methods and systems to copy web content selections
CN107608731A (en) * 2017-09-15 2018-01-19 广州优视网络科技有限公司 A kind of picture loading method and device
CN107885848A (en) * 2017-11-10 2018-04-06 杭州美创科技有限公司 Web page screen-cutting method based on web technology
CN110244896A (en) * 2019-06-24 2019-09-17 北京向上一心科技有限公司 Screenshot method, device, controller and storage medium in webpage
CN110516177A (en) * 2019-07-11 2019-11-29 平安普惠企业管理有限公司 Page zoom-in and zoom-out method, apparatus, equipment and computer readable storage medium
CN110968236A (en) * 2018-09-30 2020-04-07 北京国双科技有限公司 Screenshot method and device based on webpage

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8635518B1 (en) * 2011-07-21 2014-01-21 Google Inc. Methods and systems to copy web content selections
CN107608731A (en) * 2017-09-15 2018-01-19 广州优视网络科技有限公司 A kind of picture loading method and device
CN107885848A (en) * 2017-11-10 2018-04-06 杭州美创科技有限公司 Web page screen-cutting method based on web technology
CN110968236A (en) * 2018-09-30 2020-04-07 北京国双科技有限公司 Screenshot method and device based on webpage
CN110244896A (en) * 2019-06-24 2019-09-17 北京向上一心科技有限公司 Screenshot method, device, controller and storage medium in webpage
CN110516177A (en) * 2019-07-11 2019-11-29 平安普惠企业管理有限公司 Page zoom-in and zoom-out method, apparatus, equipment and computer readable storage medium

Also Published As

Publication number Publication date
CN111694493A (en) 2020-09-22

Similar Documents

Publication Publication Date Title
CN111694493B (en) Webpage screenshot method, computer equipment and readable storage medium
US11307750B2 (en) Method and system for section-based editing of a website page
US11720739B2 (en) System and method for extended dynamic layout
US8640022B2 (en) Integration of spreadsheet objects on web page
CN102662616B (en) For screen graph adaptive approach and the system of mobile terminal
WO2021068331A1 (en) Web page adaptive layout method, server and computer-readable storage medium
CN108279964B (en) Method and device for realizing covering layer rendering, intelligent equipment and storage medium
US10210144B2 (en) Creation and display of a webpage with alternative layouts for different webpage widths
US20150286739A1 (en) Html5-protocol-based webpage presentation method and device
CN109614601A (en) Form processing method, device, equipment and readable medium based on web
CN110377285A (en) A kind of method, apparatus and computer equipment generating page skeleton screen
WO2015196822A1 (en) Method and device for adapting webpage to screen layout
US20140164911A1 (en) Preserving layout of region of content during modification
CN111259644A (en) Rich text processing method, editor, equipment and storage medium
US20150370439A1 (en) Gpu-optimized scrolling systems and methods
US9886465B2 (en) System and method for rendering of hierarchical data structures
CN109683978A (en) A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface
CN111324381B (en) Development system, development method, development apparatus, computer device, and storage medium
CN108874392A (en) User's guideline interface generation method and device
CN108984175A (en) The power grid SVG line chart methods of exhibiting of object-oriented suitable for mobile device
CN113687809A (en) Information display method and device, electronic equipment and readable storage medium
US11599599B1 (en) Emulating a transparency effect for a display element
CN117055987A (en) Webpage display method and device, electronic equipment and computer readable storage medium
CN112925843A (en) Method and system for changing map display effect based on graphical interface configuration
CN117688916A (en) Method, device, equipment and storage medium for inserting form in layout document

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
PE01 Entry into force of the registration of the contract for pledge of patent right

Denomination of invention: A web page screenshot method, computer device, and readable storage medium

Effective date of registration: 20231229

Granted publication date: 20220531

Pledgee: Hangzhou United Rural Commercial Bank Co.,Ltd. Dongyue sub branch

Pledgor: HANGZHOU YOUZAN TECHNOLOGY CO.,LTD.

Registration number: Y2023980074694

PE01 Entry into force of the registration of the contract for pledge of patent right