专利名称：实现触屏设备网页阅读模式的方法和系统的制作方法
技术领域：
本发明涉及电子书阅读技术，特别是涉及一种实现触屏设备网页阅读模式的方法和系统。
背景技术：
随着触屏设备的发展，越来越多的用户习惯于使用触屏设备(如手机、平板电脑等)来阅读电子书籍。传统的实现触屏设备网页阅读模式的方法通常预先设置好每页显示的文字内容的最大字数，在从网络加载电子书中的文字内容时，将每一章按照预设的最大字数分为多页，一个页面则显示ー页的文字内容，且文字内容、导航项和菜单项都罗列在一个页面中。对于每一页面所显示的文字内容，传统的方法可通过上下滚动来进行阅读，在需 要翻页时，则可通过向左或向右的在触摸屏上的滑动操作，或当到达每ー页面所能容纳的最大字数的地方，点击“下ー页”或“上ー页”的按钮来进行翻页。然而，传统的这种方法，由于每个页面只能显示预设最大字数的文字内容，因此对于每一章的内容，都需要频繁加载每个页面所显示的文字内容，増加了网络流量的消耗。
发明内容
基于此，有必要针对上述増加网络流量的消耗的问题，提供一种能减少网络流量消耗的实现触摸设备网页阅读模式的方法。一种实现触屏设备网页阅读模式的方法，包括以下步骤获取电子书的章号集合；加载与所述章号集合中的章号对应的文字内容；根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述章号对应的文字内容。此外，还提供了一种能减少网络流量消耗的实现触屏设备网页阅读模式的系统。一种实现触屏设备网页阅读模式的系统，包括章号获取模块，用于获取电子书的章号集合；文字加载模块，用于加载与所述章号集合中的章号对应的文字内容；文字展现模块，用于根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述章号对应的文字内容。上述实现触屏设备网页阅读模式的方法和系统，通过加载与章号对应的文字内容，并根据预设的展现属性在页面中展现一整章的文字内容。由于每次加载整章的文字内容，相对于传统的将整章分为多页展示的方式，能够减少加载次数，从而减少网络流量消耗。
图I为ー个实施例中实现触屏设备网页阅读模式的方法流程图；图2为展现与章号对应的文字内容的示意图；图3为ー个实施例中触发与触摸点所属区域对应的功能操作的方法流程图；图4为将页面的可见区域划分多个区域的示意图；图5为另ー个实施例中触发与触摸点所属区域对应的功能操作的方法流程图；图6为菜单浮层的示意图；图7为ー个实施例中加载书签的方法流程图；图8为ー个实施例中实现触屏设备网页阅读模式的系统的结构框图；
图9为另ー个实施例中实现触屏设备网页阅读模式的系统的结构框图；图10为又ー个实施例中的实现触屏设备网页阅读模式的系统的结构框图；图11为图10中的功能操作触发模块的结构框图；图12为另ー个实施例中的实现触屏设备的网页阅读模式的系统的结构框图。
具体实施例方式如图I所示，在一个实施例中，一种实现触屏设备网页阅读模式的方法，包括以下步骤步骤S102，获取电子书的章号集合。电子书中姆一章的内容都以书号、章号和对应的文字内容进行存储，而电子书都有对应的目录信息，用来记录书号与对应的章号集合。步骤S102可先获取电子书的书号，并根据书号获取到对应的章号集合。章号集合是由电子书的所有章号所构成的数据集合。步骤S104，加载与章号集合中的章号对应的文字内容。若电子书存储在本地，则可直接加载与章号集合中的章号对应的文字内容。若电子书存储在服务器端，则可调用后台接ロ从服务器端获取与章号对应的文字内容。由于ー次获取整章的文字内容，相对于传统的单页获取的方式，能够减少后台接ロ的调用量和网络流量。步骤S106，根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与章号对应的文字内容。在一个实施例中，在步骤S102之前，可创建文本对象，该文本对象可为ー个DIV对象(即HTML的<DIV>标签在JavaScript编程中的对象形式,可命名为txt)。进ー步的,可在层级样式表(即CSS样式表)中设置该文本对象的展现属性，用来确定页面的可见区域的位置、大小、背景顔色、字体、行距等。具体的，文本对象的展现属性可包括定位属性(position,其值可为absolute,表示文本对象为绝对坐标定位模式)、左上角顶点的纵向坐标属性(top，其值可为Opx，表示文本对象左上角顶点的纵向坐标值为零像素)、左上角顶点的横向坐标属性(left，其值可为Opx，表示文本对象左上角顶点的横向坐标值为零像素)、宽度属性(width，其值可为100%，表示文本对象占显示屏幕的100%)、叠放层级序号属性(z-index，其值可为1000，表示文本对象的叠放层级可为第1000层)、文本字体大小属性(font-size，其值可为22px，表示文本对象内的文字为22像素的高和宽)、文本行行高属性(line-height，其值可为34px，表示文本对象内的文本行行高为34像素)、背景颜色属性(background,其值可为rgb (245,239,220))等。进ー步的，步骤S104中可获取与章号对应的文字内容(即一整章的文字内容)，将这些文字内容存放在预设的变量(如chapter变量)中。优选的，可将存放在变量中的文字内容中的换行符号“ \n”替换为“<br/Xbr/>”，则在展现文字内容时，相邻自然段之间插入ー个空行，便于触摸滑动页面显示的文字内容时，能够更准确的定位滑动位置。进ー步的，步骤S106中获取层叠样式表中的这些展现属性，根据文本对象的展现属性在页面中展现与章号对应的文字内容。具体的，可设置文本对象的innerHTML属性值为上述预设的变量，从而使得与章号对应的文字内容可在页面中按照层级样式表中的展现属性展现出来。将文本对象的innerHTML属性值设置为预设的变量，实现起来非常简单，且能提闻运行的效率。如图2所示，在页面中按照层级样式表中的展现属性展现对应整章的文字内容，对于触屏设备，其显示屏幕仅显示页面的可见区域部分的文字内容。可通过对触摸屏的滑动操作来对页面中的文字内容进行滚动，以实现整章文字内容的阅读功能。 在一个实施例中，可获取对触摸屏的滑动操作，根据滑动操作对页面中的展现的与章号对应的文字内容进行滚动；当页面的可见区域显示与章号对应的文字内容中的最末尾文字时，在页面的可见区域展现上一章链接和/或下一章链接。本实施例中，可创建两个超链接对象，其中一个为上一章超链接对象，一个为下一章超链接对象，在上一章超链接对象中携帯了上一章的章号，下一章超链接对象中则携带了下一章的章号。页面的可见区域即页面中的文字内容在显示屏幕中所显示的区域。当页面的可见区域显示与章号对应的文字内容的最末尾文字时，表明页面已滚动到本章的文字内容的最末尾，则展现上一章链接和/或下一章链接。进ー步的，在一个实施例中，可获取上一章链接或下一章链接的触发操作；根据触发操作获取上一章或下一章的章号；加载与获取到的章号对应的文字内容；根据预设的层级样式表中的文本对象的展现属性，在页面中展现与获取到的章号对应的文字内容。具体的，所述的触发操作可以是对上一章链接或下一章链接的点击操作。获取到上一章或下一章的章号后，进ー步获取与该章号对应的文字内容，并将获取到的文字内容存放在预设的变量(chapter变量)中，再设置文本对象的innerHTML属性值为该变量，则可将与章号对应的文字内容可在页面中按照层级样式表中的展现属性展现出来，从而实现了翻页的功能。由于可以进行整章的翻页，毎次加载时都可加载一整章的文字内容，从而減少了网络流量的消耗。如图3所示，在一个实施例中，上述方法还可触发显示屏幕的不同区域所对应的功能操作，具体包括以下步骤步骤S302，获取对触摸屏的触摸操作。步骤S304，判断是否获取到对触摸屏的滑动操作，若是，则进入步骤S306，即响应滑动操作，根据滑动操作对页面中展现的与章号对应的文字内容进行滚动，否则进入步骤S308。步骤S308，获取触摸操作的触摸点位置，根据触摸点位置触发与触摸点所属区域对应的功能操作。当获取到触摸屏的触摸操作且没有获取到滑动操作吋，则获取的触摸操作为点击操作。本实施例中，可预先将页面的可见区域(即触摸屏的显示屏幕)划分为多个区域，并设置不同的区域所对应的功能操作。当用户点击触摸屏，则获取触摸点位置，进ー步获取到触摸点所属区域，从而触发与触摸点所属区域对应的功能操作。使得通过非常简单的操作就能触发ー些快捷功能，提高了操作的便利性。在一个实施例中，步骤S308的具体过程为获取触摸操作的触摸点位置；获取触摸点与页面的可见区域顶端的垂直距离；根据垂直距离执行与触摸点所属区域对应的功能操作。本实施例中，将页面的可见区域垂直划分为多个区域，点击不同的区域，则触发相应的功能操作，例如，点击处于显示屏幕上部的区域，则触发向上翻看整屏的文字内容等， 从而能够简单方便的实现ー些快捷功能。在一个实施例中，如图4所示，可将显示屏幕划分为三个区域上部区域、中部区域和下部区域，对不同的区域进行触摸点击，从而触发相应的功能操作。进ー步的，如图5所示，触发与触摸点所属区域对应的功能操作的具体过程包括以下步骤步骤S502，获取触摸屏的触摸操作。步骤S504，判断是否获取到对触摸屏的滑动操作，若是，则进入步骤S506，即响应滑动操作，根据滑动操作对页面中展现的与章号对应的文字内容进行滚动，否则进入步骤S508。在一个实施例中,可预先初始化全局变量ty(0)、tm(false)和Ih(O),然后读取文本对象的line-height属性值(即文本行行高)并赋值给lh。进ー步的，为文本对象注册touchstart事件，事件对象传入參数为e,事件响应处理逻辑为给tm赋值以false,给ty赋值为e. touches
. pageY-window. scrollY (即触摸点到可见区域顶端的垂直距离)。进ー步的，为文本对象注册' touchmove事件,事件响应处理逻辑为给tm赋值以true。则步骤S504在获取到触摸屏的触摸操作后，执行touchstart事件的事件响应处理逻辑，获取到触摸点到可见区域顶端的垂直距离(即ty的值)，然后进一歩判断tm是否为true，若是，则获取到滑动操作，否则没有获取到滑动操作(获取到点击操作)。步骤S508，判断垂直距离是否小于可见区域的高度的1/3，若是，则进入步骤S510，否则进入步骤S512。步骤S510，执行与上部区域对应的功能操作。在一个实施例中，步骤S508中可判断上述ty的值是否小于可见区域高度的1/3，若是，则执行的功能操作可为将页面中展现的与章号对应的文字内容向下滚动预设距离。
具体的，当判断到垂直距离小于可见区域的高度的1/3时，可调用window.scrollBy(0, - (window. innerHeight-lh))函数。window. scrollBy(x, y)函数用来实现移动页面内容，其中，參数X表示横向移动量,參数y表示纵向移动量。Window. innerHeight表示显示屏幕的高度(即页面的可见区域的高度)，Ih的值为文本行行高。因此，调用window.scrollBy (0, - (window. innerHeight-lh)函数,从而实现将页面向下滚动一整屏的文字内容，即相当于向上翻看了一整屏文字内容。
步骤S512，判断垂直距离是否大于可见区域的高度的1/3且小于所述高度的2/3，若是，则进入步骤S514，否则进入步骤S516。步骤S514，执行与中部区域对应的功能操作。在一个实施例中，与中部区域对应的功能操作可为展现预设的菜单浮层。步骤S516，执行与下部区域对应的功能操作。在一个实施例中，执行与下部区域对应的功能操作可为将页面中展现的与章号对应的文字内容向上滚动预设距离。具体的，当判断到垂直距离大于可见区域的高度的2/3时，可调用window. scrollBy (0, window. innerHeight-lh)函数，从而实现将页面向上滚动一整屏的文字内容，即相当于向下翻看了一整屏文字内容。传统技术中通常是通过对触摸屏的上下滑动来翻看某一页中的文字内容，因此需要用户不断进行上下滑动操作，且传统技术中在获取到滑动操作时，是根据滑动的距离来 定位页面的滚动距离，由于滑动距离在触摸屏上并不容易控制，因此使得页面的滚动距离定位不够准确。本实施例中，通过简单的对预设区域的点击操作，就能快速的向上或上下滚动ー整屏文字内容，简化了用户操作，且能够准确定位到向上或向下的一整屏文字内容。在一个实施例中，展现预设的菜单浮层的步骤为获取预设的层级样式表中的菜单对象的展现属性，根据菜单对象的展现属性展现菜单浮层；该菜单浮层包括顶端工具栏、底端工具栏和位于顶端工具栏和底端工具栏之间的主体蒙板。在一个实施例中，可预先创建菜单对象，该菜单对象可为ー个DIV对象。进ー步的，可在层级样式表中设置菜单对象的展现属性，用来确定菜单浮层的整体结构和默认隐藏等。具体的，菜单对象的展现属性可包括定位属性(其值可为absolute)、左上角顶点的纵向坐标属性(其值可为Opx)、左上角顶点的横向坐标属性(其值可为Opx)、宽度属性(其值可为100%)、叠放层级序号属性(其值可为1001，表示文本对象的叠放层级可为第1001层)、可见性属性(visibility，其值可为hidden，表示隐藏不可见)、显示模式属性(display,其值可为-webkit_box,表示使用的是弹性盒子模式)和弹性盒子内部排列方向属性(-webkit-box-orient,其值可为vertical,表示弹性盒子的内部排列方向为纵向排列)。通过设置文本对象的叠放层级序号属性和菜单对象的叠放层级序号属性，可以确定文本内容层和菜单浮层的上下叠放关系，通过在层级样式表中设置叠放层级序号属性，可以实现在文本内容层上设置多个层(只要确定相应的叠放层级序号的大小即可)，更具有灵活性。进ー步的，可创建菜单对象下的三个子DIV对象，分别为顶端对象(可命名为top)、主体对象(可命名为panel)和底端对象(可命名为bottom)。可在层级样式表中设置顶端对象和底端对象的展现属性，用来确定顶端对象和底端对象的高度、背景顔色和透明
昨坐反寸。例如，可设置顶端对象和底端对象的展现属性还包括高度属性(height，其值可为60px,表示顶端对象和底端对象的高度分别为60px)、背景颜色属性(其值可为rgba (0,0,
0,0. 75 和透明度属性等，并设置顶端对象和底端对象的高度属性、背景顔色属性和透明度属性都相同。进ー步的，可设置主体对象还包括弹性盒子内部空间自适应属性(webkit-box-flex，其值可为1，表示弹性盒子内部空间为自适应的)和遮光度属性(opacity，其值可为0，表示主体对象完全不遮光，即完全透明)。如图6所示，菜单浮层包含顶端工具栏、底端工具栏和位于顶端工具栏和底端エ具栏之间的主体蒙板。优选的，顶端工具栏和底端工具栏可以为半透明的工具栏(即透明度 可为50%)。主体蒙板优选为完全透明的，这样，展现菜单浮层后不会遮挡住文字内容。由于主体对象的弹性盒子内部空间自适应属性为自适应，因此主体蒙板会充满顶端工具栏和顶端工具栏之间的整个区域。进ー步的，顶端工具栏和底端工具栏中可包含预设的多个功能图标按钮，用来实现如书签保存、字体调整、背景更换、目录返回等功能。在一个实施例中，可获取对菜单浮层的点击操作，根据该点击操作关闭菜单浮层。具体的，可为菜单对象绑定touchstart事件,该事件响应处理逻辑为设置menu, style,visibility (菜单浮层的可见性)的值为hidden (隐藏)。S卩，当获取到对菜单浮层的点击操作，则执行touchstart事件的处理逻辑，将菜单浮层的可见性设置为隐藏，即关闭菜单浮层。在一个实施例中，在展现菜单浮层时，可设置menu, style, top(菜单浮层的顶端位置)的值为window. scrollY (即显不屏幕的顶端位置),设置menu, style, height (菜单浮层 的高度)的值为window. innerHeight (显示屏幕的高度)，并设置menu, style, visibility(菜单浮层的可见性)的值为visible (即可见的)，从而能够将菜单浮层快速展现出来。在一个实施例中，还可获取添加书签的指令，根据该指令记录书签标识和与书签标识对应的书号、章号和页面的可见区域的顶端在页面中的位置信息。 具体的，可通过对预设的功能按钮的点击操作来获取添加书签的指令，该功能按钮优选的为菜单浮层中的顶端或底端工具栏中的功能按钮。页面的可见区域的顶端在页面中的位置信息即显示屏幕的顶端位置，可以是显示屏幕的顶端的纵向坐标值(即window.scrollY)。进ー步的，可通过网络将记录的与书签表示对应的书号、章号和页面的可见区域的顶端在页面中的位置信息上传到服务器进行保存。在一个实施例中，如图7所示，加载书签的方法流程如下步骤S702，获取加载书签的指令，加载书签的指令中包含书签标识。步骤S704，根据加载书签的指令查找与书签标识对应的号、章号和页面的可见区域的顶端在页面中的位置信息。具体的，可将书签标识通过网络发送至服务器，在服务器中查找与书签标识对应的号、章号和页面的可见区域的顶端在页面中的位置信息。步骤S706，加载与书号和章号对应的文字内容。可获取与书号和章号对应的一整章的文字内容，将获取到的文字内容添加到预设的变量中，然后将文本对象的innerHTML属性值设置为该变量，从而可将获取到的文字内容按照预设的文本对象的展现属性展现出来。步骤S708，根据查找到的位置信息定位加载的文字内容。具体的，可调用网页移动函数(如调用window. scrollTo (0，pos),位置信息赋值给pos)实现定位。由于位置信息可为显示屏幕的顶端的纵向坐标值，调用网页移动函数，可实现将页面向上移动该纵向坐标值的距离，从而将加载的文字内容定位到了预先存储的与书签标识对应的位置。本实施例中，通过记录与书签标识对应的书号、章号以及相应的位置信息，书签记录更为准确，在加载书签时，可准确定位到预先存储的阅读位置，实现了精确保存书签和加载书签的功能。在一个实施例中，如图8所示，一种实现触屏设备网页阅读模式的系统，包括章号获取模块10、文字加载模块20和文字展现模块30，其中章号获取模块10用于获取电子书的章号集合。文字加载模块20用于加载与章号集合中的章号对应的文字内容。文字展现模块30用于据预设的层叠样式表中的文本对象的展现属性，在页面中 展现与章号对应的文字内容。具体的，章号获取模块10可用于先获取电子书的书号，并根据书号获取到对应的章号集合。章号集合是由电子书的所有章号所构成的数据集合。在一个实施例中，文字加载模块20可用于调用后台接ロ从服务器端获取与章号对应的文字内容。由于一次获取整章的文字内容，相对于传统的单页获取的方式，能够减少后台接ロ的调用量和网络流量。在一个实施例中，上述系统还可包括设置模块(图中未示出)，用于创建文本对象，该文本对象可为ー个DIV对象。进ー步的，设置模块可用于在层级样式表(即CSS样式表)中设置该文本对象的展现属性，用来确定页面的可见区域的位置、大小、背景顔色、字体、行距等。具体的，文本对象的展现属性可包括定位属性、左上角顶点的纵向坐标属性、左上角顶点的横向坐标属性、宽度属性、叠放层级序号属性、文本字体大小属性、文本行行高属性、背景顔色属性等。进ー步的，文字加载模块20可用于获取与章号对应的文字内容(即一整章的文字内容)，将这些文字内容存放在预设的变量(如chapter变量)中。优选的，文字加载模块20还可将存放在变量中的文字内容中的换行符号“\n”替换为“<br/Xbr/>”，则在展现文字内容时，相邻自然段之间插入ー个空行，便于触摸滑动页面显示的文字内容时，能够更准确的定位滑动位置。文字展现模块30还可用于获取层叠样式表中的文本对象的展现属性，根据文本对象的展现属性来在页面中展现与章号对应的文字内容。具体的，可设置文本对象的innerHTML属性值为上述预设的变量，从而使得与章号对应的文字内容可在页面中按照层级样式表中的展现属性展现出来。在一个实施例中，如图9所示，上述系统还可包括文字滚动模块40，用于可获取对触摸屏的滑动操作，根据滑动操作对页面中的展现的与章号对应的文字内容进行滚动。本实施例中，文字展现模块20还用于当页面的可见区域显示与章号对应的文字内容中的最末尾文字时，在页面的可见区域展现上一章链接和/或下一章链接。本实施例中，文字展现模块30可创建两个超链接对象，其中一个为上一章超链接对象，一个为下一章超链接对象，在上一章超链接对象中携帯了上一章的章号，下一章超链接对象中则携带了下一章的章号。进ー步的，在一个实施例中，章号获取模块10可用于获取上一章链接或下一章链接的触发操作，根据触发操作获取上一章或下一章的章号。文字加载模块20则加载与获取到的章号对应的文字内容；进ー步的，文字展现模块30用于根据预设的层级样式表中的文本对象的展现属性，在页面中展现与获取到的章号对应的文字内容。在一个实施例中，如图10所述，上述系统还可包括判断模块50和功能操作触发模块60，其中判断模块50用于获取对触摸屏的触摸操作，并判断是否获取到对触摸屏的滑动操作。功能操作触发模块60用于若没有获取到对触摸屏的滑动操作，则获取触摸操作的触摸点位置，并根据触摸点位置触发与触摸点所属区域对应的功能操作。
在一个实施例中，如图11所示，功能操作触发模块60包括触摸点位置获取模块610、垂直距离获取模块620和功能操作执行模块630，其中触摸点位置获取模块610用于获取触摸操作的触摸点位置。垂直距离获取模块620用于获取触摸点与页面的可见区域顶端的垂直距离。功能操作执行模块630用于根据垂直距离执行与触摸点所属区域对应的功能操作。本实施例中，将页面的可见区域垂直划分为多个区域，点击不同的区域，则触发相应的功能操作。如图4所示，可将显示屏幕划分为三个区域上部区域、中部区域和下部区域。在一个实施例中，功能操作执行模块630可包含以下三个模块的至少ー个第一滚动模块，用于当垂直距离小于所述可见区域的高度的1/3吋，则将页面中展现的与章号对应的文字内容向下滚动预设距离。菜单展现模块，用于当垂直距离大于所述可见区域的高度的1/3且小于所述高度的2/3吋，则展现预设的菜单浮层。第二滚动模块，用于当垂直距离大于所述可见区域的高度的2/3吋，则将页面中展现的与章号对应的文字内容向上滚动预设距离。在一个实施例中，菜单展现模块用于获取预设的层级样式表中的菜单对象的展现属性，根据菜单对象的展现属性展现菜单浮层。本实施例中，菜单浮层包括顶端工具栏、底端工具栏和位于顶端工具栏和底端工具栏之间的主体蒙板。在一个实施例中，设置模块可预先创建菜单对象，该菜单对象可为ー个DIV对象。进ー步的，可在层级样式表中设置菜单对象的展现属性，用来确定菜单浮层的整体结构和默认隐藏等。具体的，菜单对象的展现属性可包括定位属性、左上角顶点的纵向坐标属性、左上角顶点的横向坐标属性、宽度属性、叠放层级序号属性、可见性属性、显示模式属性和弾性盒子内部排列方向属性。进ー步的，设置模块还可创建菜单对象下的三个子DIV对象，分别为顶端对象(可命名为top)、主体对象(可命名为panel)和底端对象(可命名为bottom)。可在层级样式表中设置顶端对象和底端对象的展现属性，用来确定顶端对象和底端对象的高度、背景颜色和透明度等。进ー步的，设置模块可设置主体对象还包括弹性盒子内部空间自适应属性(webkit-box-flex，其值可为1，表示弹性盒子内部空间为自适应的)和遮光度属性(opacity，其值可为0，表示主体对象完全不遮光，即完全透明)。进ー步的，顶端工具栏和底端工具栏中可包含预设的多个功能图标按钮，用来实现如书签保存、字体调整、背景更换、目录返回等功能。在一个实施例中，如图12所示，上述系统还可包括书签添加模块70、书签加载模块80和定位模块90，其中书签添加模块70用于获取添加书签的指令，根据该指令记录书签标识和与书签标识对应的书号、章号和页面的可见区域的顶端在页面中的位置信息。具体的，书签添加模块70用于通过对预设的功能按钮的点击操作来获取添加书 签的指令，该功能按钮优选的为菜单浮层中的顶端或底端工具栏中的功能按钮。页面的可见区域的顶端在页面中的位置信息即显示屏幕的顶端位置，可以是显示屏幕的顶端的纵向坐标值。进ー步的，书签添加模块70可通过网络将记录的与书签表示对应的书号、章号和页面的可见区域的顶端在页面中的位置信息上传到服务器进行保存。书签加载模块80用于获取加载书签的指令，加载书签的指令中包含书签标识；根据加载书签的指令查找与书签标识对应的号、章号和页面的可见区域的顶端在页面中的位置信息；加载与书号和章号对应的文字内容。定位模块90用于根据查找到的位置信息定位加载的文字内容。具体的，定位模块90可调用网页移动函数(如调用window. scrollTo (0, pos),位置信息赋值给pos)实现定位。由于位置信息可为显示屏幕的顶端的纵向坐标值，调用网页移动函数，可实现将页面向上移动该纵向坐标值的距离，从而将加载的文字内容定位到了预先存储的与书签标识对应的位置。可以理解，在其他实施例中，上述实现触屏设备网页阅读模式的系统，可同时包含章号获取模块10、文字加载模块20、文字展现模块30、文字滚动模块40、判断模块50、功能操作触发模块60、书签添加模块70、书签加载模块80和定位模块90。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
权利要求
1.一种实现触屏设备网页阅读模式的方法，包括以下步骤 获取电子书的章号集合； 加载与所述章号集合中的章号对应的文字内容； 根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述章号对应的文子内名
2.根据权利要求I所述的方法，其特征在于，所述方法还包括 获取对触摸屏的滑动操作，根据所述滑动操作对所述页面中展现的与章号对应的文字内容进行滚动； 当所述页面的可见区域显示与所述章号对应的文字内容中的最末尾文字时，在所述页面的可见区域中展现上一章链接和/或下一章链接。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括 获取所述上一章链接或下一章链接的触发操作； 根据所述触发操作获取上一章或下一章的章号； 加载与获取到的章号对应的文字内容； 根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述获取到的章号对应的文字内容。
4.根据权利要求I所述的方法，其特征在于，在所述在页面中展现与所述章号对应的文字内容的步骤之后，还包括 获取对触摸屏的触摸操作，并判断是否获取到对触摸屏的滑动操作； 若没有获取到对触摸屏的滑动操作，则 获取所述触摸操作的触摸点位置，并根据所述触摸点位置触发与触摸点所属区域对应的功能操作。
5.根据权利要求4所述的方法，其特征在于，所述获取所述触摸操作的触摸点位置，并根据所述触摸点位置触发与触摸点所属区域对应的功能操作的步骤为 获取所述触摸操作的触摸点位置； 获取所述触摸点与页面的可见区域顶端的垂直距离； 根据所述垂直距离执行与所述触摸点所属区域对应的功能操作。
6.根据权利要求5所述的方法，其特征在于，所述根据所述垂直距离执行与所述触摸点所属区域对应的功能操作的步骤包括以下三种方式中的至少一种 当所述垂直距离小于所述可见区域的高度的1/3时，则将所述页面中展现的与章号对应的文字内容向下滚动预设距离； 当所述垂直距离大于所述可见区域的高度的1/3且小于所述高度的2/3时，则展现预设的菜单浮层； 当所述垂直距离大于所述可见区域的高度的2/3时，则将所述页面中展现的与章号对应的文字内容向上滚动预设距离。
7.根据权利要求6所述的方法，其特征在于，所述展现预设的菜单浮层的步骤为 获取预设的层级样式表中的菜单对象的展现属性，根据所述菜单对象的展现属性展现所述菜单浮层； 所述菜单浮层包含顶端工具栏、底端工具栏、和位于所述顶端工具类和底端工具类之间的主体蒙板。
8.根据权利要求I所述的方法，其特征在于，所述方法还包括 获取添加书签的指令； 根据所述指令记录书签标识和与所述书签标识对应的书号、章号和页面的可见区域的顶端在所述页面中的位置信息。
9.根据权利要求8所述的方法，其特征在于，所述方法还包括 获取加载书签的指令，所述加载书签的指令中包含书签标识； 根据所述加载书签的指令查找与所述书签标识对应的书号、章号和页面的可见区域的顶端在所述页面中的位置信息； 加载与所述书号和章号对应的文字内容； 根据查找到的所述位置信息定位所述加载的与所述书号和章号对应的文字内容。
10.一种实现触屏设备网页阅读模式的系统，其特征在于，包括 章号获取模块，用于获取电子书的章号集合； 文字加载模块，用于加载与所述章号集合中的章号对应的文字内容； 文字展现模块，用于根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述章号对应的文字内容。
11.根据权利要求10所述的系统，其特征在于，所述系统还包括 文字滚动模块，用于获取对触摸屏的滑动操作，根据所述滑动操作对所述页面中展现的与章号对应的文字内容进行滚动； 所述文字展现模块还用于当所述页面的可见区域显示与所述章号对应的文字内容中的最末尾文字时，在所述页面的可见区域中展现上一章链接和/或下一章链接。
12.根据权利要求11所述的系统，其特征在于，所述章号获取模块还用于获取所述上一章链接或下一章链接的触发操作，根据所述触摸操作获取上一章或下一章的章号。
13.根据权利要求10所述的系统，其特征在于，所述系统还包括 判断模块，用于获取对触摸屏的触摸操作，并判断是否获取到对触摸屏的滑动操作； 功能操作触发模块，用于若没有获取到对触摸屏的滑动操作，则获取所述触摸操作的触摸点位置，井根据所述触摸点位置触发与触摸点所属区域对应的功能操作。
14.根据权利要求13所述的系统，其特征在于，所述功能操作触发模块包括 触摸点位置获取模块，用于获取所述触摸操作的触摸点位置； 垂直距离获取模块，用于获取所述触摸点与页面的可见区域顶端的垂直距离； 功能操作执行模块，用于根据所述垂直距离执行与所述触摸点所属区域对应的功能操作。
15.根据权利要求14所述的系统，其特征在于，所述功能操作执行模块包括以下三个模块中的至少ー个 第一滚动模块，用于当所述垂直距离小于所述可见区域的高度的1/3吋，则将所述页面中展现的与章号对应的文字内容向下滚动预设距离； 菜单展现模块，用于当所述垂直距离大于所述可见区域的高度的1/3且小于所述高度的2/3吋，则展现预设的菜单浮层； 第二滚动模块，用于当所述垂直距离大于所述可见区域的高度的2/3吋，则将所述页面中展现的与章号对应的文字内容向上滚动预设距离。
16.根据权利要求15所述的系统，其特征在于，所述菜单展现模块用于获取预设的层级样式表中的菜单对象的展现属性，根据所述菜单对象的展现属性展现所述菜单浮层； 所述菜单浮层包含顶端工具栏、底端工具栏、和位于所述顶端工具类和底端工具类之间的主体蒙板。
17.根据权利要求10所述的系统，其特征在于，所述系统还包括 书签添加模块，用于获取添加书签的指令，根据所述指令记录书签标识和与所述书签标识对应的书号、章号和页面的可见区域的顶端在所述页面中的位置信息。
18.根据权利要求17所述的系统，其特征在于，所述系统还包括 书签加载模块，用于获取加载书签的指令，所述加载书签的指令中包含书签标识；根据所述加载书签的指令查找与所述书签标识对应的书号、章号和页面的可见区域的顶端在所述页面中的位置信息；加载与所述书号和章号对应的文字内容； 定位模块，用于根据查找到的所述位置信息定位所述加载的与所述书号和章号对应的文字内容。
全文摘要
一种实现触屏设备网页阅读模式的方法，包括以下步骤获取电子书的章号集合；加载与所述章号集合中的章号对应的文字内容；根据预设的层叠样式表中的文本对象的展现属性，在页面中展现与所述章号对应的文字内容。采用该方法，能够减少网络流量的消耗。此外，还提供了一种实现触屏设备网页阅读模式的系统。
文档编号G06F3/048GK102830910SQ201210264190
公开日2012年12月19日 申请日期2012年7月27日 优先权日2012年7月27日
发明者张帆, 罗金根 申请人:腾讯科技(深圳)有限公司