单一浏览器下网站页面多屏同时浏览的方法
【技术领域】
[0001]本发明涉及一种单一浏览器下网站页面多屏同时浏览的方法。
【背景技术】
[0002]目前，现在网站的直观显示方式是通过浏览器打开方式实现的，单一浏览器一次只能显示一个网址的页面，如果需要浏览另一个网站就必须打开新的浏览窗口，原来的网页就会被遮盖，如果打开了很多新页面的话，就会影响到新页面的加载速度，降低用户体验度。这样就只能去关闭一些打开的窗口，对于每天都用电脑的人来说，是一件非常浪费时间又很无赖的事，尤其是经常会错误的关掉一些还要保留的页面，因为都是习惯性的动作，关闭了就无法再返回，只能再去网址导航网站重新打开，降低了浏览效率。
[0003]现在，互联网商业已经越来越多的影响着人们的购物方式，网上购物已经成为了很多人的主要购物方式，然而在网上选择又好又实惠的商品就不是一件很容易的事了，同样的商品在不同的网站价格各不一样，同类商品不同品牌的也各有优缺点，以现在打开网站的方法无法在同一个页面对不同网站的网页进行对比，用户往往要花费很多的时间在不同的网站上对比寻找才能找到自己想要的商品，这是现在单屏浏览方式无法忽视的缺点。另外，虽然也有网页多屏浏览的现有技术出现，但实现手段比较复杂，操作不便的缺点也相对明显。
【发明内容】
[0004]本发明的目的在于克服上述不足，提供一种单一浏览器下网站页面多屏同时浏览的方法，一方面，克服了现有技术浏览效率低下的缺点，另一方面，实现的技术手段简便可行。
[0005]为了实现上述目的，本发明采用的技术方案为:一种单一浏览器下网站页面多屏同时浏览的方法，其特征在于，包括:对网页进行分区操作，以获得网站建设区域和分屏显示区域；对所述的分屏显示区域进行分屏操作，以获得多个分屏显示区；在所述的每个分屏显示区进行网页浏览功能构建；在所述的网站建设区域设置第一网站；将第一网站所链接的网页的浏览方式进行打开操作，以进行多屏同时浏览。
[0006]进一步地，所述的网站建设区域与分屏显示区域的大小比例与位置关系是任意的。
[0007]进一步地，所述的分屏显示区的数量与形状适应于所述的分屏显示区域的大小。
[0008]进一步地，所述的分屏显示区的数量为至少一个。
[0009]进一步地，所述的网页浏览功能包括构建:网页的放大功能，网页的缩小功能，网页的拖动功能，网页的关闭功能，和/或网页地址搜索栏功能。
[0010]进一步地，所述的第一网站为企业官方网站，或网址导航网站，以及所有符合现有网站特性的网站。
[0011]进一步地，所述的打开操作包括:直接在所述的网站建设区域通过刷新进行浏览，或通过跳转至所述的多个分屏显示区依次进行浏览。
[0012]进一步地，所述的直接在所述的网站建设区域通过刷新进行浏览是:利用javascript设置标签的target属性值。
[0013]进一步地，利用javascript去获取当前点击的链接地址，并赋值到分屏显示区的src属性值。
[0014]本发明的另一目的还在于提供一种单一浏览器下网站页面多屏同时浏览的方法在计算机显示屏或手机显示屏中的应用。
[0015]本发明的有益效果为:
[0016]第一，实现手段简单，方法的步骤包括对网页进行分区操作，以获得网站建设区域和分屏显示区域；对所述的分屏显示区域进行分屏操作，以获得多个分屏显示区；在所述的每个分屏显示区进行网页浏览功能构建；在所述的网站建设区域设置第一网站；将第一网站所链接的网页的浏览方式进行打开操作，以进行多屏同时浏览，大大减少了人们浏览网站的步骤，提高了浏览效率。
[0017]第二，应用范围广泛，用于企业网站，用户可以在单一浏览器显示屏内同时打开多个新窗口同时浏览，减少了用户浏览网页的步骤，节约了时间，提高了效率；用于网址导航网站上，那么用户就可以在网站导航网站打开的状态下同时打开多个网站浏览，对于搜索和比较商品带来非常大的便利。
[0018]第三，提升用户体验，由于是多屏显示，相对于满屏显现范围较小，又是在当前页面刷新显示的，那么每次打开新窗口页面跳转幅度比较小，对眼睛的伤害就会相对变小，可以有效缓解长时间对着电脑的疲劳度。
【附图说明】
[0019]图1是本发明的单一浏览器下网站页面多屏同时浏览的方法的流程图；
[0020]图2是图1所述方法的网页分区示意图；
[0021]图3是图1所述方法的分屏显示区的示意图；
[0022]图4是本发明的每个分屏显示区进行网页浏览功能构建示意图；
[0023]图5是本发明的方法在计算机显示屏中的应用示意图；
[0024]图6是本发明的方法在手机显示屏中的应用示意图。
【具体实施方式】
[0025]下面结合附图对本发明作进一步的描述。
[0026]如图1所示，本发明的单一浏览器下网站页面多屏同时浏览的方法，包括:S100，对网页进行分区操作，以获得网站建设区域和分屏显示区域；S200，对所述的分屏显示区域进行分屏操作，以获得多个分屏显示区；S300，在所述的每个分屏显示区进行网页浏览功能构建；S400，在所述的网站建设区域设置第一网站；S500，将第一网站所链接的网页的浏览方式进行打开操作，以进行多屏同时浏览。
[0027]优选地，所述的网站建设区域与分屏显示区域的大小比例与位置关系是任意的。
[0028]优选地，所述的分屏显示区的数量与形状适应于所述的分屏显示区域的大小。
[0029]优选地，所述的分屏显示区的数量为至少一个。
[0030]优选地，所述的网页浏览功能包括构建:网页的放大功能，网页的缩小功能，网页的拖动功能，网页的关闭功能，和/或网页地址搜索栏功能。
[0031]优选地，所述的第一网站为企业官方网站，或网址导航网站，以及所有符合现有网站特性的网站。
[0032]优选地，所述的打开操作包括:直接在所述的网站建设区域通过刷新进行浏览，或通过跳转至所述的多个分屏显示区依次进行浏览。
[0033]作为具体的实施例，如图2所示，把浏览器显示区分割成两个区，一边是自己主网站的搭建和显示区，一边是分屏显示区，用来显示自己网站的新页面。自己主网站的显示区位置的大小，形状，及方位可以根据实际需要做任意调整。在具体的实施例中，利用javascript获取网页链接并赋值iframe框架的src路径，让整个网页分为两个区。
[0034]作为具体的实施例，如图3所示，根据需要，分屏区可以划分为一屏，两屏，三屏，四屏等任意数量分屏，一般来讲一，二，三，四屏最实用，因为分得多，单一分屏的尺寸就越小，以现在的显示器尺寸来讲在大尺寸电脑显示器四屏以内就最好，手机端和平板电脑等小尺寸电脑显示屏两屏以内就最好。移动手机显示一屏最好。这样就可以同时打开2-4个不同的网站进行同时比较浏览。在具体的实施例中，这一步利用javascript添加iframe元素至网页页面，并结合CSS样式显示成多屏效果。
[0035]作为具体的实施例，如图4所示，把每个分屏显示框的功能搭建好，使每个分屏框都可以独立打开一个网址，为了便于浏览，每个分屏框都具有浏览器的一些功能，可以放大，缩小，拖动，关闭。跟浏览器一样，也设立一个网页地址搜索栏，搜索栏可以打开任何的有效网址，这样每个分屏框就独立起来了，不但可以展示主网站打开的网页，也可以显示用户想打开的任何有效网址，在