网页文本域高度自适应缩放方法及装置制造方法及图纸

技术编号:10261834 阅读:184 留言:0更新日期:2014-07-26 20:56
本发明专利技术提出一种网页文本域高度自适应缩放方法及浏览器,其网页文本域高度自适应缩放方法包括以下步骤:使用内核控件打开带有文本域的页面;调用内核控件注入并执行预设的JavaScript脚本;监测导致页面文本域中文本发生变化的用户事件,获取文本域实际的高度和文本行数;根据所述文本域的实际高度和文本行数,将文本域显示的高度设置成滚动高度。本发明专利技术通过JavaScript编译的程序实现对网页文本域的监测,并计算出文本域实际的高度和文本行数,从而使浏览器可以根据文本域的实际高度对其显示在页面上的高度作自适应性缩放,根本上消除了网页文本域中输入的信息量受到限制的问题。

【技术实现步骤摘要】
【专利摘要】本专利技术提出一种网页文本域高度自适应缩放方法及浏览器,其网页文本域高度自适应缩放方法包括以下步骤:使用内核控件打开带有文本域的页面;调用内核控件注入并执行预设的JavaScript脚本;监测导致页面文本域中文本发生变化的用户事件,获取文本域实际的高度和文本行数;根据所述文本域的实际高度和文本行数,将文本域显示的高度设置成滚动高度。本专利技术通过JavaScript编译的程序实现对网页文本域的监测,并计算出文本域实际的高度和文本行数,从而使浏览器可以根据文本域的实际高度对其显示在页面上的高度作自适应性缩放,根本上消除了网页文本域中输入的信息量受到限制的问题。【专利说明】网页文本域高度自适应缩放方法及装置
本专利技术涉及移动终端的浏览器技术,特别涉及一种网页文本域高度自适应缩放方法及装置。
技术介绍
随着科学技术的迅速发展,通信科技的日新月异,移动通信终端已被人们广泛应用于日常生活和学习中,越来越多的人习惯于使用移动终端进行聊天、上网。通过手机终端浏览网页时,在页面上经常会有文本域供用户输入文本。但是,目前一些操作系统并不支持对网页文本域的操作。例如,安装WP7 (Windows Phone7,微软公司发布的一款手机操作系统)的手机终端,使用WP7提供的WebBrowser控件(WebBrowser是IE内置的浏览器控件)可以导航网站和?宣染显不网页,但是由于WebBrowser控件开放出来的API (Application ProgrammingInterface,应用程序编程接口)接叶分地有限,使用这种控件显示的网页中,没有相关的API接口可以操作到文本域,程序无法获取该控件显示的网页元素对象,无法对网页文本域进行操作,即无法实现文本域的自动缩放,导致安装该操作系统的手机终端输入文本域的信息量受到限制。综上所述,目前迫切需要一 种方案,在手机操作系统不提供操作文本域的API接口时,来实现文本域的自适应缩放功能。
技术实现思路
本专利技术的目的是提供一种网页文本域高度自适应缩放方法及装置,以解决现有的一些手机操作系统不支持对文本域的操作,导致文本域输入信息量受到限制的问题。本专利技术提出一种网页文本域高度自适应缩放方法,包括以下步骤:使用内核控件打开带有文本域的页面;调用内核控件注入并执行预设的JavaScript脚本;监测导致页面文本域中文本发生变化的用户事件,进而获取文本域实际的高度和文本行数;根据所述文本域的实际高度和文本行数,将文本域显示的高度设置成滚动高度。本专利技术还提出一种网页文本域高度自适应缩放方法及装置,包括:显示模块,用于使用内核控件打开带有文本域的页面;脚本模块,其由JavaScript语言编译而成,用于监测导致页面文本域中文本发生变化的用户事件,并获取文本域实际的高度和文本行数;执行模块,用于调用内核控件注入并执行所述脚本模块;高度设置模块,用于根据所述脚本模块获取的文本域的实际高度和文本行数,将文本域显示的高度设置成滚动高度和文本行数。相对于现有技术,本专利技术的有益效果是:本专利技术通过JavaScript编译的程序实现对网页文本域的监测,根据文本域中的文本变化,计算出文本域实际的高度和文本行数,从而使浏览器可以根据文本域的实际高度对其显示在页面上的高度作自适应性缩放,根本上消除了网页文本域中输入的信息量受到限制的问题,特别适合在Windows Phone7等不为文本域操作开放专用API接口的操作系统上使用。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其他目的、特征和优点能够更明显易懂,以下特举较佳实施例,并配合附图,详细说明如下。【专利附图】【附图说明】图1为本专利技术实施例的一种网页文本域高度自适应缩放方法的流程图;图2为本专利技术实施例的一种网页文本域高度自适应缩放装置的结构图;图3为本专利技术实施例的一种脚本模块的结构图。【具体实施方式】为更进一步阐述本专利技术达成预定专利技术目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本专利技术提出的网页文本域高度自适应缩放方法及装置其【具体实施方式】、方法、步骤及功效,详细说明如后。有关本专利技术的前述及其他
技术实现思路
、特点及功效,在以下配合参考图式的较佳实施例详细说明中将可清楚的呈现。通过【具体实施方式】的说明,当可对本专利技术为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解,然而所附图式仅是提供参考与说明之用,并非用来对本专利技术加以限制。本专利技术提出一种网页文本域高度自适应缩放方法,特别适合在操作系统不支持对文本域进行操作的手机终端上使用,现以应用于Windows Phone7操作系统为例进行详细说明,请参见图1,其包括以下步骤:SI I,使用内核控件打开带有文本域的页面。可以通过浏览器的IE内核控件WebBrowser (WebBrowser是WP7操作系统提供的用于网页渲染显示和导航的可嵌入到程序中的控件)展现WEB页面内容。S12,调用内核控件注入并执行预设的JavaScript脚本。具体来说,可以通过WebBrowser控件提供的InvokeScript函数向网页注入JavaScript脚本,并使网页执行JavaScript脚本。JavaScript是一种广泛用于客户端网页开发的脚本语言,可用来给HTML(Hypertext Markup Language,超文本标记语言,是用于描述网页文档的一种标记语言)网页添加动态功能,使用JavaScript语言可以操作网页的DOM元素(Document ObjectModel,文档对象模型,是一种用于HTML文档的编程接口,它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式,DOM把网页和脚本以及其他的编程语言联系了起来,脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素),所以可以通过注入和调用相关的JavaScript脚本来获取textarea标签(网页文本域的HTML标签,定义多行的文本输入控件)的对象和响应textarea标签的事件,达到操作网页文本域的目的。S13,初始化文本域的高度以及文本格式。通过执行JavaScript脚本,可以将浏览器显示页面中的文本域高度以及其中的文本格式设置为预设值,文本格式可以包括文字大小、文字间距、行间距等,对文本格式的初始化设置也便于后续文本行数的计算。例如,设置文本域中的字体大小为17px (Pixel,像素,px是相对于显示器屏幕分辨率而言的相对长度单位),设置文本域的高度值为50px,这样能够保证文本域的最小高度为50px,即为两行文本的高度,这样能更容易让用户意识到文本域可以输入多行文字。S14,通过JavaScript脚本监测导致页面文本域中文本发生变化的用户事件,并获取文本域实际的高度和文本行数。具体来说,可以通过监听onpropertychange事件、onkeyup事件和onresize事件实现对文本域中文本变化的监测。onpropertychange事件是HTML元素的属性发生改变的通知事件,通过对onpropertychange事件的监听可以实现对除了删除文本以外的所有导致页面文本域中文本发生属性值变本文档来自技高网
...
网页文本域高度自适应缩放方法及装置

【技术保护点】
一种网页文本域高度自适应缩放方法,其特征在于,包括以下步骤:使用内核控件打开带有文本域的页面;调用内核控件注入并执行预设的JavaScript脚本;监测导致页面文本域中文本发生变化的用户事件,进而获取文本域实际的高度和文本行数;根据所述文本域的实际高度和文本行数,将文本域显示的高度设置成滚动高度。

【技术特征摘要】

【专利技术属性】
技术研发人员:陈泽凯
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1