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

摘要

本申请公开了一种针对浏览器不同分辨率的像素级定位方法和装置。该方法包括：利用图像处理软件以第一分辨率为基准设计页面，同时为像素为单位标注页面中每个元素的尺寸和坐标；制作每个元素的文件；将页面按照功能拆分成相对独立的功能模块；提取功能模块的CSS文件中元素的尺寸值和坐标属性，保存到与该功能模块对应的JS文件的变量中，同时将该变量引用到与HTML文件相对应的位置；在进行页面渲染时，将用户设备浏览器的第二分辨率，写入HTML文件，HTML文件根据CSS文件和JS文件中对功能模块的元素的尺寸值和坐标属性进行调整。采用该方法仅需读取用户设备的浏览器的分辨率这一个参数就能实现页面所有元素的变换以适应不同浏览器的屏幕大小和分辨率。

主权项

1.一种针对浏览器不同分辨率的像素级定位方法，包括：页面标注步骤：利用图像处理软件以第一分辨率为基准设计页面，同时为像素为单位标注所述页面中每个元素的尺寸和坐标；文件制作步骤：基于所述页面中每个元素的尺寸和坐标，制作每个元素的HTML文件、CSS文件和JavaScript文件；模块划分步骤：将所述页面按照功能拆分成相对独立的若干功能模块，每个功能模块都包括与其功能相关的HTML文件、CSS文件和JavaScript文件，其中，每个文件中包括功能模块之间相互调用的接口和与其他文件之间相互调用的接口；变量提取步骤：提取所述功能模块的CSS文件中元素的尺寸值和坐标属性，将尺寸值和坐标属性保存到与该功能模块对应的JavaScript文件的变量中，同时将该变量引用到与所述HTML文件相对应的位置；和元素调整步骤：在进行页面渲染时，将用户设备的浏览器的第二分辨率，写入所述HTML文件，所述HTML文件根据所述CSS文件和所述JavaScript文件中对所述功能模块的元素的尺寸值和坐标属性进行调整。