Design And Implementation Of Web Front-end Page Monitoring Platform Based On PhantomJS

With the Internet in people's production and life play an increasingly important role,and a large number of Web applications emerged.While the stability and reliability of Web applications determine the user experience and service quality.The traditional Web front-end page monitoring approach is to insert a custom script in the monitored page but there are some shortcomings in this approach: First,this monitoring is a passive monitoring which is lack of flexibility;Second,the layout of the page can not be monitored;Third,this monitoring method of the original page caused a certain degree of intrusion,reduce the response speed of the page.To this end,this paper presents a set of phantomJS-based page monitoring scheme,and build a Web front-end page monitoring platform which is stable,efficient and flexible.This paper first investigates the current situation of Web front-end page monitoring at home and abroad,summarizes the shortcomings of the existing monitoring program,and puts forward the idea of using the PhantomJS for active page monitoring.Secondly,in order to improve the efficiency of page difference and increase the flexibility,adopting DOM-based contrast scheme to the page difference,at the same time,optimize and improve the DOM-DIFF algorithm which is introduced to DOM-based contrast scheme.And then implements the page contrast scheme based on DOM tree,and completes the construction of the monitoring platform.Finally,tests and analyzes the performance of the monitoring platform and the page contrast algorithm comprehensively.The monitoring platform is based on the open source framework,and it is flexible,easy to maintain and expand.The monitoring platform can provide the difference analysis of the page,the detection of DOM elements of the Web application,taking advantage of proactive monitoring,and play the role of early detection,early warning and early settlement for the page style and structure disorder,which is a powerful guarantee of the stability of Web front end.Whether it is from the theoretical guidance or practical value,it provides a strong tool support for the majority of Web front-end developers.