基于PC端网站移动阅读解决方案.docVIP

基于PC端网站移动阅读解决方案 　　摘 要：摘 要：针对PC端设计的网站在移动设备端直接显示时界面极不友好，而且有许多内容阅读者根本不感兴趣。针对这种情况，本文实现了一种基于PC端网站的移动阅读解决方案。首先通过cURL函数获取HTTP和HTTPS页面的HTML内容，然后从中提取读者感兴趣的数据并在移动端进行内容重构。在普通话水平测试成绩查询系统上所做的实验表明：内容重构之后移动端的显示效果远胜于移动端浏览器直接打开网站的显示效果，而且显示内容更精准。 　　关键词：移动阅读；cURL；ajax；jQuery；jQuery Mobile 　　中图分类号：TP391.9 文献标识码：A 　　Abstract：When the websites designed for PC are displayed directly on the mobile devices，the interfaces are very unfriendly and a lot of contents are uninteresting for readers at all.In view of this problem，the paper proposes a mobile reading solution based on the PC website.The data，which readers are interested in，are extracted from the HTTP or HTTPS HTML contents of the page fetched by the cURL function and reconstructed in the mobile terminal.The experimental results from the PUTONGHUA SHUIPING CESHI （PSC） score query system show that the display effect after the reconstruction of the contents is far better than that directly through browsers on mobile devices，and the display contents are more accurate. 　　Keywords：mobile reading；cURL；ajax；jQuery；jQuery mobile 　　1 引言（Introduction） 　　随着移动互联网[1]时代的到来，以平板电脑和智能手机为代表的移动终端的普及，以及通过移动终端连接网络的成本越来越低，人们越来越多地开始从移动终端获取信息[2]。人们可以通过移动终端配备的浏览器随时随地打开任意的网站查询自己想要的信息，比如旅游信息[3，4]、图书信息[5，6]等，但由于受到移动终端屏幕尺寸的限制，阅读体验较差。虽然移动终端的屏幕变得越来越大，但是跟传统电脑相比，呈现信息的界面仍然不及其一半，而且终端设备固有的便携性也会大打折扣。所以使移动终端在有限的空间里呈现用户在网站中最感兴趣的内容显得尤为重要[7]。 　　本文实现了基于PC端网站的移动阅读[8，9]解决方案。具体做法是点击微信公众平台的自定义菜单进，入普通话水平测试成绩查询系统，输入必填姓名、身份证号信息，即可得到PC端所显示的查询用户关心的全部信息。 　　2 功能实现（Function realization） 　　该功能实现的具体流程为：首先通过自定义表单获取必填信息，即身份证号和姓名；然后与普通话水平测试成绩查询系统的官方网站的网址进行拼接；其次通过cURL函数抓取对应的HTML内容，利用PHP字符串函数提取读者感兴趣的内容；最后把提取出来的内容重构，并通过ajax技术、jQuery Mobile框架在查询页面进行局部更新。具体流程如图1所示。 　　2.1 获取必填信息 　　通过在IE浏览器地址栏中键入山西省普通话水平测试成绩查询系统官方网址“http：///Web/Login/PSCP01001.aspx”，然后在表单的“您的姓名”与“证书编号”相对应的文本框中填入自己的相关信息，点击“查询”按钮，可得到对应的查询信息，部分信息显示见表1。 　　在表单提交的过程中，点击httpwatch的Stream选项卡，从HTTP请求消息的请求行“POST /Web/Login/PSCP01001.aspx HTTP/1.1”可以得到，表单提交方式为POST方式；并从本次请求消息可以得到，请求体内容为“__VIEWSTATE=%2FwEPDwUKMjExOTU2MjkwOQ9kFgICAw9