[发明专利]针对浏览器不同分辨率的像素级定位方法和装置

权利要求书

1.一种针对浏览器不同分辨率的像素级定位方法，包括：

页面标注步骤：利用图像处理软件以第一分辨率为基准设计页面，同时为像素为单位标注所述页面中每个元素的尺寸和坐标；

文件制作步骤：基于所述页面中每个元素的尺寸和坐标，制作每个元素的HTML文件、CSS文件和JavaScript文件；

模块划分步骤：将所述页面按照功能拆分成相对独立的若干功能模块，每个功能模块都包括与其功能相关的HTML文件、CSS文件和JavaScript文件，其中，每个文件中包括功能模块之间相互调用的接口和与其他文件之间相互调用的接口；

变量提取步骤：提取所述功能模块的CSS文件中元素的尺寸值和坐标属性，将尺寸值和坐标属性保存到与该功能模块对应的JavaScript文件的变量中，同时将该变量引用到与所述HTML文件相对应的位置；和

元素调整步骤：在进行页面渲染时，将用户设备的浏览器的第二分辨率，写入所述HTML文件，所述HTML文件根据所述CSS文件和所述JavaScript文件中对所述功能模块的元素的尺寸值和坐标属性进行调整。

2.根据权利要求1所述的方法，其特征在于，所述变量提取步骤包括：

元素属性提取步骤：读取所述功能模块的CSS文件，提取所述CSS文件中包含元素的尺寸值和坐标属性的部分；

元素属性保存步骤：将所述尺寸值和所述坐标属性保存到与该功能模块对应的JavaScript文件的变量中，同时将所述CSS文件中所述尺寸值和所述坐标属性删除；

动态修改步骤：将所述JavaScript文件的变量作为动态修改函数的对象，其中，所述动态修改函数包括根据调整系数，所述调整系数根据用于表征浏览器分辨率的参数和所述第一分辨率确定；和

引用绑定步骤：将该所述JavaScript文件的所述动态修改函数引用到与所述HTML文件相对应的元素的位置，从而与该元素绑定。

3.根据权利要求2所述的方法，其特征在于，在所述元素调整步骤之前，该方法还包括：

文件整合步骤：简化所有CSS文件和所有JavaScript文件，并且分别将所有CSS文件和所有JavaScript文件合并为JavaScript主文件和CSS主文件。

4.根据权利要求3所述的方法，其特征在于，所述文件整合步骤包括：

合并步骤：将所有CSS文件中的空格符、换行符删除，将所有CSS文件的内容合并到CSS主文件中；和

替换步骤：将所有JavaScript文件中的空格符、换行符删除，将长的类名、方法名替换为简单字符，并将JavaScript文件的内容合并到JavaScript主文件中。

5.根据权利要求4所述的方法，其特征在于，所述元素调整步骤包括：

第二分辨率写入步骤：在进行页面渲染时，将用户设备的浏览器的第二分辨率，写入所述HTML文件；

加载主文件步骤：加载所述JavaScript主文件；

调整属性步骤：调用所述JavaScript主文件的所述动态修改函数，基于所述CSS主文件对所述功能模块的元素的尺寸值和坐标属性进行调整；和

结果返回步骤：将调整后的结果返回所述HTML中。