Research And Implementation Of Web Page Mobile Terminal Adaptation System

With the continuous development of Internet technology and the wide application of mobile communication technology,mobile terminals have surpassed personal computers as the main terminal devices to access Internet resources.At present,most web page resources on the network are designed for traditional personal computers.However,due to the hardware differences between mobile terminals and personal computers,using mobile terminals to directly browse web pages designed for PC will lead to some adaptation problems such as page layout confusion,which leads to poor user experience.In order to solve the problem of how to automatically convert the PC page into the mobile page,this thesis proposes an adaptation system based on WeChat Public Platform,which can automatically convert the web page to mobile page through the processing of page conversion technology such as page segmentation and style template matching,so as to realize the mobile adaptation of the web page.As for key technologies of adaptation,this thesis improves the web page segmentation algorithm based on DOM tree.Due to the low segmentation accuracy and efficiency of existing algorithms,this thesis proposes a web page segmentation algorithm based on tag sequence as a supplement to the original algorithm,which improves the segmentation accuracy and performance of the algorithm,and designs a web page segmentation accuracy evaluation method.In addition,a modular style template matching method is proposed,the segmented page blocks are classified into navigation,link list,body,header,footer and other types,and the style templates are designed according to the characteristics of these page blocks.Finally,a web page suitable for browsing on the mobile terminal can be formed by associating the identified page block category with the style template.This modular style template matching method simplifies the template establishment process and solves the problem that the general template matching method cannot deal with the complex page.As for the design of the adaptation system,this thesis mainly consists of three parts: WeChat Public Platform server,web page collection and preprocessing,and web page adaptation conversion.The function of WeChat Public Platform server is receives and responds the requests sent by users.The function of web page collection and preprocessing is to provide appropriate web resources for the following web page adaptation conversion part,and the function of web page adaptation conversion part is to use the page conversion technology to adapt web pages.Finally,the adaptation system is implemented and tested.The test results show that the adaptation system can quickly and reasonably convert the pages designed for PC to the pages suitable for browsing on mobile,After the conversion,the page layout is reasonable,the content display is accurate,and the layout can be adjusted automatically according to the user's device parameters,and the process does not need human intervention,which can effectively solve the adaptation problem caused by using mobile devices to directly browse the web page.