[发明专利]一种基于手机端页头自定义修改风格及功能的方法

摘要

本发明公开了一种基于手机端页头自定义修改风格及功能的方法，其特征在于，包括步骤1，区分出常用页头组件和非常用页头组件；步骤2：自动抓取并识别组件；步骤3：移动端页头组件筛选及过滤，并形成移动端组件信息；步骤4：基于PC端设置的页头风格形成移动端网页页头风格；步骤6:页头风格效果的展示；步骤7：移动端页头组件列表的初始化；步骤8：勾选组件；步骤9：保存页头风格标识码和页头组件参数并计算页头显示效果。本发明通过内置的多套风格样式，能够满足用户的个性化需求，并且内置风格的样式会随着组件和功能的变化而适当的调整，流式布局能合理的调整各个模块的在页头的位置来保证美观性。

主权项

1.一种基于手机端页头自定义修改风格及功能的方法，其特征在于，包括以下步骤：步骤1：基于对大量电子商务网站网页页头区域内共性组件分析，区分出常用页头组件和非常用页头组件，并将所有常用页头组件的集合定义为手机端网页页头常用组件列表，即页头常用组件列表，用于存储在手机端页头区域出现频率较多的组件信息；步骤2：自动抓取并识别组件：当用户在pc端(个人电脑)添加并设置完某一个网页的所有组件后，切换至手机端时，系统将根据PC端网页内各个组件定义在其DIV包裹框的组件信息，判断该组件属于哪一类型组件，并提取PC端网页页头区域内所有组件的数据，即PC端页头组件数据，打包发送至服务器端；步骤3：移动端页头组件筛选及过滤，并形成移动端组件信息：当服务器端接收到PC端页头组件数据后，根据页头常用组件列表对获取到的PC端页头组件筛选和删除，若PC端页头组件能在页头常用组件列表中找到，则保留该PC端页头组件；若PC端页头组件不能在页头常用组件列表中找到，则删除该PC端页头组件；步骤4：基于PC端设置的页头风格形成移动端网页页头风格：在PC端网页向移动端切换时，根据PC端页头最后一次设置保存的页头风格为依据，生成移动端页头风格；步骤6:页头风格效果的展示：当用户在风格缩略图列表中选中一种风格时，向后台发送获取风格对应的HTML、CSS及JavaScript的请求，待请求响应后，将新获取的HTML、CSS及JavaScript内容去替换移动端页头原有的HTML、CSS及JavaScript内容，并基于新的HTML、CSS及JavaScript内容进行效果展示；步骤7：移动端页头组件列表的初始化：针对步骤3中已筛选出的移动端组件，内置的筛选函数将根据这些组件在PC端设置时是否保存情况，选择性地在移动端页头显示；步骤8：在步骤7形成的移动端页头组件列表中，基于移动端页头设置的需要，在移动端页头组件列表中的组件选择性勾选；并根据勾选与否，相应地，勾选的组件在移动端页头区域内增加和消失；步骤9：当在移动端保存页头风格和页头组件设置时，页头风格标识码和页头组件参数都会传送至后台数据库中保存；同时根据移动端显示屏尺寸计算页头在移动端界面中的显示效果，计算公式为：展示值(下拉框高度)＝移动设备的高度‑页头已经占据的高度。