CN102929941A - Sliding loading method for Web page based on Android platform browser - Google Patents
Sliding loading method for Web page based on Android platform browser Download PDFInfo
- Publication number
- CN102929941A CN102929941A CN2012103718363A CN201210371836A CN102929941A CN 102929941 A CN102929941 A CN 102929941A CN 2012103718363 A CN2012103718363 A CN 2012103718363A CN 201210371836 A CN201210371836 A CN 201210371836A CN 102929941 A CN102929941 A CN 102929941A
- Authority
- CN
- China
- Prior art keywords
- page
- load
- web page
- current
- slip
- 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
Abstract
The invention relates to an Android platform browser technology. By the Android platform browser technology, the problem that the conventional Android platform browser cannot achieve a rightwards sliding or leftwards sliding animation effect is solved. The invention provides a sliding loading method for a Web page based on the Android platform browser. According to the technical scheme, the method comprises the following steps of: triggering the browser to start a page loading event, recording page loading starting time and the current website, initializing a sliding parameter, clearing away image displaying components in a parent layout of the current webpage view, capturing the current page picture, loading a newly generated image displaying component to the picture, adding the image displaying component to the uppermost layer of the parent layout of the current webpage view, judging whether the webpage is required to be loaded in a sliding manner, if the webpage is not required to be loaded in the sliding manner, not processing the webpage, otherwise, calling a sliding page loading function to load a page animation in the sliding manner, and after sliding of the page animation is finished, displaying the current webpage view. The sliding loading method has the advantage that the user experience is enhanced, and the sliding loading method is suitable for the Android platform browser.
Description
Technical field
The present invention relates to the technology of Android platform browser, particularly the loading technique of the Android platform browser Web page.
Background technology
The core of mobile Internet is intelligent movable operating system, the Android(Android of Google) system is one of most popular in the market operating system, under this platform, the Android platform browser of each browser manufacturer is come thick and fast, at present, competition between the various browsers is day by day white-hot, yet the unification between the product is but very serious, to in numerous browsers, show one's talent, except making great efforts to promote Kernel Technology, the optimal speed, must devote more time and energy in user interface (UI) details and user's experience.When loading the Web page, can realize by gesture current most of smart machine the effect of right cunning when advancing (browser load new page or) or left cunning (when browser retreats), do not realize right cunning or left slip picture effect on the present Android platform browser yet, and can't realize this animation effect when operating with normal remote control on the intelligent TV set, so the user during the intelligent TV set online experiences not good.
Summary of the invention
The objective of the invention is to overcome the shortcoming that present Android platform browser can't be realized right cunning or left slip picture effect, a kind of slip loading method based on the Android platform browser Web page is provided.
The present invention solves its technical matters, and the technical scheme of employing is that the slip loading method based on the Android platform browser Web page is characterized in that, may further comprise the steps:
Step 1, triggering browser begin the load page event;
Step 2, start-of-record load page time and current network address, initialization slip parameter;
Step 3, empty the assembly of the demonstration image in the father's layout that is added on the current web page view;
Step 4, catch the current page picture, this picture is loaded assembly to a newly-generated demonstration image, and the assembly of this demonstration image is added to the superiors of father's layout of current web page view;
Step 5, system need to judge whether the slip Web page loading, if then enter next step, if not then do not process;
Step 6, call slip load page function and realize slip load page animation, the complete rear demonstration current web page view of slip page animation.
Concrete, in the step 2, described initialization slip parameter comprises that the change of initialization webpage view is designated vacation, and the initialization page slides to load to finish and is designated vacation, and whether slide in the initialization load page End Event loaded page iden-tity.
Further, in the step 3, described current web page view is the webpage view that wish shows.
Concrete, in the step 4, described current page is that the load page event begins the front shown page.
Further, whether in the step 2, it is false sliding in the initialization load page End Event and loading page iden-tity, and then step 5 may further comprise the steps:
Step 51, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 52;
Step 52, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 53;
Step 53, judge whether webpage view changes sign is true, if then enter step 6, if not then do not process.
Concrete, in the step 2, whether slide in the initialization load page End Event that to load page iden-tity be false, then step 5 may further comprise the steps:
Step 54, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 55;
Step 55, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 56;
Step 56, the moment judge whether webpage view changes sign is true, if then enter step 6, are very if not then loaded the page iden-tity assignment with whether sliding in the load page End Event, and enter step 57;
Step 57, whether judge time interval between current time and start-of-record load page time greater than 2 seconds, if then entered step 6 interval greater than 2 seconds, if not then wait for.
Further, whether in the step 2, it is true sliding in the initialization load page End Event and loading page iden-tity, and then step 5 may further comprise the steps:
Step 501, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 502;
Step 502, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 503;
Step 503, constantly judge that whether time interval between current time and start-of-record load page time is greater than 2 seconds, if then entered step 6 interval greater than 2 seconds, if not then wait.
Concrete, step 6 may further comprise the steps:
Step 61, call slip load page function;
Step 62, will show that according to user's corresponding selection the assembly of image skids off screen to the right or left;
Step 63, according to user's corresponding selection the current web page view is slipped into screen from the left side or the right of screen.
The invention has the beneficial effects as follows, by above-mentioned slip loading method based on the Android platform browser Web page, can realize that the slip of the Web page loads at the Android platform browser, strengthening the user experiences, and the previous page picture caught during load page lower and add the top layer of father's layout of current web page view in beginning, avoided before the slip load page, just upgrading the Web page.
Embodiment
Below in conjunction with embodiment, describe technical scheme of the present invention in detail.
Slip loading method based on the Android platform browser Web page of the present invention is: at first trigger browser and begin the load page event, then start-of-record load page time and current network address, initialization slip parameter, empty again the assembly of the demonstration image in the father's layout that is added on the current web page view, and catch the current page picture, this picture is loaded assembly to a newly-generated demonstration image, and the assembly of this demonstration image is added to the superiors of father's layout of current web page view, then system need to judge whether the slip Web page loading, if not then do not process, realize slip load page animation, the complete rear demonstration current web page view of slip page animation if then call slip load page function.
Embodiment
In the slip loading method based on the Android platform browser Web page of this example, initialization slip parameter comprises that the change of initialization webpage view is designated vacation, the initialization page slides to load to finish and is designated vacation, and whether do not slide in the initialization load page End Event loaded page iden-tity (or true or false).
At first trigger browser and begin the load page event, then start-of-record load page time and current network address, initialization slip parameter, initialization slip parameter comprises that the change of initialization webpage view is designated vacation, the initialization page slides to load to finish and is designated vacation, whether do not slide in the initialization load page End Event and loaded page iden-tity, empty again the assembly of the demonstration image in the father's layout that is added on the current web page view, here the current web page view refers to the webpage view that wish shows, and catch the current page picture, here current page refers to that the load page event begins the front shown page, this picture is loaded assembly to a newly-generated demonstration image, and the assembly of this demonstration image is added to the superiors of father's layout of current web page view, then system need to judge whether the slip Web page loading, if not then do not process, realize slip load page animation, the complete rear demonstration current web page view of slip page animation if then call slip load page function.
Here, system need to judge whether the slip Web page loading method can for: whether if slide in the initialization load page End Event to load page iden-tity be false, judge then whether the network address that loads current network address and last time is consistent, if then do not process, if not judge then whether sign is finished in page slip loading is false, if not then do not process, if judge that then webpage view changes whether sign is true constantly, realize slip load page animation if then call slip load page function, the complete rear demonstration current web page view of slip page animation, be true if not then do not process or loaded the page iden-tity assignment with whether sliding in the load page End Event, and judge that whether time interval between current time and start-of-record load page time is greater than 2 seconds, realize slip load page animation if then called slip load page function interval greater than 2 seconds, the complete rear demonstration current web page view of slip page animation is if not then wait for.It is true loading page iden-tity if whether do not slide in the initialization load page End Event, judge then whether the network address that loads current network address and last time is consistent, if then do not process, if not judge then whether sign is finished in page slip loading is false, if not then do not process, if constantly judge that then whether time interval between current time and start-of-record load page time is greater than 2 seconds, realize slip load page animation if then called slip load page function interval greater than 2 seconds, the complete rear demonstration current web page view of slip page animation is if not then wait for.
Getting hold of realizes sliding loads the opportunity of the Web page, browser load page End Event after webpage view loads new picture or browser begin webpage view after the load events 2 seconds and change to realize sliding in the new picture event of loading in the audiomonitor and load, load the Web page so that slide more timely, smooth, effectively avoided the loading of blank page simultaneously.
Call slip load page function and realize slip load page animation, the method of the complete rear demonstration current web page view of slip page animation is: at first call slip load page function, then the corresponding selection according to the user will show that the assembly of image skids off screen to the right or left, and the simultaneously corresponding selection according to the user slips into screen with the current web page view from the left side or the right of screen.
Claims (8)
1. based on the slip loading method of the Android platform browser Web page, it is characterized in that, may further comprise the steps:
Step 1, triggering browser begin the load page event;
Step 2, start-of-record load page time and current network address, initialization slip parameter;
Step 3, empty the assembly of the demonstration image in the father's layout that is added on the current web page view;
Step 4, catch the current page picture, this picture is loaded assembly to a newly-generated demonstration image, and the assembly of this demonstration image is added to the superiors of father's layout of current web page view;
Step 5, system need to judge whether the slip Web page loading, if then enter next step, if not then do not process;
Step 6, call slip load page function and realize slip load page animation, the complete rear demonstration current web page view of slip page animation.
2. described slip loading method based on the Android platform browser Web page according to claim 1, it is characterized in that, in the step 2, described initialization slip parameter comprises that the change of initialization webpage view is designated vacation, the initialization page slides to load to finish and is designated vacation, and whether do not slide in the initialization load page End Event loaded page iden-tity.
3. described slip loading method based on the Android platform browser Web page according to claim 2 is characterized in that, in the step 3, described current web page view is the webpage view that wish shows.
4. described slip loading method based on the Android platform browser Web page according to claim 3 is characterized in that, in the step 4, described current page is that the load page event begins the front shown page.
5. described slip loading method based on the Android platform browser Web page according to claim 4 is characterized in that, in the step 2, whether slides in the initialization load page End Event that to load page iden-tity be false, and then step 5 may further comprise the steps:
Step 51, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 52;
Step 52, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 53;
Step 53, judge whether webpage view changes sign is true, if then enter step 6, if not then do not process.
6. described slip loading method based on the Android platform browser Web page according to claim 4 is characterized in that, in the step 2, whether slides in the initialization load page End Event that to load page iden-tity be false, and then step 5 may further comprise the steps:
Step 54, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 55;
Step 55, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 56;
Step 56, the moment judge whether webpage view changes sign is true, if then enter step 6, are very if not then loaded the page iden-tity assignment with whether sliding in the load page End Event, and enter step 57;
Step 57, whether judge time interval between current time and start-of-record load page time greater than 2 seconds, if then entered step 6 interval greater than 2 seconds, if not then wait for.
7. described slip loading method based on the Android platform browser Web page according to claim 4 is characterized in that, in the step 2, whether slides in the initialization load page End Event that to load page iden-tity be true, and then step 5 may further comprise the steps:
Step 501, judge whether the network address that loads current network address and last time is consistent, if then do not process, if not then enter step 502;
Step 502, judge the page slide to load whether finish sign be false, if not then do not process, if then enter step 503;
Step 503, constantly judge that whether time interval between current time and start-of-record load page time is greater than 2 seconds, if then entered step 6 interval greater than 2 seconds, if not then wait.
8. according to claim 5 or 6 or 7 described slip loading methods based on the Android platform browser Web page, it is characterized in that, step 6 may further comprise the steps:
Step 61, call slip load page function;
Step 62, will show that according to user's corresponding selection the assembly of image skids off screen to the right or left;
Step 63, according to user's corresponding selection the current web page view is slipped into screen from the left side or the right of screen.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012103718363A CN102929941A (en) | 2012-09-29 | 2012-09-29 | Sliding loading method for Web page based on Android platform browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012103718363A CN102929941A (en) | 2012-09-29 | 2012-09-29 | Sliding loading method for Web page based on Android platform browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102929941A true CN102929941A (en) | 2013-02-13 |
Family
ID=47644739
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012103718363A Pending CN102929941A (en) | 2012-09-29 | 2012-09-29 | Sliding loading method for Web page based on Android platform browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102929941A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104615738A (en) * | 2015-02-11 | 2015-05-13 | 成都品果科技有限公司 | Remote sync based mobile terminal photo sharing method |
| CN103902293B (en) * | 2014-03-28 | 2017-02-01 | 上海下一代广播电视网应用实验室有限公司 | Android based radio and television network browser middleware system constructing method |
| CN106777355A (en) * | 2017-01-18 | 2017-05-31 | 深圳市华第时代科技有限公司 | The method and device of compatible Apple Macintosh operating system and Android operation system |
| CN107133046A (en) * | 2017-05-11 | 2017-09-05 | 武汉斗鱼网络科技有限公司 | Page building method, device and electric terminal |
| CN108108113A (en) * | 2017-12-19 | 2018-06-01 | 维沃移动通信有限公司 | Webpage switching method and device |
| CN111694624A (en) * | 2019-03-13 | 2020-09-22 | 北京字节跳动网络技术有限公司 | Rollback display processing method, apparatus, device and medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090007017A1 (en) * | 2007-06-29 | 2009-01-01 | Freddy Allen Anzures | Portable multifunction device with animated user interface transitions |
| CN101382862A (en) * | 2007-09-06 | 2009-03-11 | 诚研科技股份有限公司 | Image browsing method and relevant image browsing apparatus thereof |
| CN102214068A (en) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | Control method for page switching display and mobile terminal |
| CN102385473A (en) * | 2010-09-02 | 2012-03-21 | 腾讯科技（深圳）有限公司 | Page switching method and device |
-
2012
- 2012-09-29 CN CN2012103718363A patent/CN102929941A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090007017A1 (en) * | 2007-06-29 | 2009-01-01 | Freddy Allen Anzures | Portable multifunction device with animated user interface transitions |
| CN101382862A (en) * | 2007-09-06 | 2009-03-11 | 诚研科技股份有限公司 | Image browsing method and relevant image browsing apparatus thereof |
| CN102385473A (en) * | 2010-09-02 | 2012-03-21 | 腾讯科技（深圳）有限公司 | Page switching method and device |
| CN102214068A (en) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | Control method for page switching display and mobile terminal |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103902293B (en) * | 2014-03-28 | 2017-02-01 | 上海下一代广播电视网应用实验室有限公司 | Android based radio and television network browser middleware system constructing method |
| CN104615738A (en) * | 2015-02-11 | 2015-05-13 | 成都品果科技有限公司 | Remote sync based mobile terminal photo sharing method |
| CN104615738B (en) * | 2015-02-11 | 2017-10-17 | 成都品果科技有限公司 | A kind of mobile terminal method for picture sharing based on remote synchronization |
| CN106777355A (en) * | 2017-01-18 | 2017-05-31 | 深圳市华第时代科技有限公司 | The method and device of compatible Apple Macintosh operating system and Android operation system |
| CN107133046A (en) * | 2017-05-11 | 2017-09-05 | 武汉斗鱼网络科技有限公司 | Page building method, device and electric terminal |
| CN108108113A (en) * | 2017-12-19 | 2018-06-01 | 维沃移动通信有限公司 | Webpage switching method and device |
| CN108108113B (en) * | 2017-12-19 | 2020-02-18 | 维沃移动通信有限公司 | Webpage switching method and device |
| CN111694624A (en) * | 2019-03-13 | 2020-09-22 | 北京字节跳动网络技术有限公司 | Rollback display processing method, apparatus, device and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102929941A (en) | Sliding loading method for Web page based on Android platform browser | |
| JP6214547B2 (en) | Measuring the rendering time of a web page | |
| US10460016B2 (en) | Method and apparatus for playing multimedia in browser | |
| US20140380375A1 (en) | Page turning method, page turning apparatus and terminal as well as computer readable medium | |
| TWI503771B (en) | Information processing device, display control method, program, memory media | |
| CN104268221A (en) | Page turning method and page turning system based on Ios system WebView | |
| CN104965693A (en) | Video processing method and system | |
| JP2013528304A5 (en) | ||
| JP2012521038A5 (en) | ||
| CN104636162A (en) | Method for performing multimedia management utilizing tags, and associated apparatus and associated computer program product | |
| JP2015502606A (en) | Cross window animation | |
| CN104182133B (en) | Control method by sliding list and device | |
| CN106155639B (en) | Operation interface loading method and device | |
| CN103412782B (en) | Dynamic resource loading method and system based on flash | |
| CN104517307A (en) | Method and device for animation producing | |
| CN104133898A (en) | Method and device for playing video in small window in browser | |
| CN105867805B (en) | Information loading method and electronic equipment | |
| CN105892799A (en) | Terminal interaction operation method and device | |
| CA2940661C (en) | Animating content display | |
| CN105630893B (en) | A kind of display methods and device of group picture title | |
| US20160042721A1 (en) | Display control apparatuses, methods and computer-readable storage mediums | |
| CN109429091A (en) | Promote method, storage medium, electronic equipment and the system of live streaming viewing experience | |
| CN104166559B (en) | Delete the method and device of default desktop | |
| CN106708478B (en) | Scroll view display method and apparatus | |
| US20180012075A1 (en) | Video processing device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130213 |