本文研究Web页面自适应转换系统最终目的是将传统的Web页面转换为响应式Web页面, 当页面文本信息和资源提取完成后, 还需要通过前端处理技术进行Web页面重构, 因此前端处理技术也是系统的关键技术之一。构建响应式Web页面一般主要以使用原生代码和基于前端框架两种方式。

        前端处理技术。本文研究Web页面自适应转换系统最终目的是将传统的Web页面转换为响应式Web页面, 当页面文本信息和资源提取完成后, 还需要通过前端处理技术进行Web页面重构, 因此前端处理技术也是系统的关键技术之一。构建响应式Web页面一般主要以使用原生代码和基于前端框架两种方式。

        使用原生代码可以使得转换系统的前端响应式处理部分显得更为简洁, 但是开发调试和页面集成测试工作量较大。基于前端开发框架成熟度较高, 可以减少很多开发工作量, 但是其中很多内容是不需要用到的, 会导致系统代码臃肿, 需要花费时间去做裁剪。对于Web页面自适应转换系统而言, 原始的文本信息已经过处理, 不需要考虑很多复杂情况, 使用原生代码的方式更为合适。

        因此, 首先需要将提取得到的信息内容进行单元划分, 每一个单元中的内容相互关联, 利用HTML标记将单元进行结构化定义, 使用CSS3 Media Query功能进行Web页面布局方面的自适应调整, 并使用CSS设定文字大小和加载背景图片, 给用户在多终端上提供良好的使用体验。