CN101539912A

CN101539912A - 树型浏览器浏览网页的方法

Info

Publication number: CN101539912A
Application number: CN200810070758A
Authority: CN
Inventors: 林福来
Original assignee: Individual
Current assignee: Individual
Priority date: 2008-03-18
Filing date: 2008-03-18
Publication date: 2009-09-23

Abstract

本发明的目的在于提供一种树型浏览器浏览网页的方法，能直观地显示用户浏览过网页的链接关系，提高用户查阅、浏览并关闭相应网页的效率。为实现上述目的，树型浏览器浏览网页的方法，包括以下步骤：(1)创建网页，在同一窗口中创建第一层标签栏，在第一层标签栏中显示一个或一个以上第一级网页标签；(2)根据第一级网页标签所对应网页中任一网址链接，当需要在新窗口中打开时，在第一层标签栏的相邻区域创建第二层标签栏，在第二层标签栏中显示一个或一个以上第二级网页标签；并且第二级的每个网页标签显示在具有链接关系的第一级网页标签的相邻位置。

Description

树型浏览器浏览网页的方法

技术领域

本发明涉及网络技术，特别是涉及树型浏览器浏览网页的方法。

背景技术

现有的浏览器包括通信模块、网页解析模块、构图模块、显示模块、以及键盘响应模块。

1、载入：给定网页文件的地址后，通信模块可将外部网页的文件载入到浏览器。

2、解析：网页解析模块可对载入的网页文件进行语法分析，从而构造出最终图形化页面中的每个构图元素。根据不同的网络应用协议，网页文件采用不同的标准描述文件，例如HTTP协议采用HTML文件，WAP协议采用WML文件，其页面排版信息在该描述文件中定义，通过网页解析模块可确定其中每个构图元素的位置。

3、构图：由构图模块来存贮具有排版信息的所有构图元素。

4、显示：由显示模块来确定实际是显示窗的大小和位置，并将构图元素按其排版信息依次绘制到显示设备中，从而让用户看到图形化的最终页面。

5、如果当前页面文件中含有超文本链接，则键盘响应模块可通过获取用户的按键来选择和打开新链接，新的链接根据超文本链接的定义不同，可以覆盖现有的窗口，或打开新的窗口，然后根据当前选择的链接所包含的地址信息，重复上述“载入-解析-构图-显示”流程，最后在屏幕上显示新页面的内容。

现有上网最常用的浏览器是微软公司的IE浏览器，他是单窗单网页页浏览器，即一个窗口只显示一个浏览网页，当用户需要浏览当前打开网页链接的内容时，可以通过当前网页的超文本链接打开另外一个网页，从而实现在一组层层链接的页面上自由浏览网页信息的目的。如果打开新的网页并同时打开新的窗口时，就会在任务栏上显示新的图标。

另有标签式浏览器，如遨游、火狐等，即在打开一个新的网页时，会在同一窗口内打开，并在靠近窗口顶部或底部位置出现该网页的选项卡标签，点击这些标签就可以在不同网页间切换，而不必点击任务栏按钮。

从上述的模型可见，在现有浏览器中，当要访问具有较多网页、较深层次页面链接的信息节点时，用户需要逐层打开许多的页面，才能定位到自己关心的内容，当进入的链接越多越深，用户越容易迷失方向，用户往往不能清楚地记得现有的页面是由哪一页面逐级链接而来，当需要返回上面的页面寻找信息时，需要逐级返回或逐个页面重新打开，浪费较多的时间；而需要关闭具有链接关系的所有页面时，也需要逐个页面关闭，不但浪费时间，而且往往造成误操作。所以，利用现有浏览器打开多个网页时均无法清晰地体现出各个网页之间的逻辑关系，从而无法直观的显示用户浏览过网页的链接关系。

发明内容

本发明的目的在于提供一树型浏览器浏览网页的方法，能直观地显示用户浏览过网页的链接关系，提高用户查阅、浏览并关闭相应网页的效率。

为实现上述目的，本发明是这样实现的，

树型浏览器浏览网页的方法，包括以下步骤：

(1)创建网页，在同一窗口中创建第一层标签栏，在第一层标签栏中显示一个或一个以上第一级网页标签；

(2)根据第一级网页标签所对应网页中任一网址链接，当需要在新窗口中打开时，在第一层标签栏的相邻区域创建第二层标签栏，在第二层标签栏中显示一个或一个以上第二级网页标签；并且第二级的每个网页标签显示在具有链接关系的第一级网页标签的相邻位置；

(3)同样，第二级网页标签所对应的网页中的任何网址的链接，可以创建第三层标签栏和第三级网页标签，依此类推，根据上述显示网页标签的方法，形成一个以上的具有上下层关系的标签栏，并在一个以上具有上下层关系的标签栏中显示具有关联关系的一个或一个以上网页标签。

上述树型浏览器浏览网页的方法，还包括：创建新网页时，判断是否已经存在同级网页标签；如果存在同级网页标签，则在同级网页标签所在的标签栏中增加新网页标签，如果不存在同级网页标签，则创建新的标签栏，并在新的标签栏中显示新创建的网页标签。

上述树型浏览器浏览网页的方法，还包括：关闭网页时，首先判断是否存在同级网页标签；如果存在同级网页标签，则直接关闭，如果不存在同级网页标签，则关闭网页的同时销毁包含该网页标签的标签栏。

上述树型浏览器浏览网页的方法，还包括：关闭一上级网页标签，则关闭该上级网页标签所关联的所有下级网页。

上述树型浏览器浏览网页的方法，还包括：拖移一上级网页标签，则拖移该上级网页标签所关联的所有下级网页标签。

上述树型浏览器浏览网页的方法，还包括：任一层标签栏中显示的网页标签可以设定为一维标签排列。

上述树型浏览器浏览网页的方法，还包括：在每一层标签栏上设置一个最大化、还原按钮；当显示为最大化按钮时，点击最大化按钮，本级网页标签的所有上级网页标签隐藏，此时，显示为还原按钮，再点击还原按钮时，本级网页标签的所有上级网页标签展开。

上述树型浏览器浏览网页的方法，还包括：在每一层标签栏上设置一个最小化、还原按钮；当显示为最小化按钮时，点击最小化按钮，本级网页标签的所有下级网页标签隐藏，此时，显示为还原按钮，再点击还原按钮时，本级网页标签的所有下级网页标签展开。

上述树型浏览器浏览网页的方法，还包括：上级网页标签以及上级网页标签所链接的下级网页标签可以存储于存储器中，可以调阅和浏览。

上述树型浏览器浏览网页的方法，还包括：可以突出显示当前活动具有链接关系的上下级网页标签。

从上述可见，当要访问具有较多网页、较深层次页面链接的信息节点时，用户需要逐层打开许多的页面，才能定位到自己关心的内容，使用本发明树型浏览器浏览网页的方法，用户可以直观地看出现有的页面是由哪一页面逐级链接而来，当需要返回上面的页面寻找信息时，可以清楚地知道上级网页所处的位置；而需要关闭具有链接关系的所有页面时，只需关闭上级网页，就可以实现对所有具有链接关系网页的关闭，大大提高了效率。

附图说明

图1是创建新网页的逻辑关系图。

图2是关闭网页的逻辑关系图。

图3是创建新网页的示意图。

图4是创建第二级网页的示意图。

图5是创建第三级网页的示意图。

图6是关闭具有链接关系的第一级网页的示意图。

图7是创建另一第二级网页的示意图。

图8是存在同级网页时，网页的关闭示意图。

图9是拖移网页示意图。

图10是拖移网页的另一示意图。

图11是最小化按钮标签栏的示意图。

图12是还原按钮标签栏的示意图。

图13是一维标签栏的示意图。

图14是本发明搜索功能的示意图。

图号说明：1、第一层标签栏；2、第二层标签栏；3、第三层标签栏；4、地址栏；5、最小化按钮；6、还原按钮；7、搜索栏。

具体实施方式

参照图1，图3至图5所示，本发明创建网页的过程，参照图3所示，当使用本浏览器，在地址栏4中输入第一个要浏览网页的网址时，在工具栏的下方创建了第一层标签栏1，第一级网页标签置于第一层标签栏1上，当在地址栏中输入第二个要浏览网页的网址时，在上述创建的第一层标签栏中并列显示第二个网页标签，依次类推，同一级别的网页标签显示在同一层标签栏中。

参照图4所示，在打开的第一个网页中，通过超文本链接到新的网页，则在创建的第一层标签栏1的下方创建了一个第二层标签栏2，超文本链接的第二级网页标签显示在第二层标签栏2上；当超文本链接第二个位于第一层标签栏1中第一个网页标签对应的网页时，则直接在第二层标签栏2上并列显示第二个第二级网页标签。

参照图5所示，在上述图4所示的第二级网页标签所对应的网页中，通过超文本链接新的网页，则在上述的第二层标签栏的下方创建了一个新的第三层标签栏3，超文本链接的第三级网页标签显示在第三层标签栏3上，当超文本链接第二个位于第二层标签栏2上网页标签对应的网页时，则直接在第三层标签栏3上并列显示第二个第三级网页标签。

依次类推，当逐级深入浏览网页时，就可以创建逐级树型具有链接关系的标签栏和网页标签。

如上述图中所示，上述第一层标签栏包括“新浪首页”、“网易”、“中国雅虎首页”三个网页标签；第二层标签栏包括“新闻中心首页-新浪网”、“新浪财经-新浪网”网页标签；第三层标签栏包括“国内新闻-新闻中心-新浪网”、“国际新闻-新闻中心-新浪网”网页标签。

而“国内新闻-新闻中心-新浪网”、“国际新闻-新闻中心-新浪网”网页的上级网页为“新闻中心首页-新浪网”网页，“新闻中心首页-新浪网”网页上级网页为“新浪首页”网页，这样，形成了树形排列的网页标签。

图7所示，再打开第一级“网易”的网页所链接“新闻中心-网易新闻”的新网页标签，则可以在已经创建的第二层标签栏上直接显示“新闻中心-网易新闻”的新网页标签，并隐藏其他同级的网页标签以及其他同级网页标签的下级标签。

创建标签栏的另一种实现方式，图7所示，再打开第一级“网易”的网页所链接“新闻中心-网易新闻”的新网页标签，还可以新创建一个第二层标签栏，在新创建的第二层标签栏上显示“新闻中心-网易新闻”的新网页标签，并隐藏其他同层标签栏、其他同级的网页标签以及其他同级网页标签的下级标签。

所以创建新的标签栏可以为两种方式，第一种方式，根据上层标签栏网页标签所对应网页中所链接的网址，创建一个下层标签栏，所有对应下级网页标签都置于该标签栏中；第二种方式，根据上层标签栏每个网页标签所对应的网页中所链接的网址所对应的新标签，每个上级网页标签分别创建下层标签栏，形成并列的一个或一个以上同层标签栏。

参照图2、图6、图8是关闭网页的示意图；图6所示，在图5的状态下，关闭第一个第一级网页，则由第一个第一级网页所链接的两个第二级网页和两个第三级的网页都关闭，而且，由于没有存在其他同级的第二级网页和第三级网页，第二层标签栏和第三层标签栏同时销毁。

也就是，在图5的状态下，关闭了第一层标签栏中“新浪首页”网页；而“新浪首页”网页链接的第二级两个网页“新闻中心首页-新浪网”、“新浪财经-新浪网”网页，以及第三级两个网页“国内新闻-新闻中心-新浪网”、“国际新闻-新闻中心-新浪网”都关闭，而且，由于没有存在其他同级的第二级网页和第三级网页，第二层标签栏和第三层标签栏同时销毁。

图8所示，在图7状态下，关闭第一个标签栏的第一个网页时，由于存在第二级网页，则第二层标签栏依然存在，也就是，在图7状态下，共打开了“新浪首页”、“网易”、“中国雅虎首页”三个第一级网页标签；“新闻中心首页-新浪网”、“新浪财经-新浪网”、“新闻中心-网易新闻”三个第二级网页标签，“国内新闻-新闻中心-新浪网”、“国际新闻-新闻中心-新浪网”二个第三级网页标签，当关闭第一层标签栏中“新浪首页”网页及链接的下级网页时，由于存在第二级网页“新闻中心-网易新闻”，则第二层标签栏依然存在。

图10所示，是本发明拖移网页的示意图，在图5状态下，拖动第二个第三级网页标签网页至第二层标签栏，实现用户可以根据自己的需要重新排列链接关系；也就是将“国内新闻-新闻中心-新浪网”网页标签拖至第二层标签栏。

图9所示，是本发明拖移网页的示意图，在图5状态下，拖动第二层标签栏中第二个网页标签至第二标签栏的第一网页标签中，成为第二层标签栏第一个网页的下级网页，并显示在第三层标签栏中；也就是拖动“新浪财经-新浪网”网页标签至“新闻中心首页-新浪网”网页标签中，成为“新闻中心首页-新浪网”网页的下级网页，并显示在第三层标签栏中。

拖动网页标签设置为，如果将欲拖动的网页标签拖移至另一网页标签显示空间的左边位置，则欲拖动的网页标签就插入到另一网页标签的左边；如果将欲拖动的网页标签拖移至另一网页标签的中间位置，则欲拖动的网页标签成为到另一网页标签的下级网页；如果将欲拖动的网页标签拖移至另一网页标签显示空间的右边位置，则欲拖动的网页标签就插入到另一网页标签的右边。

图11、12所示，本发明在标签栏上设置了最小化还原按钮，图12显示第一层标签栏最小化，第二层标签栏最小化，第三层标签栏还原状态，则所有网页标签展开状态，当点击图12所示第二层标签栏最小化按钮5时，则第二层标签栏的所有链接的下级网页和下层标签栏隐藏，按钮显示还原状态，如图11所示；反之，当点击图11的第二层标签栏的还原按钮6时，则展开下层标签栏和下级网页标签，如图12所示。

当然还可以在标签栏中设置最大化、还原按钮，当按钮呈最大化时，当点击标签栏最大化按钮时，则该标签栏的所有链接的上级网页和上层标签栏隐藏，按钮显示还原状态；反之，当点击标签栏的还原按钮时，则展开该标签栏的上层标签栏和上级网页标签。

上述图中所示的标签栏和显示在标签栏的网页标签位于窗口的顶部，工具栏的下方，根据需要，也可以设置在窗口的左边、右边或下方。

每一层标签栏可以设置为本专利的树形结构，则该标签栏链接的下级网页呈上述的树型排列，如图13所示，也可以在任一层标签栏设置为传统的一维排列，则该标签栏所链接的下级网页呈传统一维标签型排列，在图中，设置第二层标签栏为传统一维标签型排列，则“新闻中心首页-新浪网”网页所链接的“国内新闻-新闻中心-新浪网”、“国际新闻-新闻中心-新浪网”二个下级网页也与“新闻中心首页-新浪网”网页标签并行一维排列，并位于第二层标签栏上。

上级网页标签以及上级网页标签所链接的下级网页标签可以存储于存储器中，可以调阅和浏览；也就是可以将整个上级网页链接的所有下级网页标签以及链接的逻辑关系存储于存储器中，当需要调阅某一上级网页标签时，则可以将该上级网页所链接的所有下级网页同时打开；方便用户寻找之前浏览的记录。

也可以在存储器中存有具有上下级关系的搜索标签，如存有“GOOGLE”作为上级标签，其链接有“YAHOO搜索”、“MSN搜索”标签的下级标签，当在“GOOLE”搜索栏中输入欲搜索的关键词时，选择树型搜索，可以同时打开“MSN搜索”、“YAHOO搜索”的搜索网页，另外，用户可以根据需要改变上述上下级搜索标签的链接关系，如将“MSN搜索”作为上级标签，“GOOGLE”、“YAHOO搜索”作为下级标签，则可以改变搜索网页的显示位置。

如图14所示，在“GOOLE”搜索栏7中输入“PATENT”，则同时打开了“GOOGLE”、“YAHOO搜索”、“MSN搜索”有关“PATENT”作为关键词的搜索网页。

另外，可以突出显示当前活动具有链接关系的上下级网页标签。如图9所示，当前活动网页为“新闻财经-新浪网”，则“新闻财经-新浪网”网页标签以及其上级网页标签“新闻中心首页-新浪网”、“新浪首页”都突出显示。

Claims

1、树型浏览器浏览网页的方法，其特征在于：

(3)同样，第二级网页标签所对应的网页中的任一网址的链接，可以创建第三层标签栏和第三级网页标签，依此类推，根据上述显示网页标签的方法，形成一个以上的具有上下层关系的标签栏，并在一个以上具有上下层关系的标签栏中显示具有关联关系的一个或一个以上网页标签。

2、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：创建新网页时，判断是否已经存在同级网页标签；如果存在同级网页标签，则在同级网页标签所在的标签栏中增加新网页标签，如果不存在同级网页标签，则创建新的标签栏，并在新的标签栏中显示新创建的网页标签。

3、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：关闭网页时，首先判断是否存在同级网页标签；如果存在同级网页标签，则直接关闭，如果不存在同级网页标签，则关闭网页的同时销毁包含该网页标签的标签栏。

4、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：关闭一上级网页标签，则关闭该上级网页标签所关联的所有下级网页。

5、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：拖移一上级网页标签，则拖移该上级网页标签所关联的所有下级网页标签。

6、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：任一层标签栏中显示的网页标签可以设定为一维标签排列。

7、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：在每一层标签栏上设置一个最大化、还原按钮；当显示为最大化按钮时，点击最大化按钮，本级网页标签的所有上级网页标签隐藏，此时，显示为还原按钮，再点击还原按钮时，本级网页标签的所有上级网页标签展开。

8、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：在每一层标签栏上设置一个最小化、还原按钮；当显示为最小化按钮时，点击最小化按钮，本级网页标签的所有下级网页标签隐藏，此时，显示为还原按钮，再点击还原按钮时，本级网页标签的所有下级网页标签展开。

9、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：上级网页标签以及上级网页标签所链接的下级网页标签可以存储于存储器中，可以调阅和浏览。

10、根据权利要求1所述的树型浏览器浏览网页的方法，其特征在于：可以突出显示当前活动具有链接关系的上下级网页标签。