CN107844501A - 一种移动终端处理网页弹窗的方法和系统 - Google Patents
一种移动终端处理网页弹窗的方法和系统 Download PDFInfo
- Publication number
- CN107844501A CN107844501A CN201610835490.6A CN201610835490A CN107844501A CN 107844501 A CN107844501 A CN 107844501A CN 201610835490 A CN201610835490 A CN 201610835490A CN 107844501 A CN107844501 A CN 107844501A
- Authority
- CN
- China
- Prior art keywords
- pop
- mobile terminal
- touchstart
- mousedown
- web page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 18
- 238000012545 processing Methods 0.000 title claims abstract description 17
- 238000012544 monitoring process Methods 0.000 claims description 16
- 238000011161 development Methods 0.000 abstract description 11
- 230000000694 effects Effects 0.000 abstract description 10
- 230000006870 function Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 8
- 238000004590 computer program Methods 0.000 description 7
- 230000003993 interaction Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005265 energy consumption Methods 0.000 description 1
- 238000009440 infrastructure construction Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000005303 weighing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Telephone Function (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种移动终端处理网页弹窗的方法和系统，该方法包括：S101、网页弹出弹窗；S102、判断是否监听到mousedown()和touchstart()函数值，若否，则返回S102；S103、判断点击位置是否位于弹窗内，若否则返回S102；S104、判断点击位置是否预置有链接或触发事件，若有则执行S105，若无则转向S102；S105、收回弹窗，执行click命令。本发明技术方案能够提高移动互联网网页的加载效率，增强移动网页的功能和显示效果，保持移动终端展示网页的良好效果，促进移动互联网应用的发展。
Description
技术领域
本发明涉及移动互联网技术领域，特别涉及一种移动终端处理网页弹窗的方法和系统。
背景技术
随着时代的进步，互联网已经成为了人民工作生活的重要组成部分，方便了人们之间的联系和沟通，为人们带来了极大的便利和乐趣。从人们的衣、食、住、行到工作、商务，互联网无处不在，深刻影响着工业、商业经济发展的趋势。
作为互联网的重要构成部分，移动互联网进一步改变着人类社会的生活习惯，引领着未来商业的发展趋势，带来更广阔的增量市场，并不断盘活存量市场，为互联网的发展带来新的动力。
根据中国互联网络信息中心CNNIC的统计，截至2015年底，通过手机接入互联网的比例达到90.1％，分别高于通过台式电脑接入互联网的比例67.6％和通过笔记本电脑接入互联网的比例37.8％；平板电脑的娱乐性和便捷性特点使其成为网民的重要娱乐设备，2015年底使用率达到34.8％，并在高学历、高收入人群中拥有更高使用率。无线网络覆盖明显提升，网络基础设施建设逐渐完善，移动网络速率大幅提高，带动手机3G/4G网络使用率不断提升。截至2015年12月，我国手机网民中通过3G/4G上网的比例为88.8％。随着4G、5G移动通信技术的成熟，将会吸引越来越多的用户加入移动互联网的阵营。
在移动互联网领域，移动浏览器是最重要的移动互联网入口。随着HTML5的不断发展、4G/5G的逐渐成熟、云驱动的日益完善，浏览器将越来越成为各种移动终端设备上不可缺少的重要一环，甚至越来越多的OS将会呈现浏览器化的趋势。浏览器背后所代表的是一个开放的通用的开发平台和生态系统，而绝不仅仅是一个简单的互联网入口。
由于移动终端接入互联网是利用无线网络，受到信号、带宽和处理能力的影响，在同等接入速率下与PC电脑相比要耗费更多的资源，运算量、CPU处理频率、功耗等都会加大，所以移动终端的网页浏览注重功耗与网页浏览体验之间的平衡，以获得较佳的用户使用体验。
但是，优化处理移动互联网页面也造成了页面简单、功能单一，显示效果缺乏吸引力，影响了移动网页的用户体验，不利于吸引用户更多的使用移动互联网，不利于移动互联网的发展。
站在用户的立场，能带来更好交互体验的移动浏览器更受到欢迎。尽管PC界的摩尔定律已经逐渐被人们漠视，但移动设备领域的摩尔定律仍在奏效，移动设备硬件的性能指标在快速发展，这给众多移动浏览器开发商提供了一个充分展示创新能力的广阔舞台。除了速度、流量、能耗、稳定性和兼容性这些基础指标外，随着移动设备硬件的不断升级，以及手机内核技术的不断发展，如何让用户获得更简洁、更安全、更人性化的交互体验将成为衡量手机浏览器品质的重要因素。
现有的移动网页往往功能的简单、显示单调、缺乏互动，无法有效调动用户使用移动网页的积极性，用户只是在需要必要查询的时候使用移动网页进行浏览，影响了移动网页的用户体验，移动互联网的作用无法有效的发挥，不利于吸引用户更多的使用移动互联网。
PC页面中经常实现的弹窗功能，是用户互动的良好渠道，能够有效获得用户的信息，更好的满足用户的需求。但是，在移动页面中，由于页面设计的简单，无法提供弹窗的功能，用户使用移动页面往往会觉得缺乏生动效果，用户需求也无法有效获得，网页的使用缺乏互动，大大降低了移动页面的使用效率。
发明内容
本发明提供一种移动终端处理网页弹窗的方法和系统，能够为移动网页提供丰富的功能和显示效果，提高了移动互联网网页的互动效果，方便用户使用浏览和使用移动网页，增强了移动终端浏览网页的用户体验，保持了移动终端展示网页的良好效果，促进了移动终端浏览网页应用的发展。
本发明的技术方案提供了一种移动终端处理网页弹窗的方法，包括以下步骤：
S101、网页弹出弹窗；
S102、判断是否监听到mousedown()和touchstart()函数值，若否，则返回S102；
S103、判断点击位置是否位于弹窗内，若否则返回S102；
S104、判断点击位置是否预置有链接或触发事件，若有则执行S105，若无则转向S102；
S105、收回弹窗，执行click命令。
进一步的，所述弹窗为覆盖显示，在上一个网页的上层进行显示。
进一步的，所述弹窗的窗体的外部区域为透明显示，并且不包含链接或触发事件。
进一步的，每隔100ms定时监听所述mousedown()和touchstart()函数值。
进一步的，在步骤S105中，所述执行click命令，进一步包括：
若点击位置位于弹窗内，而且点击位置预置有链接或触发事件，则在收回弹窗的同时，执行预置的所述链接或触发事件。
本发明的技术方案还提供了一种移动终端处理网页弹窗的系统，其特征在于，包括：管理单元、监听单元和显示单元，其中，
管理单元用于接收监听单元的信号，控制所述弹窗的显示和撤回；
监听单元用于监听所述mousedown()和touchstart()函数值，以及监听屏幕的点击情况；
显示单元用于显示和撤回所述弹窗。
进一步的，所述监听单元每隔100ms定时监听所述mousedown()和touchstart()函数值。
进一步的，所述监听单元监听所述mousedown()和touchstart()函数值信号后向所述管理单元发送通知。
进一步的，所述显示单元接收管理单元的指令，根据所述指令进行显示和撤回所述弹窗的操作。
本发明技术方案能够为移动网页提供丰富的功能和显示效果，提高了移动互联网网页的互动效果，方便用户使用浏览和使用移动网页，增强了移动终端浏览网页的用户体验，保持了移动终端展示网页的良好效果，促进了移动终端浏览网页应用的发展。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例一中移动终端处理网页弹窗的方法流程图；
图2为本发明实施例一中移动终端处理网页弹窗的系统结构图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1为本发明实施例一中移动终端处理网页弹窗的方法流程图。如图1所示，该方法流程包括以下步骤：
步骤S101、网页弹出弹窗。
弹窗为覆盖显示，在上一个网页的上层进行显示。
弹窗的窗体的外部区域为透明显示，显示上一个网页的内容；
弹窗的窗体的外部区域不包含链接或触发事件。
步骤S102、判断是否监听到mousedown()和touchstart()函数值，若否，则返回S102。
每隔100ms定时监听mousedown()和touchstart()函数值。
步骤S103、判断点击位置是否位于弹窗内，若否则返回S102。
步骤S104、判断点击位置是否预置有链接或触发事件，若有则执行S105，若无则转向S102。
步骤S105、收回弹窗，执行click命令。
若点击位置位于弹窗内，而且点击位置预置有链接或触发事件，则在收回弹窗的同时，执行预置的链接或触发事件。
为了实现上述实施例一，本实施例还提供了一种移动终端处理网页弹窗的系统，图2为本发明实施例一中移动终端处理网页弹窗的系统结构图。如图2所示，该系统包括：管理单元201、监听单元202和显示单元203，其中，
管理单元用于接收监听单元的信号，控制弹窗的显示和撤回；
监听单元用于监听mousedown()和touchstart()函数值，以及监听屏幕的点击情况；
显示单元用于显示和撤回弹窗。
监听单元每隔100ms定时监听mousedown()和touchstart()函数值。
监听单元监听mousedown()和touchstart()函数值信号后向管理单元发送通知。
显示单元接收管理单元的指令，根据指令进行显示和撤回弹窗的操作。
上述实施例中的技术方案能够为移动网页提供丰富的功能和显示效果，提高了移动互联网网页的互动效果，方便用户使用浏览和使用移动网页，增强了移动终端浏览网页的用户体验，保持了移动终端展示网页的良好效果，促进了移动终端浏览网页应用的发展
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (9)
1.一种移动终端处理网页弹窗的方法，其特征在于，包括以下步骤：
S101、网页弹出弹窗；
S102、判断是否监听到mousedown()和touchstart()函数值，若否，则返回S102；
S103、判断点击位置是否位于弹窗内，若否则返回S102；
S104、判断点击位置是否预置有链接或触发事件，若有则执行S105，若无则转向S102；
S105、收回弹窗，执行click命令。
2.根据权利要求1所述的方法，其特征在于，所述弹窗为覆盖显示，在上一个网页的上层进行显示。
3.根据权利要求1所述的方法，其特征在于，所述弹窗的窗体的外部区域为透明显示，并且不包含链接或触发事件。
4.根据权利要求1所述的方法，其特征在于，每隔100ms定时监听所述mousedown()和touchstart()函数值。
5.根据权利要求1所述的方法，其特征在于，在步骤S105中，所述执行click命令，进一步包括：
若点击位置位于弹窗内，而且点击位置预置有链接或触发事件，则在收回弹窗的同时，执行预置的所述链接或触发事件。
6.一种移动终端处理网页弹窗的系统，其特征在于，包括管理单元、监听单元和显示单元，其中，
管理单元用于接收监听单元的信号，控制所述弹窗的显示和撤回；
监听单元用于监听所述mousedown()和touchstart()函数值，以及监听屏幕的点击情况；
显示单元用于显示和撤回所述弹窗。
7.根据权利要求6所述的系统，其特征在于，所述监听单元每隔100ms定时监听所述mousedown()和touchstart()函数值。
8.根据权利要求6或7所述的系统，其特征在于，所述监听单元监听所述mousedown()和touchstart()函数值信号后向所述管理单元发送通知。
9.根据权利要求6所述的系统，其特征在于，所述显示单元接收管理单元的指令，根据所述指令进行显示和撤回所述弹窗的操作。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610835490.6A CN107844501A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端处理网页弹窗的方法和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610835490.6A CN107844501A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端处理网页弹窗的方法和系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107844501A true CN107844501A (zh) | 2018-03-27 |
Family
ID=61656880
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610835490.6A Pending CN107844501A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端处理网页弹窗的方法和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107844501A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109002292A (zh) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | 一种基于网页弹出层的弹框实现方法及系统 |
| CN110334299A (zh) * | 2019-06-27 | 2019-10-15 | 上海淇馥信息技术有限公司 | 一种基于地址栏监听的弹窗展示方法、装置和电子设备 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104991916A (zh) * | 2015-06-24 | 2015-10-21 | 小米科技有限责任公司 | 网页的加载方法及装置 |
| CN105138442A (zh) * | 2015-08-24 | 2015-12-09 | 成都秋雷科技有限责任公司 | 网页广告弹窗拦截方法 |
| WO2016050124A1 (zh) * | 2014-09-30 | 2016-04-07 | 优视科技有限公司 | 网页转码方法、装置以及服务器 |
-
2016
- 2016-09-20 CN CN201610835490.6A patent/CN107844501A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016050124A1 (zh) * | 2014-09-30 | 2016-04-07 | 优视科技有限公司 | 网页转码方法、装置以及服务器 |
| CN104991916A (zh) * | 2015-06-24 | 2015-10-21 | 小米科技有限责任公司 | 网页的加载方法及装置 |
| CN105138442A (zh) * | 2015-08-24 | 2015-12-09 | 成都秋雷科技有限责任公司 | 网页广告弹窗拦截方法 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109002292A (zh) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | 一种基于网页弹出层的弹框实现方法及系统 |
| CN109002292B (zh) * | 2018-06-11 | 2022-02-11 | 广州环通信息技术有限公司 | 一种基于网页弹出层的弹框实现方法及系统 |
| CN110334299A (zh) * | 2019-06-27 | 2019-10-15 | 上海淇馥信息技术有限公司 | 一种基于地址栏监听的弹窗展示方法、装置和电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9654598B1 (en) | User customization of cards | |
| CN104995601B (zh) | 切换到本机网页应用程序及从本机网页应用程序切换离开 | |
| CN102591954A (zh) | 一种浏览器用数据加载方法、装置及终端 | |
| CN109154943A (zh) | 自动播放内容到点击播放内容的基于服务器的转换 | |
| WO2018161811A1 (zh) | 一种基于h5的页面显示方法和终端 | |
| CA2810365A1 (en) | Branded browser frame | |
| JP2016529627A (ja) | ブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体 | |
| Firtman | High Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps | |
| CN107844501A (zh) | 一种移动终端处理网页弹窗的方法和系统 | |
| JP6033752B2 (ja) | ファイル位置のショートカットおよびウィンドウの配置構成 | |
| Zhao et al. | The duration perception of loading applications in smartphone: Effects of different loading types | |
| US20020154124A1 (en) | System and method of enhanced computer user interaction | |
| CN109190078A (zh) | 网页构建方法、装置和存储介质 | |
| CN106407227A (zh) | 一种动态网页显示方法和系统 | |
| WO2016037408A1 (zh) | 一种操作计算机终端的方法及计算机终端 | |
| CN106940619A (zh) | 一种输入界面调取方法及装置、用户设备 | |
| CN107844346A (zh) | 一种移动网页元素显示动态效果的方法和系统 | |
| CN106484731A (zh) | 一种移动终端显示高清晰网页图片的方法和系统 | |
| Cai et al. | NetPadBrowser: An Offline Browser for Web-Based Dynamic Geometric Resources | |
| CN107844332A (zh) | 一种移动网页加载外部资源的方法和系统 | |
| CN108076206A (zh) | 一种移动终端控制显示信息栏的方法和系统 | |
| CN107741790A (zh) | 一种Android移动终端处理文字输入框的方法和系统 | |
| CN107844500A (zh) | 一种移动终端加载网页的方法和系统 | |
| KR20000006688A (ko) | 배너 표시방법 | |
| CN108446279A (zh) | 一种移动终端显示多网页的方法和系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180327 |