网页互联方法、装置、设备及介质制造方法及图纸

本发明专利技术涉及页面显示技术领域，本发明专利技术公开了一种网页互联方法、装置、设备及介质，所述方法包括：通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件；在检测到侧窗按钮组件被触发时，在侧窗按钮组件相邻区域弹出选项栏；接收第一跳转指令，将选项栏切换成输入链接窗口；在接收到确认指令之后，通过iframe工具，在第一页面侧边弹出与页面地址对应的第二页面；确认指令为用户在输入链接窗口中输入页面地址并确认后生成；基于iframe工具，通过互联通道传递第一页面和第二页面之间的操作数据。本发明专利技术实现了通过iframe工具能够让PC端的页面显示移动终端的页面，在PC端操作两者之间的互联测试，提高了PC端的浏览器的多样性。样性。样性。

【技术实现步骤摘要】
网页互联方法、装置、设备及介质


[0001]本专利技术涉及页面显示
，尤其涉及一种网页互联方法、装置、设备及介质。

技术介绍

[0002]目前，大部分应用程序软件(APP)都可以转至H5页面形式或者小程序的形式存在，三者可彼此互通，能够在移动终端同时打开进行互联的测试，但是，在现有技术中，PC端的Web网页与应用程序软件(APP)之间无法互联互通，无法在PC端打开应用程序软件进行互联的测试，这就需要在测试过程中同时打开PC端和移动终端，并在两者界面轮流切换的情况下进行测试，带来极大的便利。

技术实现思路

[0003]本专利技术提供一种网页互联方法、装置、计算机设备及存储介质，实现了PC端与移动终端之间应用的移动互联，便于用户在PC端的浏览器中同时操作Web网页和移动端页面，提高了PC端的浏览器的多样性，提升了用户使用的满意度。
[0004]一种网页互联方法，包括：
[0005]通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件；
[0006]在检测到所述侧窗按钮组件被触发时，在所述侧窗按钮组件相邻区域弹出选项栏；所述选项栏包括更改链接项；
[0007]接收第一跳转指令，将所述选项栏切换成输入链接窗口；所述第一跳转指令为用户确认选取所述更改链接项触发的指令；
[0008]在接收到确认指令之后，通过所述iframe工具，在所述第一页面侧边弹出与页面地址对应的第二页面；所述确认指令为用户在所述输入链接窗口中输入所述页面地址并确认后生成；所述页面地址为与所述网页地址对应的移动终端应用的地址；
[0009]基于所述iframe工具，通过互联通道传递所述第一页面和所述第二页面之间的操作数据。
[0010]一种网页互联装置，包括：
[0011]嵌套模块，用于通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件；
[0012]检测模块，用于在检测到所述侧窗按钮组件被触发时，在所述侧窗按钮组件相邻区域弹出选项栏；所述选项栏包括更改链接项；
[0013]接收模块，用于接收第一跳转指令，将所述选项栏切换成输入链接窗口；所述第一跳转指令为用户确认选取所述更改链接项触发的指令；
[0014]弹出模块，用于在接收到确认指令之后，通过所述iframe工具，在所述第一页面侧边弹出与页面地址对应的第二页面；所述确认指令为用户在所述输入链接窗口中输入所述页面地址并确认后生成；所述页面地址为与所述网页地址对应的移动终端应用的地址；
[0015]传递模块，用于基于所述iframe工具，通过互联通道传递所述第一页面和所述第
二页面之间的操作数据。
[0016]一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述网页互联方法的步骤。
[0017]一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述网页互联方法的步骤。
[0018]本专利技术提供的网页互联方法、装置、计算机设备及存储介质，通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件；在检测到所述侧窗按钮组件被触发时，在所述侧窗按钮组件相邻区域弹出选项栏；所述选项栏包括更改链接项；接收第一跳转指令，将所述选项栏切换成输入链接窗口；所述第一跳转指令为用户确认选取所述更改链接项触发的指令；在接收到确认指令之后，通过所述iframe工具，在所述第一页面侧边弹出与页面地址对应的第二页面；所述确认指令为用户在所述输入链接窗口中输入所述页面地址并确认后生成；所述页面地址为与所述网页地址对应的移动终端应用的地址；基于所述iframe工具，通过互联通道传递所述第一页面和所述第二页面之间的操作数据，因此，实现了通过iframe工具在PC端方便打开移动端显示的界面，实现PC端与移动终端之间应用的移动互联，便于用户在PC端的浏览器中同时操作Web网页和移动端页面，达到不同页面的数据互联的效果，便于PC端的页面显示移动终端的页面，在PC端操作两者之间的互联测试，并提高了PC端的浏览器的多样性，以及提升了用户使用的满意度。
附图说明
[0019]为了更清楚地说明本专利技术实施例的技术方案，下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0020]图1是本专利技术一实施例中网页互联方法的应用环境示意图；
[0021]图2是本专利技术一实施例中网页互联方法的流程图；
[0022]图3是本专利技术一实施例中网页互联方法的步骤S40的流程图；
[0023]图4是本专利技术一实施例中网页互联方法的步骤S403的流程图；
[0024]图5是本专利技术一实施例中网页互联装置的原理框图；
[0025]图6是本专利技术一实施例中计算机设备的示意图。
具体实施方式
[0026]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0027]本专利技术提供的网页互联方法，可应用在如图1的应用环境中，其中，客户端(计算机设备)通过网络与服务器进行通信。其中，客户端(计算机设备)包括但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务器可以用独立的服务器
或者是多个服务器组成的服务器集群来实现。
[0028]在一实施例中，如图2所示，提供一种网页互联方法，其技术方案主要包括以下步骤S10
‑
S50：
[0029]S10，通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件。
[0030]可理解地，在PC端中的浏览器上显示与所述网页地址链接的所述第一页面，所述网页地址为URL的网址，所述第一页面为在PC端打开的所述网页地址所对应的页面，所述嵌套的方式为在页面的左上角或者右上角添加一个按钮或者光标的方式，即通过iframe工具在原生的所述第一页面上插入一个按钮组件的代码，使在所述第一页面上显示该按钮组件，所述侧窗按钮组件为可在侧边弹出跳转的窗口按钮组件，所述iframe工具为使用iframe框架搭建的iframe布局的工具，而且能够兼容应用程序软件的插件工具，所述iframe工具安装在PC端的插件并能够驱动应用程序软件的插件工具，通过所述iframe工具中的标签属性能够实现页面嵌套的功能，所述iframe工具包含有文字排列、边框、大小、滚动条、按钮等标签属性，所述侧窗按钮组件为通过iframe工具开发的组件。
[0031]其中，所述浏览器为PC端中可打开并浏览W本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页互联方法，其特征在于，包括：通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件；在检测到所述侧窗按钮组件被触发时，在所述侧窗按钮组件相邻区域弹出选项栏；所述选项栏包括更改链接项；接收第一跳转指令，将所述选项栏切换成输入链接窗口；所述第一跳转指令为用户确认选取所述更改链接项触发的指令；在接收到确认指令之后，通过所述iframe工具，在所述第一页面侧边弹出与页面地址对应的第二页面；所述确认指令为用户在所述输入链接窗口中输入所述页面地址并确认后生成；所述页面地址为与所述网页地址对应的移动终端应用的地址；基于所述iframe工具，通过互联通道传递所述第一页面和所述第二页面之间的操作数据。2.如权利要求1所述的网页互联方法，其特征在于，所述选项栏还包括默认链接项；所述在所述侧窗按钮组件相邻区域弹出选项栏之后，包括：接收第二跳转指令，通过所述iframe工具，在所述第一页面侧边弹出与默认页面地址对应的第三页面；所述第二跳转指令为用户确认选取所述默认链接项后触发的指令；所述默认链接项与预设的所述默认页面地址关联；基于所述iframe工具，通过独立通道分别传输所述第一页面和所述第三页面的交互数据。3.如权利要求1所述的网页互联方法，其特征在于，所述通过iframe工具，在与网页地址链接的第一页面上嵌套一个侧窗按钮组件之前，包括：在浏览器上接收输入的所述网页地址；加载与所述网页地址链接的网页数据；对所述网页数据进行渲染，得到所述第一页面并显示渲染后的第一页面。4.如权利要求1所述的网页互联方法，其特征在于，所述通过所述iframe工具，在所述第一页面侧边弹出与页面地址对应的第二页面，包括：通过所述iframe工具，对所述第一页面进行尺寸缩小；在所述第一页面侧边弹出与所述页面地址对应的侧窗口；通过所述iframe工具在所述侧窗口中加载及渲染所述第二页面。5.如权利要求4所述的网页互联方法，其特征在于，所述通过所述iframe工具在所述侧窗口中加载及渲染所述第二页面，包括：在所述侧窗口中加载所述第二页面所链接的页面数据；通过所述ifr...

【专利技术属性】
技术研发人员：罗小聪，吴小兵，黄国文，张烁，刘明宇，薛佳明，
申请(专利权)人：招商局金融科技有限公司，
类型：发明
国别省市：