Webpage screen sharing method and system

Abstract

The invention provides a webpage screen sharing method and system. The system comprises a server and a client. The method comprises the following steps: enabling a server to receive a same-screen creation request; loading the target webpage in the server browser instance to generate a target webpage instance, injecting a first script, and starting page monitoring; after webpage loading is completed or webpage content changes are monitored, serializing the webpage DOM to generate same-screen data; or drawing the webpage content on the Canvas and acquiring the Canvas data to generate the same-screen data; or generating a picture from the display content of the webpage as the same-screen data; sending the same-screen data to the client; and in addition, receiving a webpage operation event sent by the client, and executing the webpage operation event in the server browser instance. It can be seen that the same-screen webpage is browsed at the client side, the operation events are collected, the webpage is actually executed at the server side, the execution result is sent to the client side to be rendered, fast same-screen on any webpage or website can be achieved, and the invention has the advantages of being high in applicability, fast in implementation and high in stability.

Description

technical field [0001] The invention relates to the technical field of Internet communication, in particular to a method and system for sharing web pages on the same screen. Background technique [0002] The same screen of the webpage is conducive to the direct interaction and communication of website visitors through the website, which greatly improves the communication efficiency. [0003] However, there are many problems in the existing webpage sharing technology. For example, the realization of webpage sharing needs to be customized and developed, and the implementation cost is high by writing a special sharing program. Some sharing techniques are realized by introducing the sharing library, which also needs modification Steps such as webpage programs and website deployment cannot be used immediately for any page, so the implementation efficiency is low; it is limited to the same screen of a single page, or there are interruptions and reconnections of the same screen bus...

AI Technical Summary

Problems solved by technology

[0005] In view of the above-mentioned problems, the present invention provides a method and system for sharing webpages on the same screen, aiming to efficiently and quickly establish communication on the same screen based on any webpage, and at the same time solve the problems caused by webpage jumps that exist in the prior art when realizing webpages on the same screen. Screen service interruption and audio interruption, poor real-time user experience, inability to record in real time, dislocation of graffiti, repeated execution of multiple web page requests, network congestion during Canvas synchronization, etc.

Images