CN102968474B - 移动通讯设备浏览网页显示方法 - Google Patents
移动通讯设备浏览网页显示方法 Download PDFInfo
- Publication number
- CN102968474B CN102968474B CN201210459598.1A CN201210459598A CN102968474B CN 102968474 B CN102968474 B CN 102968474B CN 201210459598 A CN201210459598 A CN 201210459598A CN 102968474 B CN102968474 B CN 102968474B
- Authority
- CN
- China
- Prior art keywords
- font
- webpage
- mobile communication
- communication equipment
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 20
- 238000010295 mobile communication Methods 0.000 title claims abstract description 20
- 230000005484 gravity Effects 0.000 claims abstract description 4
- 238000001914 filtration Methods 0.000 claims description 2
- 230000007704 transition Effects 0.000 claims description 2
- 230000003321 amplification Effects 0.000 description 4
- 238000003199 nucleic acid amplification method Methods 0.000 description 4
- 230000008707 rearrangement Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000000116 mitigating effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Landscapes
- Telephone Function (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开移动通讯设备浏览网页显示方法,包括如下步骤:在浏览器界面时,接收用户的操作指令,当指令是“双指放大页面”或“双击页面”操作时,在浏览器界面按指令的比例放大页面显示,软件检测页面被放大后显示区内是否有文本格式的文字,如有,则检测字体改变后的大小,读取到字体改变的大小后,自动去移动设备设置区里的字体设置区域重新设定字体的大小(取最接近的字体大小),并因为安卓改变字体大小是可以自动排版的,所以我们的版面也完成了自动排版;如显示区内没有文本格式的文字,则保持放大后的显示状态不变,等待下一步操作。本发明解决发文字放大后自动排版的问题,让用户在文字放大后只需上下滑动即可轻松阅读。
Description
技术领域
本发明涉移动通讯设备浏览网页显示方法,尤其涉及浏览网页放大文字自动排版的方法。
背景技术
随着以iPhone、Android和Windows智能手机逐渐成为市场主流以及移动互联网的发展,利用移动设备访问互联网页成为一种趋势。但由于移动设备的屏幕一般较小,小于一般的电脑屏幕,所以传统为电脑用户设计的网页,往往不适于用移动设备来访问,因为:一方面,如果把网页缩小显示,则会造成字体太小,无法阅读,或图形太小,看不清细节;但另一方面,如果把网页按网页上设定的大小来显示,网页就会超出移动设备屏幕的范围。即使专为移动设备而设置的网页,也会存在同样的问题:由于移动设备种类繁多,屏幕大小不一,而且用户使用习惯也千差万别,很难设计出一个通用的页面,使所有的访问者都能以希望的最佳模式显示。因此,在使用中,网页的缩放显示成为不可避免。但网页缩放后与移动设备屏幕匹配就成为问题,比如:目前市场上的安卓手机浏览器页面放大后,文字不会自动排版,需左右滑动才能浏览全文。这样用户想对字体进行放大阅读的时候就相当的繁琐。
发明内容
本发明的目的是提供移动通讯设备浏览网页显示方法,使得用户能自由缩放页面而不影响阅读和显示,程序设计简单,而且操作简便。
为此,本发明提出的移动通讯设备浏览网页显示方法,其特征是包括如下步骤:S1:在浏览器网页浏览界面时,接收用户的操作指令;S2:当指令是“双指放大页面”或“双击页面”操作指令时,在浏览器界面按该操作指令的所要求的放大比例放大页面显示;S3:检测页面被放大后显示区内是否有文本格式的文字;S4:如有,则检测字体改变后的大小,读取到字体改变的大小后,自动去移动设备设置区里的字体设置区域重新设定字体的大小,并自动排版;S5:如显示区内没有文本格式的文字,则保持放大后的显示状态不变。
与现有技术相比,本发明由于是采用移动通讯终端中预设字体,而对于预设字体,很容易调用预设的固定排版方式进行排版,而无需进行排版运算,程序设计简单,而且操作简便。例如,在Android***中,改变字体大小的同时,Android***自有的排版功能会自动进行快速排版,而无需另设一个排版功能或编制一个排版程序。这样就可以在不改变操作***的前提下提升用户体验,提高用户在浏览器浏览文本放大后的浏览速度和舒适度。
附图说明
图1是本发明的实施例的流程示意图。
具体实施方式
下面结合附图,对本发明的较优的实施例作进一步的详细说明:
在下述实施例中,均用如图1来进行示例。实施例中移动通讯终端是手机。
实施例一、
如图1所示,操作步骤如下:
在浏览器网页浏览界面时,接收用户的操作指令,当指令是“双指放大页面”操作指令时,在浏览器界面按该操作指令所要求的放大的比例放大页面显示,软件检测页面被放大后显示区内是否有文本格式的文字,如有,则检测字体改变后的大小,读取到字体改变的大小后,自动去移动设备设置区里的字体设置区域重新设定字体的大小(取最接近的字体大小),并因为安卓改变字体大小是可以自动排版的,所以我们的版面也完成了自动排版;如显示区内没有文本格式的文字,则保持放大后的显示状态不变,等待下一步操作。
如果移动设备设置区里的字体设置区域字体库中没有存储与实际显示的字体完全一样大小的字体,则取最接近的字体大小进行自动排版,并根据字体大小再次按比例微调页面显示比例。
本实施例是采用Android***。首次访问网页时,对网页进行解析,获得所述网页中指定的颜色、字体样式、字体大小等网页字体信息;获得移动终端的终端字体库;将所述网页中指定的字体信息与所述终端字体库信息进行对比,获得字体库中与网页指定字体最接近的字体;根据所述最接近的字体在移动终端中对所述网页中的当前字符进行显示,并利用Android***自有的排版功能,按该字体字号的预设排版方案进行排版。
本实施例中,对文字、音乐、图片、视频等的不同处理:区分图形区和文字区,图形区按比例缩放即可,不用考虑超边界和换行问题;对文字区,先界定其长方形边界,称为文本框边界,此长方形边界本身按比例缩放,当文本框某一边界碰到显示屏边界时,则该方向不再放大,另一个方向继续放大;而其中的内容则在文本框内自动换行;有多个文本框时,每个文本框都同样处理。图形区和文字区以及文字区的交界随着各区的缩放而移动,保证图文不重叠。
当指令是“双击页面”操作指令时,也进行类似的操作。但如果是双击某个文本框时,放大该文本框,并且调整该文本框的边界,使其左右边界和显示屏的左右边界相同,而文字则在文本框内重新排版换行(先换字号再在换字号显示的过程中换行)。屏幕没有占满的部分用上下相邻的元素占满。
实施例二、
本实施例中的缩放和排版操作均在服务器端实现,然后把重排之后的网页发送给手机端进行显示。虽然在服务器端实现时不能利用Android***自有的排版功能,但先读取放大后的字体大小再从字体库中提取最接近的字体重新设定字体大小并根据新字体大小来排版的方法,仍然可以简化编程,方便用户。
为了减小流量,提高下载速度,本例中增加了分辨率自适应功能:当放大时,只从服务器下载显示屏范围内的WEB页图片和文字;缩小时,在服务器端产生低分辨率的网页并下载到手机,从而使得不论放大和缩小均能节约流量。
本实施例中,在缩放过程中还生成过渡网页,滤除网页中的冗余内容,比如广告、浮动窗口等,以避免在放大过程中把广告也同步放大,浪费流量。
本实施例可采用先下载(重排)中间的模块、然后才下载(重排)其余模块的方法,以提高下载显示速度。
以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明,不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干简单推演或替换,都应当视为属于本发明的保护范围。
Claims (5)
1.移动通讯设备浏览网页显示方法,其特征是包括如下步骤:
S1:在浏览器网页浏览界面时,接收用户的操作指令;
S2:当指令是“双指放大页面”或“双击页面”操作指令时,在浏览器界面按该操作指令的所要求的放大比例放大页面显示;放大页面显示时,对文字、音乐、图片、视频进行不同处理:区分图形区和文字区,图形区按比例缩放,不用考虑超边界和换行问题;对文字区,先界定其长方形边界,称为文本框边界,此长方形边界本身按比例缩放,当文本框某一边界碰到显示屏边界时,则该方向不再放大,另一个方向继续放大;
S3:检测页面被放大后显示区内是否有文本格式的文字;
S4:如有,则检测字体改变后的大小,读取到字体改变的大小后,自动去移动通讯设备设置区里的字体设置区域重新设定字体的大小,并自动排版;
S5:如显示区内没有文本格式的文字,则保持放大后的显示状态不变;
在所述步骤S4中,如果移动通讯设备设置区里的字体设置区域字体库中没有存储与实际显示的字体完全一样大小的字体,则取最接近的字体大小进行自动排版,并根据字体大小再次按比例微调页面显示比例;
在步骤S2中,当指令是“双击页面”操作指令时,双击某个文本框时,放大该文本框,并且调整该文本框的边界,使其左右边界和显示屏的左右边界相同,而在步骤S4中文字则在文本框内先换字号再在换字号显示的过程中换行,屏幕上下部分没有占满的部分用上下相邻的元素占满;
网页的缩放和排版在服务器端进行,然后传送到移动通讯设备进行显示;其中,放大显示时,移动通讯设备仅从服务器端下载显示屏范围内的内容;在缩小显示时,服务器端生成分辨率与移动通讯设备分辨率相适应的低分辨率版本,然后下载到移动通讯设备进行显示。
2.如权利要求1所述的移动通讯设备浏览网页显示方法,其特征是:在步骤S1之前,首次进入网页浏览时,执行如下步骤:
对网页进行解析,获得所述网页中指定的颜色、字体样式、字体大小等网页字体信息;
获得移动通讯设备的设置区里的字体设置区域的字体库;
将所述网页中指定的字体信息与移动通讯设备字体库信息进行对比,获得字体库中与网页指定字体最接近的字体;根据所述最接近的字体在移动通讯设备中对所述网页中的当前字符进行显示。
3.如权利要求1所述的移动通讯设备浏览网页显示方法,其特征是:在步骤S4中,对特定的文本框,其中的内容在文本框内自动换行;有多个文本框时,每个文本框都同样处理。
4.如权利要求1所述的移动通讯设备浏览网页显示方法,其特征是:在缩放操作时,服务器端生成过渡网页,滤除网页中的冗余内容。
5.如权利要求1所述的移动通讯设备浏览网页显示方法,其特征是:先生成及下载位于显示屏中间的模块,然后才生成下载其余模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210459598.1A CN102968474B (zh) | 2012-11-15 | 2012-11-15 | 移动通讯设备浏览网页显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210459598.1A CN102968474B (zh) | 2012-11-15 | 2012-11-15 | 移动通讯设备浏览网页显示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102968474A CN102968474A (zh) | 2013-03-13 |
CN102968474B true CN102968474B (zh) | 2016-02-24 |
Family
ID=47798612
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210459598.1A Expired - Fee Related CN102968474B (zh) | 2012-11-15 | 2012-11-15 | 移动通讯设备浏览网页显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102968474B (zh) |
Families Citing this family (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104063161B (zh) * | 2013-03-19 | 2019-03-19 | 腾讯科技(深圳)有限公司 | 页面缩放方法和装置 |
CN104239326B (zh) * | 2013-06-17 | 2018-06-12 | 腾讯科技(深圳)有限公司 | 一种对网页字体进行缩放的方法、装置和*** |
US9916287B2 (en) | 2013-06-17 | 2018-03-13 | Tencent Technology (Shenzhen) Company Limited | Method, device and system for zooming font in web page file, and storage medium |
CN104636098A (zh) * | 2013-11-12 | 2015-05-20 | 英业达科技有限公司 | 依据量测距离调整文件内容的缩放***及其方法 |
CN104850536A (zh) * | 2014-02-14 | 2015-08-19 | 珠海金山办公软件有限公司 | 一种段落排版显示方法及装置 |
CN104978756B (zh) * | 2014-04-02 | 2018-01-12 | 北京大学 | 一种嵌入互动组件的页面的无缝缩放方法及装置 |
CN104133623B (zh) * | 2014-06-27 | 2017-06-16 | 小米科技有限责任公司 | 页面缩放方法和装置 |
CN104391641A (zh) * | 2014-09-22 | 2015-03-04 | 贵阳朗玛信息技术股份有限公司 | 信息处理方法及装置 |
CN104361082A (zh) * | 2014-11-07 | 2015-02-18 | 北京奇虎科技有限公司 | 一种浏览器中对网页中指定元素进行显示的方法和装置 |
CN105824561A (zh) * | 2016-03-17 | 2016-08-03 | 广东欧珀移动通信有限公司 | 一种显示界面中的文字缩放方法及装置 |
CN105892929A (zh) * | 2016-04-29 | 2016-08-24 | 乐视控股(北京)有限公司 | 一种文字缩放方法及*** |
CN106020680A (zh) * | 2016-05-04 | 2016-10-12 | 北京小米移动软件有限公司 | 信息显示方法及装置 |
CN105912519B (zh) * | 2016-05-27 | 2019-01-25 | 北京京东尚科信息技术有限公司 | 一种电子文档的排版方法及排版装置 |
CN108228284B (zh) * | 2016-12-14 | 2021-05-28 | 腾讯科技(深圳)有限公司 | 一种窗口显示方法及终端 |
CN110221739A (zh) * | 2019-05-17 | 2019-09-10 | 北京搜狗科技发展有限公司 | 一种数据处理方法、装置和电子设备 |
CN110675939A (zh) * | 2019-09-24 | 2020-01-10 | 深圳安泰创新科技股份有限公司 | 图像处理方法、图片处理装置和计算机可读存储介质 |
CN111143731B (zh) * | 2019-12-19 | 2023-04-21 | 浙江大华技术股份有限公司 | 一种网页界面缩放时的显示方法、装置及终端设备 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101202748B (zh) * | 2007-11-27 | 2012-06-06 | 优视科技有限公司 | 一种嵌入式设备的微浏览器浏览网页的方法及嵌入式设备的微浏览器 |
US9195637B2 (en) * | 2010-11-03 | 2015-11-24 | Microsoft Technology Licensing, Llc | Proportional font scaling |
CN102622382A (zh) * | 2011-03-14 | 2012-08-01 | 北京小米科技有限责任公司 | 一种网页重排版的方法 |
US9348939B2 (en) * | 2011-03-18 | 2016-05-24 | International Business Machines Corporation | Web site sectioning for mobile web browser usability |
CN102663137B (zh) * | 2012-05-03 | 2016-06-29 | 北京奇虎科技有限公司 | 一种应用于移动终端中显示网页的方法及*** |
-
2012
- 2012-11-15 CN CN201210459598.1A patent/CN102968474B/zh not_active Expired - Fee Related
Also Published As
Publication number | Publication date |
---|---|
CN102968474A (zh) | 2013-03-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102968474B (zh) | 移动通讯设备浏览网页显示方法 | |
CN100383783C (zh) | 在小屏幕终端显示屏上显示超文本标记语言内容 | |
CN109308155A (zh) | 调整页面的方法、装置、计算机设备及存储介质 | |
CN103733172B (zh) | 用于文本选择/光标放置的自动缩放 | |
CN104268221A (zh) | 基于Ios***WebView的翻页方法和翻页*** | |
CN104820589B (zh) | 一种动态适配网页的方法及其装置 | |
CN105069060B (zh) | 一种html文档分页排版方法 | |
US20140215308A1 (en) | Web Page Reflowed Text | |
CN103678622A (zh) | 瀑布流式图片动态呈现的方法及装置 | |
WO2017028611A1 (zh) | 一种表单实现方法及装置 | |
CN102591954A (zh) | 一种浏览器用数据加载方法、装置及终端 | |
CN103853417A (zh) | 网络动态图片的滚动分页显示方法和装置 | |
CN102364460B (zh) | 基于移动终端的页面自动放大方法和*** | |
KR20140012664A (ko) | 웹페이지 재배치 방법 | |
CN103353886A (zh) | 预览网页的方法及*** | |
CN101882055A (zh) | 一种终端上缩放显示页面的方法及装置 | |
CN102033917A (zh) | 移动终端的网页浏览方法及应用该方法的移动终端 | |
CN104834637A (zh) | 网页图片展示方法及装置 | |
CN103885959A (zh) | 一种网页书签的生成方法和装置 | |
CN110019037A (zh) | 一种pdf文件展示方法、装置、设备及存储介质 | |
CN104254849A (zh) | 支持网络文档的高速网络滚动的用户终端装置和方法 | |
CN103856507A (zh) | 网络动态图片的静态显示方法和装置 | |
CN106325755A (zh) | 一种页面内容显示方法及其设备 | |
CN106708478B (zh) | 滚动视图显示方法及装置 | |
CN106484883A (zh) | 网页加载方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CP01 | Change in the name or title of a patent holder |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
CP01 | Change in the name or title of a patent holder | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160224 |
|
CF01 | Termination of patent right due to non-payment of annual fee |