网页显示方法、装置和计算设备与流程

本公开的实施方式涉及显示领域，更具体地，本公开的实施方式涉及一种网页显示方法、装置和计算设备。

背景技术：

1、本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

2、目前，用户可以通过浏览各个网页获取期望能够获取的内容。然而，由于不同设备所对应的显示屏幕的尺寸不同，因此，需要通过对网页进行缩放显示，即，调整网页上所需显示的内容的大小尺寸，以提高用户体验。

3、本技术提供了一种网页显示方法，以便更好的展示网页，提升用户浏览体验。

技术实现思路

1、本公开提供一种网页显示方法、装置和计算设备，以便向用户展示与浏览器视口相匹配的网页，提高用户浏览体验。

2、在本公开实施方式的第一方面中，提供了一种网页显示方法，包括：响应于网页缩放请求，确定内嵌待缩放页面的第一iframe标签；其中，所述网页缩放请求用于指示待缩放页面；

3、确定浏览器视口的第一尺寸信息和所述待缩放页面的原始尺寸信息二者的比值为缩放比例；所述第一尺寸信息表征浏览器视口显示时的大小；所述原始尺寸信息表征页面预设尺寸；

4、根据所述缩放比例，对所述第一iframe标签进行缩放处理，得到第二iframe标签；

5、根据所述第二iframe标签，对所述待缩放页面进行缩放显示。

6、在本公开的一个实施例中，所述网页缩放请求为浏览器加载显示所述待缩放页面时所生成的；所述第一iframe标签为基于所述待缩放页面所生成的；

7、或者，所述网页缩放请求为浏览器视口的尺寸发生变化时所生成的；所述第一iframe标签为浏览器视口当前显示的内容所嵌入的iframe标签。

8、在本公开的一个实施例中，根据所述缩放比例，对所述第一iframe标签进行缩放处理，得到第二iframe标签，包括：

9、配置所述第一iframe标签的第二尺寸信息为所述原始尺寸信息；

10、固定所述第二尺寸信息保持不变，并根据所述缩放比例，对所述第一iframe标签对应的待处理元素进行缩放处理，得到第三iframe标签；其中，所述待处理元素为所述待缩放页面中以浏览器视口的尺寸为缩放基准单位的元素；

11、根据所述第三iframe标签，确定第二iframe标签。

12、在本公开的一个实施例中，根据所述第三iframe标签，确定第二iframe标签，包括：

13、若确定所述缩放比例小于预设值，则根据所述待缩放页面对应的缩放原点和所述缩放比例，调整所述第三iframe标签的边距信息，得到第二iframe标签；其中，所述缩放原点为页面缩放处理的基准点。

14、在本公开的一个实施例中，所述缩放原点位于待缩放页面的左上角；根据所述待缩放页面对应的缩放原点和所述缩放比例，调整所述第三iframe标签的边距信息，得到第二iframe标签，包括：

15、确定预设值和缩放比例的倒数二者之间的差值为边距调整值；

16、调整所述第三iframe标签的右边距和下边距二者各自的取值为所述边距调整值，得到第二iframe标签。

17、在本公开的一个实施例中，根据所述第二iframe标签，对所述待缩放页面进行缩放显示，包括：

18、确定所述待缩放页面的第一地址信息，并将所述第一地址信息同步至所述浏览器的顶层页面中的地址栏中；所述顶层页面为嵌入所述第二iframe标签的页面；

19、根据第二iframe标签，将所述待缩放页面缩放显示在所述顶层页面。

20、在本公开的一个实施例中，所述方法还包括：

21、响应于回退请求，根据第一页面的第二地址信息，修改浏览器当前的顶层页面的地址栏所显示的地址；所述回退请求用于请求显示第一页面；所述第一页面为浏览器访问记录中在当前所显示的页面之前所访问的前一个页面；

22、根据所述第一页面的第二地址信息，调整第四iframe标签所对应的路由信息；所述第四iframe标签为嵌套浏览器所显示的页面的iframe标签；所述路由信息用于指示第四iframe标签中需要嵌套的页面；

23、根据调整后的第四iframe标签，对所述第一页面进行页面显示处理。

24、在本公开的一个实施例中，所述方法还包括：

25、响应于页面变更请求，根据第二页面的第三地址信息，调整第四iframe标签所对应的路由信息；并根据调整后的第四iframe标签，对所述第二页面进行页面显示处理；所述第四iframe标签为嵌套至浏览器当前的顶层页面的iframe标签；所述路由信息用于指示第四iframe标签中需要嵌套的页面；所述页面变更请求用于请求显示第二页面；所述第二页面为浏览器访问记录中在当前所显示的页面之后所访问的后一个页面，或者，为浏览器本次使用过程中首次访问的页面；

26、根据所述第二页面的第三地址信息，修改浏览器当前的顶层页面的地址栏所显示的地址。

27、在本公开的一个实施例中，所述第一iframe标签中所嵌入的待缩放页面具有唯一标识，且所述待缩放页面的唯一标识与浏览器本次使用过程中的首次访问时间呈正比。

28、在本公开的一个实施例中，若所述网页缩放请求为浏览器加载显示所述待缩放页面时所生成的，则响应于网页缩放请求，确定内嵌待缩放页面的第一iframe标签，包括：

29、响应于网页缩放请求，若确定所述待缩放页面中不存在预设响应头，则根据待缩放页面，生成嵌套所述待缩放页面的第一iframe标签；其中，预设响应头用于指示禁止将页面嵌套在iframe中显示。

30、在本公开实施方式的第二方面中，提供了一种网页显示装置，包括：

31、第一确定单元，用于响应于网页缩放请求，确定内嵌待缩放页面的第一iframe标签；其中，所述网页缩放请求用于指示待缩放页面；

32、第二确定单元，用于确定浏览器视口的第一尺寸信息和所述待缩放页面的原始尺寸信息二者的比值为缩放比例；所述第一尺寸信息表征浏览器视口显示时的大小；所述原始尺寸信息表征页面预设尺寸；

33、处理单元，用于根据所述缩放比例，对所述第一iframe标签进行缩放处理，得到第二iframe标签；

34、第一显示单元，用于根据所述第二iframe标签，对所述待缩放页面进行缩放显示。

35、在本公开的一个实施例中，所述网页缩放请求为浏览器加载显示所述待缩放页面时所生成的；所述第一iframe标签为基于所述待缩放页面所生成的；

36、或者，所述网页缩放请求为浏览器视口的尺寸发生变化时所生成的；所述第一iframe标签为浏览器视口当前显示的内容所嵌入的iframe标签。

37、在本公开的一个实施例中，处理单元，包括：

38、配置模块，用于配置所述第一iframe标签的第二尺寸信息为所述原始尺寸信息；

39、处理模块，用于固定所述第二尺寸信息保持不变，并根据所述缩放比例，对所述第一iframe标签对应的待处理元素进行缩放处理，得到第三iframe标签；其中，所述待处理元素为所述待缩放页面中以浏览器视口的尺寸为缩放基准单位的元素；

40、确定模块，用于根据所述第三iframe标签，确定第二iframe标签。

41、在本公开的一个实施例中，确定模块，具体用于：

42、若确定所述缩放比例小于预设值，则根据所述待缩放页面对应的缩放原点和所述缩放比例，调整所述第三iframe标签的边距信息，得到第二iframe标签；其中，所述缩放原点为页面缩放处理的基准点。

43、在本公开的一个实施例中，所述缩放原点位于待缩放页面的左上角；确定模块，具体用于：

44、确定预设值和缩放比例的倒数二者之间的差值为边距调整值；

45、调整所述第三iframe标签的右边距和下边距二者各自的取值为所述边距调整值，得到第二iframe标签。

46、在本公开的一个实施例中，第一显示单元，具体用于：

47、确定所述待缩放页面的第一地址信息，并将所述第一地址信息同步至所述浏览器的顶层页面中的地址栏中；所述顶层页面为嵌入所述第二iframe标签的页面；

48、根据第二iframe标签，将所述待缩放页面缩放显示在所述顶层页面。

49、在本公开的一个实施例中，所述装置还包括：

50、第一修改单元，响应于回退请求，根据第一页面的第二地址信息，修改浏览器当前的顶层页面的地址栏所显示的地址；所述回退请求用于请求显示第一页面；所述第一页面为浏览器访问记录中在当前所显示的页面之前所访问的前一个页面；

51、第一调整单元，根据所述第一页面的第二地址信息，调整第四iframe标签所对应的路由信息；所述第四iframe标签为嵌套浏览器所显示的页面的iframe标签；所述路由信息用于指示第四iframe标签中需要嵌套的页面；

52、第二显示单元，用于根据调整后的第四iframe标签，对所述第一页面进行页面显示处理。

53、在本公开的一个实施例中，所述装置还包括：

54、第二调整单元，用于响应于页面变更请求，根据第二页面的第三地址信息，调整第四iframe标签所对应的路由信息；所述第四iframe标签为嵌套至浏览器当前的顶层页面的iframe标签；所述路由信息用于指示第四iframe标签中需要嵌套的页面；所述页面变更请求用于请求显示第二页面；所述第二页面为浏览器访问记录中在当前所显示的页面之后所访问的后一个页面，或者，为浏览器本次使用过程中首次访问的页面；

55、第三显示单元，用于根据调整后的第四iframe标签，对所述第二页面进行页面显示处理；

56、第二修改单元，用于根据所述第二页面的第三地址信息，修改浏览器当前的顶层页面的地址栏所显示的地址。

57、在本公开的一个实施例中，所述第一iframe标签中所嵌入的待缩放页面具有唯一标识，且所述待缩放页面的唯一标识与浏览器本次使用过程中的首次访问时间呈正比。

58、在本公开的一个实施例中，若所述网页缩放请求为浏览器加载显示所述待缩放页面时所生成的，则第一确定单元，具体用于：

59、响应于网页缩放请求，若确定所述待缩放页面中不存在预设响应头，则根据待缩放页面，生成嵌套所述待缩放页面的第一iframe标签；其中，预设响应头用于指示禁止将页面嵌套在iframe中显示。

60、在本公开实施方式的第三方面中，提供了一种计算机可读存储介质，包括：所述计算机可读存储介质中存储有计算机执行指令，当处理器执行所述计算机执行指令时，实现如第一方面任一项所述的方法。

61、在本公开实施方式的第四方面中，提供了一种计算设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；

62、其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述计算设备执行第一方面中任一项所述的方法。

63、根据本公开实施方式的网页显示方法、装置和计算设备，该方法包括：响应于网页缩放请求，确定内嵌待缩放页面的第一iframe标签；其中，网页缩放请求用于指示待缩放页面；确定浏览器视口的第一尺寸信息和待缩放页面的原始尺寸信息二者的比值为缩放比例；第一尺寸信息表征浏览器视口显示时的大小；原始尺寸信息表征页面预设尺寸；根据缩放比例，对第一iframe标签进行缩放处理，得到第二iframe标签；根据第二iframe标签，对待缩放页面进行缩放显示。上述方式中，通过将页面内嵌至iframe标签中，并通过缩放比例对iframe标签进行缩放处理之后，再结合缩放处理后的iframe标签对待缩放页面进行缩放显示。上述页面显示过程无需对待缩放页面中元素进行转换处理，避免了转换处理所导致的页面缩放显示耗时时间较长的问题。