网页坐标获取方法和装置制造方法及图纸

本申请提供了网页坐标获取方法和装置。其中，该方法包括：对目标输入框执行用于消除浏览器排版差异的排版样式处理；创建一个与目标输入框对应的副本层，设置所述副本层对用户不可见，并依据所述目标输入框的排版样式指定所述副本层的排版样式；判断目标输入框内是否存在与目标标识相关联的关联字符，是则将与目标标识相关联的关联字符、以及针对目标标识构造的定位元素一起写入至副本层，否则将针对目标标识构造的定位元素写入至副本层；依据所述目标输入框的网页坐标、所述副本层的网页坐标、以及定位元素的网页坐标计算所述目标标识的网页坐标。采用本发明专利技术，实现了在兼容目前主流浏览器的前提下准确获取输入框内字符或光标的网页坐标。

【技术实现步骤摘要】
网页坐标获取方法和装置
本申请涉及互联网技术，特别涉及网页坐标方法和装置。
技术介绍
在互联网应用中，获取输入框内字符和/或光标的网页坐标是非常重要的。比如，在微博应用中，当在输入框内输入@时，在光标附近就显示一个下拉框，要定位这个下拉框，就需要获取输入框内光标的网页坐标，或者距离光标最近的字符的网页坐标。目前，获取输入框内字符或光标的网页坐标主要通过以下两种方法实现，以获取字符的网页坐标为例，获取光标的网页坐标原理类似：方法1：其通过模拟浏览器的排版样式实现，具体为：在浏览器的当前排版中先获取目标输入框的网页坐标，再确定目标字符在目标输入框的位置，比如在目标输入框的M行N列，然后获取以下参数：目标输入框内字符的大小、行高、字符间距和输入框的左右边距，最后根据获取的各个参数计算目标字符的网页坐标。方法2：该方法仅限于IE浏览器，其主要是利用IE浏览器中选区(TextRange)的上偏移(offsetTop)和左偏移(offsetLeft)属性，具体为：创建一个选区(记为R)，在目标输入框中选取目标字符的前一个字符并记录至R内，然后获取目标输入框的网页坐标(X0，Y0)、R的offse本文档来自技高网...

【技术保护点】
一种网页坐标获取方法，其特征在于，该方法包括：对目标输入框执行用于消除浏览器排版差异的排版样式处理；创建一个与目标输入框对应的副本层，设置所述副本层对用户不可见，并依据所述目标输入框的排版样式指定所述副本层的排版样式；判断目标输入框内是否存在与目标标识相关联的关联字符，如果是，将与目标标识相关联的关联字符、以及针对目标标识构造的定位元素一起写入至副本层，所述定位元素在所述副本层中紧邻所述关联字符之后，如果否，将针对目标标识构造的定位元素写入至副本层；依据所述目标输入框的网页坐标、所述副本层的网页坐标、以及定位元素的网页坐标计算所述目标标识的网页坐标；其中，所述排版样式处理包括：为所述目标输入框...

【技术特征摘要】
1.一种网页坐标获取方法，其特征在于，该方法包括：对目标输入框执行用于消除浏览器排版差异的排版样式处理；创建一个与目标输入框对应的副本层，设置所述副本层对用户不可见，并依据所述目标输入框的排版样式指定所述副本层的排版样式；判断目标输入框内是否存在与目标标识相关联的关联字符，如果是，将与目标标识相关联的关联字符、以及针对目标标识构造的定位元素一起写入至副本层，所述定位元素在所述副本层中紧邻所述关联字符之后，如果否，将针对目标标识构造的定位元素写入至副本层；依据所述目标输入框的网页坐标、所述副本层的网页坐标、以及定位元素的网页坐标计算所述目标标识的网页坐标；其中，所述排版样式处理包括：为所述目标输入框配置以下版本样式属性：单词换行word-wrap属性和文本空白符处理white-space属性，对所述word-wrap属性和white-space属性的属性值进行设置；所述依据目标输入框的排版样式指定副本层的排版样式包括：遍历所述目标输入框的版本样式属性，将遍历到的版本样式属性配置在所述副本层，并指定所述副本层和所述目标输入框上相同的版本样式属性具有相同的属性值；基于所述目标输入框具有的禁止溢出overflow特性，为所述副本层配置overflow属性，并指定所述副本层的overflow属性为第三属性值，所述第三属性值用于防止副本层写入的字符撑开副本层。2.根据权利要求1所述的方法，其特征在于，所述对所述word-wrap属性和white-space属性的属性值进行设置包括：指定所述目标输入框的word-wrap属性为第一属性值，所述第一属性值用于表示当单词word长度达到设定长度时触发浏览器强制对该单词折行显示；指定所述目标输入框的white-space属性为第二属性值，所述第二属性值用于表示：保留空白符、保留换行符、以及允许自动换行。3.根据权利要求1所述的方法，其特征在于，所述将与目标标识相关联的关联字符、以及针对目标标识构造的定位元素一起写入至副本层包括：判断与目标标识相关联的关联字符中是否存在设定字符，所述设定字符为与网页标签代码相同或相近的字符；如果是，对所述关联字符中的设定字符进行转义处理，将处理后的关联字符、以及针对目标标识构造的定位元素一起写入至副本层；如果否，将所述关联字符、以及针对目标标识构造的定位元素一起写入至副本层。4.根据权利要求3所述的方法，其特征在于，所述设定字符至少包括：双引号"，小于号<，大于号>，and符号&，空格。5.根据权利要求1所述的方法，其特征在于，所述目标标识为目标输入框内的字符；所述判断目标输入框内是否存在与目标标识相关联的关联字符包括：判断所述目标输入框内的目标标识之前是否存在字符，如果是，确定目标输入框内存在与目标标识相关联的关联字符，否则，确定目标输入框内不存在与目标标识相关联的关联字符；所述与目标标识相关联的关联字符包括：目标输入框内目标标识之前的所有字符。6.根据权利要求5所述的方法，其特征在于，所述针对目标标识构造的定位元素为设定的辅助定位元素，所述设定的辅助定位元素的宽度小于设定宽度，对网页坐标的计算无影响；或者，所述针对目标标识构造的定位元素为通过网页标签封装的作为目标标识的字符。7.根据权利要求1所述的方法，其特征在于，所述目标标识为目标输入框内的光标；所述判断目标输入框内是否存在与目标标识相关联的关联字符包括：判断所述目标输入框内的目标标识之前是否存在字符，如果是，确定目标输入框内存在与目标标识相关联的关联字符，否则，确定目标输入框内不存在与目标标识相关联的关联字符；所述与目标标识相关联的关联字符包括：目标输入框内目标标识之前的所有字符。8.根据权利要求7所述的方法，其特征在于，所述针对目标标识构造的定位元素为设定的辅助定位元素，所述设定的辅助定位元素的宽度小于设定宽度，对网页坐标的计算无影响。9.根据权利要求1所述的方法，其特征在于，所述目标标识为目标输入框内的光标；所述判断目标输入框内是否存在与目标标识相关联的关联字符包括：识别出所述目标输入框内在目标标识之前、且紧邻所述目标标识的字符，判断目标输入框内该识别出的字符之前是否存在字符，如果是，确定目标输入框内存在与目标标识相关联的关联字符，否则，确定目标输入框内不存在与目标标识相关联的关联字符；所述与目标标识相关联的关联字符包括：目标输入框内所述识别出的字符之前的所有字符。10.根据权利要求9所述的方法，其特征在于，所述针对目标标识构造的定位元素为通过网页标签封装的所述识别出的字符。11.根据权利要求1至10任一所述的方法，其特征在于，所述依据目标输入框的网页坐标、所述副本层的网页坐标、以及定位元素的网页坐标计算所述目标标识的网页坐标包括：识别所述副本层中的定位元素是否为设定的辅助定位元素；如果是，采用以下公式计算目标标识的网页坐标：X＝Xa-Xb+Xc，Y＝Ya-Yb+Yc；如果否，采用以下公式计算目标标识的网页坐标：X＝Xa-Xb+Xc+Wc，Y＝Ya-Yb+Yc；其中，X为目标标识的左上角在网页中的横坐标，Y为目标标识的左上角在网页中的纵坐标，Xa为目标输入框的左上角在网页中的横坐标，Ya为目标输入框的左上角在网页中的纵坐标，Xb为副本层的左上角在网页中的横坐标，Yb为副本层的左上角在网页中的纵坐标，Xc为定位元素的左上角在网页中的横坐标，Wc为定位元素的宽度，Yc为定位元素的左上角在网页中的纵坐标。12.一种应用于网页坐标获取的装置，其特征在于，该装置包括：...

【专利技术属性】
技术研发人员：李晶，郭学亨，陈映平，吴浩，刘恒兵，龙丁奋，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44