CN111198741B - 一种基于iOS系统的web页面初始化的方法 - Google Patents
一种基于iOS系统的web页面初始化的方法 Download PDFInfo
- Publication number
- CN111198741B CN111198741B CN201911409803.1A CN201911409803A CN111198741B CN 111198741 B CN111198741 B CN 111198741B CN 201911409803 A CN201911409803 A CN 201911409803A CN 111198741 B CN111198741 B CN 111198741B
- Authority
- CN
- China
- Prior art keywords
- page
- web page
- wkwebview
- navigation bar
- control
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种基于iOS系统的web页面初始化的方法,点击导航栏按钮,利用wkwebview控件显示页面;在页面控制器利用wkwebview控件加载页面的初始网址;点击另一个导航栏按钮时,根据在viewWillDisappear方法中重新请求初始网址的操作,即可回到初始化状态的功能,用户再次点击步骤1所述的导航栏按钮时,其显示的web页面即为初始化后的页面。本发明在当前视图将要被覆盖或隐藏时进行初始化操作,而不是像大多数应用那样在页面开始加载的时候再初始化页面。从用户体验角度出发,当用户再次回到本界面时,页面早已初始化完毕,因此能够快速加载出初始化后的页面,由此提升用户使用感。
Description
技术领域
本发明的实施方式涉及计算机技术与软件开发领域,更具体地,本发明的实施方式涉及一种基于iOS系统的web页面初始化的方法。
背景技术
现有手机app中大多数都有底部导航栏的功能,比如一款叫做“拼多多”的手机应用中,其底部导航栏包括了“首页”、“推荐”、“搜索”、“聊天”、“个人红心”五个按钮。
在ios应用开发中,经常通过一个叫做UITabBarController的控制器来实现底部导航栏的功能,每一个底部导航栏按钮对应一个视图,当一个视图中包含了筛选功能,如根据日期筛选好友动态,在不隐藏控制器按钮的情况下,如果切换控制器按钮,再次回到原先页面时,原先的页面并不会回到初始化的状态。大多数应用并没有初始化页面这一操作,而是停留在用户筛选后的某个页面状态。这使得用户在回到该页面的体验感并不是很好,并且在进行一些操作的时候并不是很方便。
在ios端开发的应用中有时候需要嵌入网页(web页面)内容并进行一些诸如筛选之类的操作,苹果公司在iOS8之后推出了一个新的控件——wkwebview来实现在应用中嵌入网页的功能。出于它的稳定性高、内存占用少、支持更多html5、js等优良特性,目前,在iOS的应用开发中,使用wkwebview控件加载web页面已经成为主流。虽然wkwebview控件有着诸多优点,但是它加载的web页面由于存在缓存的缘故,在再次返回的时候并不会对原网页进行初始化操作。
发明内容
因此,针对上述问题,本发明提出了一种基于iOS系统的web页面初始化的方法,一种基于iOS系统的应用中切换导航栏按钮其对应web页面回到初始状态的方法。此方法解决了用户在回到导航栏按钮对应的主页面时,页面无法回到初始状态的问题。本发明能够有效提升用户的体验感,在有效解决问题的同时也大大降低了程序的复杂度。
为解决上述的技术问题,本发明采用以下技术方案:
一种基于iOS系统的web页面初始化的方法,采用以下步骤:
步骤1:点击一个导航栏按钮,利用wkwebview控件显示web页面;
步骤2:在页面控制器的viewWillDisappear方法中利用wkwebview控件加载web页面的初始网址url;
步骤3:点击另一个导航栏按钮时,根据步骤2,在当前视图即将被覆盖或隐藏时,根据在viewWillDisappear方法中重新请求初始网址的操作,即可回到之前web页面回到初始化状态的功能,用户再次点击步骤1所述的导航栏按钮时,其显示的web页面即为初始化后的页面。
上述的一种基于iOS系统的web页面初始化的方法,所述步骤1中,wkwebview控件是一种实现在iOS应用中加载网页的组件,通过wkwebview控件,可以在应用程序和其网页内容之间来回传递数据和交互。利用wkwebview控件中的loadRequest方法可以实现在ios应用中嵌入web页面的功能。
上述的一种基于iOS系统的web页面初始化的方法,所述步骤2中,viewWillDisappear方法,是iOS系统中当收到当前视图将去除、被覆盖或隐藏于视窗时的通知时会调用的方法。在viewWillDisappear方法中写的操作,均在页面视图将去除、被覆盖或隐藏于视窗时执行。
本发明在当前视图将要被覆盖或隐藏时进行初始化操作,而不是像大多数应用那样在页面开始加载的时候再初始化页面。从用户体验角度出发,当用户再次回到本界面时,页面早已初始化完毕,因此能够快速加载出初始化后的页面,由此提升用户使用感。
附图说明
图1为本发明方法执行流程图。
图2为本发明方法中步骤1结合的某个社交应用的“线下社交”按钮对应的第一页面。
图3为本发明方法中步骤1结合的某个社交应用的“线下社交”按钮对应的第一页面中的类别筛选框。
图4为本发明方法中步骤1结合的某个社交应用的“线下社交”按钮对应的第一页面中筛选出的创业类线下社交活动。
图5为本发明方法中步骤3结合的某个社交应用的“传说”按钮对应第二页面。
图6为本发明方法中步骤3结合的某个社交应用的再次点击“线下社交”按钮后的对应的第一页面。
具体实施方式
本发明是一种基于iOS系统的web页面初始化的方法,其具体实施方案将结合某社交应用进行具体描述,包括以下几个具体步骤:
某社交应用底部导航栏有5个按钮,分别为“消息”、“对脸一下”、“发布”、“线下社交”、“传说”。其中“线下社交”、“传说”按钮对应的显示视图均为web页面。在“线下社交”按钮对应的web页面中包含有按照类别筛选出用户发布的线下社交活动的操作,如筛选出创业相关的线下社交活动。
步骤1:点击底部导航栏按钮1,显示出第一web页面。
当用户点击底部导航栏按钮1:“线下社交”按钮时,根据ios的wkwebview控件加载出对应的第一web页面,用户通过下拉筛选列表筛选出创业类的线下社交活动进行浏览。此时,该应用的四个底部导航栏按钮并没有隐藏,用户可以随时切换到其他导航栏对应的界面。
步骤2:在a页面控制器的viewWillDisappear方法中利用wkwebview控件加载页面a请求的初始网址;
在“线下社交”按钮对应的第一web页面的控制器中,使用viewWillDisappear方法,此方法在页面a即将消失的时候会被调用。在viewWillDisappear方法中加载wkwebview请求的初始化url,实现a页面在即将消失时更新到初始化状态的操作。具体实现代码为:
-(void)viewWillDisappear:(BOOL)animated{
…
[self.webViewloadRequest:self.loadRequest];
…
}
步骤3:点击另一个底部导航栏按钮2,根据步骤2,在页面a即将被覆盖或隐藏时,根据viewWillDisappear方法中重新请求初始页面a网址的操作,即可实现a页面回到初始化状态。
在用户浏览完第一web页面中创业类的线下社交活动后,用户点击底部导航栏按钮2:“传说”按钮,此时a页面被隐藏,底部导航栏“传说”按钮对应的b页面显示出来。在a页面被隐藏的过程中,步骤2中的viewWillDisappear方法被调用,客户端向服务器重新请求一次a页面。
在用户浏览完毕第二web页面后再次点击“线下社交”按钮,进入第一web页面进行浏览。此时a页面初始化为用户第一次点击“线下社交”按钮显示的视图,并且实时更新了数据。即第一web页面展示的不再是用户先前筛选的创业类线下社交活,而是所有的线下社交活动。
本发明利用点击b页面原先a页面消失时重新向服务器发送一次请求,来实现a页面的更新机制,有效地保证了用户再次点击a页面时候能够看到初始状态的页面,并且不会感受到因为请求页面而产生的延迟,提升了用户的体验感。
Claims (3)
1.一种基于iOS系统的web页面初始化的方法,其特征在于采用以下步骤:
步骤1:点击一个导航栏按钮,利用wkwebview控件显示web页面;
步骤2:在页面控制器的viewWillDisappear方法中利用wkwebview控件加载web页面的初始网址url;
步骤3:点击另一个导航栏按钮时,根据步骤2,在当前视图即将被覆盖或隐藏时,根据在viewWillDisappear方法中重新请求初始网址的操作,当前视图更新到初始化状态,用户再次点击步骤1所述的导航栏按钮时,其显示的web页面即为初始化后的页面。
2.如权利要求1所述的一种基于iOS系统的web页面初始化的方法,其特征在于所述步骤1中,wkwebview控件是一种实现在iOS应用中加载网页的组件,通过wkwebview控件,可以在应用程序和其网页内容之间来回传递数据和交互;利用wkwebview控件中的loadRequest方法可以实现在ios应用中嵌入web页面的功能。
3.如权利要求1所述的一种基于iOS系统的web页面初始化的方法,其特征在于所述步骤2中,viewWillDisappear方法是iOS系统中当收到当前视图将去除、被覆盖或隐藏于视窗时的通知时会调用的方法;在viewWillDisappear方法中写的操作,均在页面视图将去除、被覆盖或隐藏于视窗时执行。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911409803.1A CN111198741B (zh) | 2019-12-31 | 2019-12-31 | 一种基于iOS系统的web页面初始化的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911409803.1A CN111198741B (zh) | 2019-12-31 | 2019-12-31 | 一种基于iOS系统的web页面初始化的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111198741A CN111198741A (zh) | 2020-05-26 |
CN111198741B true CN111198741B (zh) | 2023-05-16 |
Family
ID=70746400
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911409803.1A Active CN111198741B (zh) | 2019-12-31 | 2019-12-31 | 一种基于iOS系统的web页面初始化的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111198741B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004086774A (ja) * | 2002-08-28 | 2004-03-18 | Toshiba Corp | 画面構造図モデリング装置、プログラム、画面構造図モデリング方法 |
CN104333588A (zh) * | 2014-10-31 | 2015-02-04 | 北京奇虎科技有限公司 | 一种网页计时的方法及装置 |
CN106843953A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 基于iOS系统的应用程序横向切换系统和方法 |
CN107832051A (zh) * | 2017-09-26 | 2018-03-23 | 五八有限公司 | 应用程序的页面导航处理方法及装置 |
CN110119490A (zh) * | 2019-04-18 | 2019-08-13 | 深圳壹账通智能科技有限公司 | 网页浏览方法、装置、计算机设备和存储介质 |
CN110333879A (zh) * | 2018-03-08 | 2019-10-15 | 上海钱拓网络技术有限公司 | 一种移动终端应用更新方法 |
-
2019
- 2019-12-31 CN CN201911409803.1A patent/CN111198741B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004086774A (ja) * | 2002-08-28 | 2004-03-18 | Toshiba Corp | 画面構造図モデリング装置、プログラム、画面構造図モデリング方法 |
CN104333588A (zh) * | 2014-10-31 | 2015-02-04 | 北京奇虎科技有限公司 | 一种网页计时的方法及装置 |
CN106843953A (zh) * | 2017-01-16 | 2017-06-13 | 百融(北京)金融信息服务股份有限公司 | 基于iOS系统的应用程序横向切换系统和方法 |
CN107832051A (zh) * | 2017-09-26 | 2018-03-23 | 五八有限公司 | 应用程序的页面导航处理方法及装置 |
CN110333879A (zh) * | 2018-03-08 | 2019-10-15 | 上海钱拓网络技术有限公司 | 一种移动终端应用更新方法 |
CN110119490A (zh) * | 2019-04-18 | 2019-08-13 | 深圳壹账通智能科技有限公司 | 网页浏览方法、装置、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111198741A (zh) | 2020-05-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10956531B2 (en) | Dynamic generation of mobile web experience | |
US9147004B2 (en) | Website builder systems and methods with device detection to adapt rendering behavior based on device type | |
US8522168B2 (en) | System and method for navigating posts in a discussion | |
US8055444B2 (en) | Content display and navigation interface | |
US20140380229A1 (en) | System, method and user interface for designing customizable products from a mobile device | |
US20140143644A1 (en) | Web browser page transition acceleration | |
US20120304068A1 (en) | Presentation format for an application tile | |
CN106547417B (zh) | 显示后台任务消息的方法和装置 | |
US20130239028A1 (en) | Method and Apparatus for Providing Portioned Web Pages in a Graphical User Interface | |
US20170329491A1 (en) | Action tool bar for mobile applications | |
US10389792B2 (en) | Output function dividing system | |
CN108427597A (zh) | 加速页面渲染的方法及装置 | |
CN105095374A (zh) | 移动终端新闻浏览的方法及装置 | |
CN108416011A (zh) | 一种页面处理方法、装置、终端及计算机可读存储介质 | |
US20080059584A1 (en) | Method and apparatus for sharing resource addresses | |
CN107045546B (zh) | 一种网页处理方法、装置及智能终端 | |
CN113157374B (zh) | 页面模式切换方法、装置、设备以及存储介质 | |
CN112149025A (zh) | 媒体资源展示方法和装置、存储介质及电子设备 | |
CN106991110B (zh) | 网页页面的切换方法及装置 | |
JP4938589B2 (ja) | ウェブページ閲覧装置およびウェブページ閲覧サーバ | |
CN111198741B (zh) | 一种基于iOS系统的web页面初始化的方法 | |
CN110622135B (zh) | 在涉及欠佳网络条件的情形下提供内容项的系统和方法 | |
CN110569460A (zh) | 推送信息展示方法、装置及存储介质 | |
CN109284451B (zh) | 一种网页的预操作方法、网页浏览终端及存储介质 | |
CN116643680A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |