Nothing Special   »   [go: up one dir, main page]

CN103034683A - Page switching method and device for browser - Google Patents

Page switching method and device for browser Download PDF

Info

Publication number
CN103034683A
CN103034683A CN2012104878336A CN201210487833A CN103034683A CN 103034683 A CN103034683 A CN 103034683A CN 2012104878336 A CN2012104878336 A CN 2012104878336A CN 201210487833 A CN201210487833 A CN 201210487833A CN 103034683 A CN103034683 A CN 103034683A
Authority
CN
China
Prior art keywords
bitmap
page
browser window
page switching
mouse
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.)
Granted
Application number
CN2012104878336A
Other languages
Chinese (zh)
Other versions
CN103034683B (en
Inventor
曹龙
张鹏翼
任寰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd, Qizhi Software Beijing Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201210487833.6A priority Critical patent/CN103034683B/en
Publication of CN103034683A publication Critical patent/CN103034683A/en
Application granted granted Critical
Publication of CN103034683B publication Critical patent/CN103034683B/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种用于浏览器的页面切换方法和装置,页面切换装置包括:位图合成模块;页面切换模块;所述页面切换模块进一步用于:对所述浏览器窗口设置分界线;侦听所述页面切换事件中的鼠标滑动事件,在浏览器窗口内显示当前标签页的位图与鼠标滑动方向相反方向相邻标签页的位图的合成位图;当鼠标滑动过程中的鼠标坐标位置由所述分界线的一侧滑动到另一侧时,使所述相邻标签页完全切换到所述浏览器窗口中进行显示。通过本发明实现了相邻标签页之间的切换,实现了切换前后的页面之间的关联、实现了页面切换过程的缓冲,使得用户在切换过程中对页面切换进行进一步的控制。

Figure 201210487833

The present application discloses a page switching method and device for a browser. The page switching device includes: a bitmap synthesis module; a page switching module; the page switching module is further used for: setting a boundary for the browser window; Listen to the mouse sliding event in the page switching event, and display the composite bitmap of the bitmap of the current tab page and the bitmap of the adjacent tab page in the opposite direction of the mouse sliding direction in the browser window; When the coordinate position slides from one side of the dividing line to the other side, the adjacent tab page is completely switched to the browser window for display. The invention realizes switching between adjacent tab pages, realizes association between pages before and after switching, and realizes buffering of page switching process, so that users can further control page switching during switching process.

Figure 201210487833

Description

The page switching method and the device that are used for browser
Technical field
The invention belongs to the web browsing technology field, specifically, relate to a kind of page switching method for browser and device.
Background technology
Browser is the often Software tools of the browsing page of use of people, and the user can pass through in browser address bar input uniform resource position mark URL, or the modes such as hyperlink in the webpage clicking, and accessed web page obtains the information content that comprises in the webpage.For the browser software of supporting that label type is browsed, the user can be in the process of using newly-built Shipping Options Page, and access network address by newly-built Shipping Options Page.
In the situation that browser is opened some Shipping Options Pages, usually need between different browsing pages, switch.But in the present browser, when the user switches to an other Shipping Options Page from current Shipping Options Page, all switch immediately, lack related between the page before and after switching, before and after switching between the page lack buffering, the user can't be in handoff procedure be switched the page and is further controlled.
Summary of the invention
In view of the above problems, the present invention has been proposed in order to a kind of page switching method that is used for browser and corresponding device that overcomes the problems referred to above or solve at least in part or slow down the problems referred to above is provided.
In order to solve the problems of the technologies described above, the application provides a kind of page switching method for browser, comprising: obtain the bitmap of adjacent label page or leaf, and generate synthetic bitmap according to the bitmap of adjacent label page or leaf; Listening to when page handover event occurs, in browser window, show described synthetic bitmap, and carry out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event; Wherein, when listening to generation page handover event, in browser window, show described synthetic bitmap, and carry out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event, further comprise: described browser window is arranged the separatrix; Intercept the mouse slip event in the described page handover event, the synthetic bitmap of the bitmap of the bitmap of the current Shipping Options Page of demonstration and mouse glide direction reverse direction adjacent label page or leaf in browser window; When the mouse coordinates position in the mouse sliding process, switches in the described browser window described adjacent label page or leaf fully and shows during to opposite side by a described marginal Slideslip.
Preferably, in browser window, show described synthetic bitmap, further comprise: the distance of sliding according to mouse and the width of browser window are controlled in the synthetic bitmap that shows in the described browser window, and the bitmap of described adjacent label page or leaf is shared part separately.
Preferably, described method further comprises: the page switch speed when switching between the speed control adjacent label page or leaf according to the mouse slip.
Preferably, bitmap according to the adjacent label page or leaf generates synthetic bitmap, further comprise: the bitmap of splicing adjacent label page or leaf, the height of described synthetic bitmap is identical with the bitmap height of adjacent label page or leaf, and the width of described synthetic bitmap is the width sum of the bitmap of adjacent label page or leaf;
Show described synthetic bitmap in browser window, further comprise: the distance of sliding according to mouse and the width of browser window are controlled at the zone of the described synthetic bitmap that shows in the browser window.
Preferably, generate synthetic bitmap according to the bitmap of adjacent label page or leaf, further comprise: obtain respectively adjacent label page or leaf part to be shown in browser window; Intercept respectively described part bitmap to be shown; Part bitmap to be shown by described intercepting generates synthetic bitmap.
In order to solve the problems of the technologies described above, the application provides a kind of page switching device shifter for browser, comprises, the bitmap synthesis module is used for obtaining the bitmap of adjacent label page or leaf, and generates synthetic bitmap according to the bitmap of adjacent label page or leaf; Page handover module is used for showing described synthetic bitmap listening to when page handover event occurs in browser window, and carries out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event; Described page handover module is further used for: described browser window is arranged the separatrix; Intercept the mouse slip event in the described page handover event, the synthetic bitmap of the bitmap of the bitmap of the current Shipping Options Page of demonstration and mouse glide direction reverse direction adjacent label page or leaf in browser window; When the mouse coordinates position in the mouse sliding process, switches in the described browser window described adjacent label page or leaf fully and shows during to opposite side by a described marginal Slideslip.
Preferably, described bitmap synthesis module is further used for splicing the bitmap of adjacent label page or leaf, and the height of described synthetic bitmap is identical with the bitmap height of adjacent label page or leaf, and the width of described synthetic bitmap is the width sum of the bitmap of adjacent label page or leaf; Described page handover module, when also being used for showing described synthetic bitmap in browser window, the distance of sliding according to mouse and the width of browser window are controlled at the zone of the described synthetic bitmap that shows in the described browser window.
Preferably, described bitmap synthesis module also be used for obtaining respectively the adjacent label page or leaf in browser window part to be shown, respectively intercept described part bitmap to be shown, generate synthetic bitmap by the part bitmap to be shown of described intercepting.
Implementation according to the present invention has strengthened the association between the page before and after switching, has realized certain buffering between the switching between the page of front and back, further controls so that the user can be in handoff procedure be switched the page.In addition, implementation according to the present invention will obtain the adjacent label page or leaf of current Shipping Options Page before user's switching command, and the processing of synthesizing bitmap, thereby reaction velocity is very fast when switching, and has improved switch speed.
Above-mentioned explanation only is the general introduction of technical solution of the present invention, for can clearer understanding technological means of the present invention, and can be implemented according to the content of instructions, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Description of drawings
By reading hereinafter detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing only is used for the purpose of preferred implementation is shown, and does not think limitation of the present invention.And in whole accompanying drawing, represent identical parts with identical reference symbol.In the accompanying drawings:
Fig. 1 is the page switching method schematic flow sheet that the embodiment of the invention one is used for browser;
Fig. 2 is the schematic flow sheet of the step S103 of the page switching method for browser shown in Figure 1;
Fig. 3 is that the step S103 browser window of the page switching method for browser shown in Figure 1 changes schematic diagram;
Fig. 4 is that synthetic bitmap shows schematic diagram in the embodiment of the invention two;
Fig. 5 is for generating the schematic flow sheet of synthetic bitmap for the embodiment of the invention three;
Fig. 6 is that embodiment of the invention four-function is in the structural representation of the page switching device shifter of browser;
Fig. 7 is the structural representation that the embodiment of the invention five is used for the page switching device shifter of browser.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in the accompanying drawing, yet should be appreciated that and to realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order to understand the disclosure more thoroughly that these embodiment are provided, and can with the scope of the present disclosure complete convey to those skilled in the art.The variation of existing web page element and be subject to the restriction of Computer Processing speed, network speed, render time is often longer when showing new web page, therefore consider when the page switches, not open at once target pages, give the surge time of one section of target pages, be used for webpage and play up consumption; At this section in surge time, whether consideration can to allow the user understand browser current in the progress of the response of switching and current switching if being simulated the exhibition formula for change action itself, this simulation shows is considered the direct modeling page, whether the direct modeling page is equivalent to allow the user directly see the page preview of switching front and back, can allow the to be switched page of user's identification directly perceived correct; And the association between page when can also embody the page switches is showed in this imagery.
Among the following embodiment of the present invention, generate synthetic bitmap by the bitmap according to the adjacent label page or leaf; When listening to generation page handover event, in browser window, show described synthetic bitmap, and realized switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event, support the user in handoff procedure, the adjacent page of switching to be operated.
The first embodiment
As shown in Figure 1, be used for the page switching method schematic flow sheet of browser for the embodiment of the invention one, in the present embodiment, the page switching method that is used for browser comprises:
Step S101, obtain the bitmap of adjacent label page or leaf, and generate synthetic bitmap according to the bitmap of adjacent label page or leaf;
When obtaining the bitmap of adjacent label page or leaf, in short, draw corresponding bitmap according to the content of pages of adjacent label page or leaf.
Specifically, can be according to the browser of different kernels in different ways.Such as, for the browser at the chrome kernel, created a memory bitmap in (render) process as drawing the object that the user draws in the canvas(chrome code playing up), allow the render process repaint one time, thereby obtained the web page bitmap of arbitrary Shipping Options Page in the adjacent label page or leaf.For under the IE kernel, can use the Draw function of IviewObject interface that content of pages is plotted in the memory bitmap, thereby obtain the web page bitmap of arbitrary Shipping Options Page in the adjacent label page or leaf.
In the present embodiment, can take to keep the height of the corresponding bitmap of adjacent label page or leaf constant, and directly the corresponding bitmap of adjacent label page or leaf is carried out width continue to generate synthetic bitmap; Perhaps, also can be for part to be shown in the adjacent label page or leaf, and generate synthetic bitmap according to part bitmap to be shown.See following embodiment two and embodiment three records for details.
Step S103, listening to when page handover event occurs, in browser window, show described synthetic bitmap, and carry out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event.
In the present embodiment, as shown in Figure 2, be the schematic flow sheet of the step S103 of the page switching method for browser shown in Figure 1, step S103 may further include:
Step S1031, described browser window is arranged the separatrix; This separatrix can be the neutrality line between adjacent two Shipping Options Pages, also can be the neutrality line of whole screen, perhaps other any suitable lines.
Step S1033, intercept the mouse slip event in the described page handover event, the synthetic bitmap of the bitmap of in browser window, the slide bitmap that shows current Shipping Options Page and mouse glide direction reverse direction adjacent label page or leaf.
For example, mouse glide direction level is identified being intended that of user at this moment the page is slided left, thereby switch to the adjacent page in current Shipping Options Page right side left; Therefore need to be at the synthetic bitmap of the bitmap of in browser window, the slide bitmap that shows current Shipping Options Page and right side adjacent label page or leaf.
Step S1035, during to opposite side, described adjacent label page or leaf is switched in the described browser window fully show by a described marginal Slideslip when the mouse coordinates position in the mouse sliding process.
For example, when mouse glide direction along continuous straight runs from left to right, when sliding into the right side from the left side of the neutrality line between separatrix such as adjacent two Shipping Options Pages, the synthetic bitmap of the bitmap of the bitmap of the current Shipping Options Page of demonstration and left side adjacent label page or leaf shows so that the adjacent label page or leaf switches in the described browser window fully in described browser window.
In the present embodiment, among the step S103, the distance of sliding according to mouse and the width of browser window are controlled in the synthetic bitmap that shows in the browser window, and the bitmap of described adjacent label page or leaf is shared part separately.Particularly, in the synthetic bitmap that the distance that can slide according to mouse and the proportional control of the width of browser window show in described browser window, the bitmap of described adjacent label page or leaf is shared ratio separately.
As shown in Figure 3, for the step S103 browser window of the page switching method for browser shown in Figure 1 changes schematic diagram, with the neutrality line 3 between adjacent two Shipping Options Pages 1 and the Shipping Options Page 2 as the separatrix, determine that according to the mouse slip event user carries out the operation that switches to Shipping Options Page 2 from Shipping Options Page 1, then at the synthetic bitmap 5 of the bitmap of browser window 4 interior display label pages or leaves 1 and Shipping Options Page 2.For example, when mouse glide direction along continuous straight runs from right to left, when sliding into the left side from the right side of the neutrality line between separatrix such as adjacent two Shipping Options Pages, detecting the user is the operation that switches to Shipping Options Page 2 from Shipping Options Page 1 carrying out, then in described browser window, show the synthetic bitmap of adjacent label page or leaf, show so that Shipping Options Page 2 switches in the described browser window fully.
In the present embodiment, when switching, the page switch speed when switching between the speed control adjacent label page or leaf that can also slide according to mouse.For example, if user's operating mouse makes the mouse sliding speed fast, page switch speed is faster, and the speed that sliding speed and the page switch can be linearity, power, exponential relationship etc.Thus, can support that just the user controls the conversion process of the page.Furthermore, the user is sliding mouse in the other direction, thereby returns page blocked operation just now, thus, the scheme that this case proposes supports the user to the further control operation in the process of page conversion, with the operating flexibility that promotes the user and controlled to handoff procedure.
When the switching of adjacent label page or leaf, if the user need to switch to another Shipping Options Page that is adjacent from current Shipping Options Page, can pass through operating mouse, so that cursor moves the separatrix from a marginal side direction opposite side, can know from current Shipping Options Page this moment to switch to another Shipping Options Page, in described browser window, show the synthetic bitmap of adjacent label page or leaf; Detect simultaneously the speed that mouse slides, and obtain accordingly the speed that the page switches, the synthetic bitmap of speed control that switches according to the page that obtains rolls to another Shipping Options Page, when according to mouse action, when cursor moves by side to opposite side from marginal one, another Shipping Options Page is switched in the described browser window fully show.
The second embodiment
For the ease of realizing step S101 and the S103 among above-mentioned Fig. 1, it may further include:
Step S101 shown in Fig. 1 may further include: the bitmap of splicing adjacent label page or leaf, and the height of described synthetic bitmap is identical with the bitmap height of adjacent label page or leaf, and the width of described synthetic bitmap is the width sum of the bitmap of adjacent label page or leaf;
Described synthetic bitmap can be called circle of equal altitudes, if the lateral dimension of browser display window is 1024 pixels, the lateral dimension of the synthetic bitmap of two Shipping Options Page bitmaps just is 2048 pixels.
Step S103 shown in Fig. 1 may further include: starting point and the side-play amount of the described synthetic bitmap that the distance of sliding according to mouse and the width control of browser window are shown.
By the distance that mouse in the detecting mouse sliding process slides at browser window, the viewing area of the synthetic bitmap of control, specifically starting point and the side-play amount of the synthetic bitmap of control.For example can utilize the api interface of Window directly to realize, as follows in detail:
Figure BDA00002469088100071
As shown in Figure 4, for synthetic bitmap in the embodiment of the invention two shows schematic diagram, neutrality line 3 between adjacent two Shipping Options Pages 1 and Shipping Options Page 2 is as the separatrix, determine that according to the mouse slip event user carries out the operation that switches to Shipping Options Page 2 from Shipping Options Page 1, then at the synthetic bitmap 5 of the bitmap of browser window 4 interior display label pages or leaves 1 and Shipping Options Page 2, because synthetic bitmap is circle of equal altitudes.Therefore, according to the distance of mouse-over and the size of browser window, the bitmap 1 ' and 2 ' of determining Shipping Options Page 1 and Shipping Options Page 2 shared displaying ratio in browser window can show synthetic bitmap in browser window.For example, when mouse glide direction along continuous straight runs from right to left, when sliding into the left side from the right side of the neutrality line between separatrix such as adjacent two Shipping Options Pages, detecting the user is the operation that switches to Shipping Options Page 2 from Shipping Options Page 1 carrying out, and then shows the bitmap 1 ' of adjacent label page or leaf and 2 ' synthetic bitmap in described browser window.
The method that generates synthetic bitmap in the present embodiment realizes simple, the bitmap that only need to draw the adjacent label page or leaf remerges and gets final product, but because synthetic bitmap is equivalent to the size of two bitmaps identical with the browser display window size, and bitmap size is larger, the shared storage space of bitmap itself is also larger, large like this bitmap shows need to take more internal memory, larger for the consumption of performance.
The 3rd embodiment
As shown in Figure 5, generate the schematic flow sheet of synthetic bitmap for the embodiment of the invention three, different from the scheme of the contour synthetic bitmap of above-mentioned generation in order to take full advantage of resource, the step 101 in above-described embodiment one also may further include:
Step S1011, obtain adjacent label page or leaf part to be shown in browser window respectively;
When generating synthetic bitmap, only need to use the part zone of each adjacent Shipping Options Page content, not need to use the complete bitmap of each adjacent Shipping Options Page.The situation that mouse moved when this moment can be according to slide handover calculates the part that the adjacent label page or leaf will show respectively in real time in browser window.For example, in conjunction with Fig. 3, if with the neutrality line 3 between adjacent two Shipping Options Pages 1 and the Shipping Options Page 2 as the separatrix, determine that according to the mouse slip event user carries out the operation that switches to Shipping Options Page 2 from Shipping Options Page 1, when mouse glide direction along continuous straight runs from right to left, when sliding into the left side from the right side of the neutrality line between separatrix such as adjacent two Shipping Options Pages, detecting the user is the operation that switches to Shipping Options Page 2 from Shipping Options Page 1 carrying out, the synthetic bitmap that then in described browser window, shows part bitmap to be shown in the adjacent label page or leaf, rather than Shipping Options Page 1, the synthetic bitmap of the corresponding bitmap of Shipping Options Page 2 whole Shipping Options Pages.
Step S1013, intercept part bitmap to be shown respectively;
Draw respectively and obtain adjacent label page or leaf bitmap separately, intercept out corresponding part bitmap according to part to be shown on each bitmap;
Step S1015, generate synthetic bitmap by the part bitmap to be shown of intercepting.
Intercepting two part bitmaps are out pieced together a final bitmap that shows.Size that should synthetic bitmap can with the in the same size of former Shipping Options Page bitmap.
The method that generates synthetic bitmap in the present embodiment is to take full advantage of system resource, and in real time intercepting generates synthetic bitmap, so that the size of bitmap has obtained good control, consumption for system resource is less, but because the situation that mouse moves need to be according to slide handover the time generates bitmap in real time, comparatively complicated in the realization.
The 4th embodiment
As shown in Figure 6, be the structural representation of embodiment of the invention four-function in the page switching device shifter of browser.
Described page switching device shifter for browser comprises: bitmap synthesis module 601 and page handover module 602, wherein,
Bitmap synthesis module 601 is used for obtaining the bitmap of adjacent label page or leaf, and generates synthetic bitmap according to the bitmap of adjacent label page or leaf; Described bitmap synthesis module 601 can be image processor, is used for drafting, the intercepting, synthetic of special disposal figure, and the present invention is not limited to this;
Page handover module 602, be used for when listening to generation page handover event, in browser window, show described synthetic bitmap, and carry out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event, when wherein in browser window, showing described synthetic bitmap, the distance of sliding according to mouse and the width of browser window are controlled in the synthetic bitmap that shows in the described browser window, and the bitmap of described adjacent label page or leaf is shared part separately; Page switch speed when switching between the speed control adjacent label page or leaf that page handover module 602 also is used for sliding according to mouse; Described page handover module 602 can be central processing unit, is used for the managing image processor, and the enforcement of the demonstration of intercepting, synthesizing bitmap of responsible mouse event and page switching, and the present invention is not limited to this;
Certainly, selectively, the present invention can also comprise storer, and described storer can be internal memory or buffer memory, is used for the described synthetic bitmap of interim storage so that central processing unit calls.
In the embodiment of the invention four, bitmap synthesis module 601 also is used for the bitmap of splicing adjacent label page or leaf, and the height of described synthetic bitmap is identical with the bitmap height of adjacent label page or leaf, and the width of described synthetic bitmap is the width sum of the bitmap of adjacent label page or leaf;
In the embodiment of the invention four, when page handover module 602 also is used for showing described synthetic bitmap in browser window, be controlled at the described synthetic bitmap region that shows in the described browser window according to the distance of mouse slip and the width of browser window.
In the embodiment of the invention four, that bitmap synthesis module 601 can also be used for is aobvious, obtain respectively the adjacent label page or leaf in browser window part to be shown, intercept described part bitmap to be shown respectively; And be used for generating synthetic bitmap by the part bitmap to be shown of described intercepting.
In the embodiment of the invention four, described page handover module 602 is further used for described browser window is arranged the separatrix, intercepts the mouse slip event in the described page handover event, the synthetic bitmap of the bitmap of the bitmap of the current Shipping Options Page of demonstration and mouse glide direction reverse direction adjacent label page or leaf in browser window; And be used for mouse coordinates position when the mouse sliding process and, described adjacent label page or leaf switched in the described browser window fully show during to opposite side by a described marginal Slideslip.
The 5th embodiment
As shown in Figure 7, the structural representation that is used for the page switching device shifter of browser for the embodiment of the invention five.
Described page switching device shifter for browser comprises: image processor 701, storer 702 and central processing unit 703, wherein,
Image processor 701 is used for obtaining the bitmap of adjacent label page or leaf, and generates synthetic bitmap according to the bitmap of adjacent label page or leaf;
Storer 702 is used for the described synthetic bitmap of interim storage;
Central processing unit 703 is used for showing described synthetic bitmap listening to when page handover event occurs in browser window, and carries out switching between the adjacent label page or leaf in conjunction with the page handoff parameter of described page handover event.
The feature of above device embodiment is mutually corresponding with the feature of embodiment of the method, but weak point reference method embodiment.
All parts embodiment of the present invention can realize with hardware, perhaps realizes with the software module of moving at one or more processor, and perhaps the combination with them realizes.It will be understood by those of skill in the art that and to use in practice microprocessor or digital signal processor (DSP) to realize according to some or all some or repertoire of parts in the equipment of the embodiment of the invention.The present invention can also be embodied as be used to part or all equipment or the device program (for example, computer program and computer program) of carrying out method as described herein.Such realization program of the present invention can be stored on the computer-readable medium, perhaps can have the form of one or more signal.Such signal can be downloaded from internet website and obtain, and perhaps provides at carrier signal, perhaps provides with any other form.
For example, Fig. 7 shows and can realize comprising computer program or the computer-readable medium of storer 802 forms according to the page switching device shifter for browser of the present invention.Storer 702 can be such as flash memory, EEPROM(Electrically Erasable Read Only Memory), the electronic memory EPROM, hard disk or the ROM.Storer 702 has the storage space for the program code of any method step of carrying out said method.For example, the storage space that is used for program code can comprise each program code of the various steps that are respectively applied to realize top method.These program codes can be read or be written to from one or more computer program in this one or more computer program.These computer programs comprise such as hard disk, the program code carrier of compact-disc (CD), storage card or floppy disk and so on.Such computer program is generally portable or static memory cell.Program code can for example compress with appropriate format.Usually, storage unit comprises computer-readable code, namely can be by the code that for example reads such as processor, and these codes cause this server to carry out each step in the method described above when being moved by server.
Alleged " embodiment ", " embodiment " or " one or more embodiment " mean herein, and special characteristic, structure or the characteristic described in conjunction with the embodiments comprise at least one embodiment of the present invention.In addition, the word example that note that here " in one embodiment " not necessarily refers to same embodiment entirely.
In the instructions that provides herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can be in the situation that there be these details to be put into practice.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation of the scope that does not break away from claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed in element or step in the claim.Being positioned at word " " before the element or " one " does not get rid of and has a plurality of such elements.The present invention can realize by means of the hardware that includes some different elements and by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to come imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title with these word explanations.
In addition, shall also be noted that the language that uses in this instructions mainly selects for purpose readable and instruction, rather than select in order to explain or to limit theme of the present invention.Therefore, in the situation of the scope and spirit that do not depart from appended claims, many modifications and changes all are apparent for those skilled in the art.For scope of the present invention, be illustrative to disclosing of doing of the present invention, and nonrestrictive, scope of the present invention is limited by appended claims.

Claims (10)

1.一种用于浏览器的页面切换方法,其中,包括:1. A page switching method for a browser, comprising: 获取相邻标签页的位图,并根据相邻标签页的位图生成合成位图;Obtain the bitmap of the adjacent tab page, and generate a composite bitmap based on the bitmap of the adjacent tab page; 在侦听到发生页面切换事件时,在浏览器窗口内显示所述合成位图,并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换;When detecting that the page switching event occurs, display the composite bitmap in the browser window, and switch between adjacent tab pages in conjunction with the page switching parameters of the page switching event; 其中,在侦听到发生页面切换事件时,在浏览器窗口内显示所述合成位图,并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换,进一步包括:Wherein, when the page switching event is detected, displaying the synthesized bitmap in the browser window, and switching between adjacent tab pages in conjunction with the page switching parameters of the page switching event, further comprising: 对所述浏览器窗口设置分界线;Setting a demarcation line on the browser window; 侦听所述页面切换事件中的鼠标滑动事件,在浏览器窗口内显示当前标签页的位图与鼠标滑动方向相反方向相邻标签页的位图的合成位图,Listening to the mouse sliding event in the page switching event, displaying the composite bitmap of the bitmap of the current tab page and the bitmap of the adjacent tab page in the opposite direction of the mouse sliding direction in the browser window, 当鼠标滑动过程中的鼠标坐标位置由所述分界线的一侧滑动到另一侧时,使所述相邻标签页完全切换到所述浏览器窗口中进行显示。When the mouse coordinate position in the sliding process of the mouse slides from one side of the boundary line to the other side, the adjacent tab pages are completely switched to the browser window for display. 2.根据权利要求1所述的方法,其中,2. The method of claim 1, wherein, 在浏览器窗口内显示所述合成位图,进一步包括:根据鼠标滑动的距离以及浏览器窗口的宽度控制在所述浏览器窗口中显示的合成位图中,所述相邻标签页的位图各自所占的部分。Displaying the synthesized bitmap in the browser window further includes: controlling the synthesized bitmap displayed in the browser window according to the distance of the mouse sliding and the width of the browser window, the bitmap of the adjacent tab page respective portion. 3.根据权利要求1所述的方法,其中,3. The method of claim 1, wherein, 依照鼠标滑动的速度控制相邻标签页之间切换的页面切换速度。Control the page switching speed of switching between adjacent tabs according to the speed of mouse sliding. 4.根据权利要求1所述的方法,根据相邻标签页的位图生成合成位图,其中,进一步包括:4. The method according to claim 1, generating a synthetic bitmap according to the bitmaps of adjacent tab pages, wherein, further comprising: 拼接相邻标签页的位图,所述合成位图的高度与相邻标签页的位图高度相同,所述合成位图的宽度为相邻标签页的位图的宽度之和;Stitching the bitmaps of the adjacent tab pages, the height of the composite bitmap is the same as the height of the bitmaps of the adjacent tab pages, and the width of the composite bitmap is the sum of the widths of the bitmaps of the adjacent tab pages; 在浏览器窗口内显示所述合成位图,进一步包括:displaying the composite bitmap within a browser window, further comprising: 根据鼠标滑动的距离以及浏览器窗口的宽度控制在浏览器窗口内显示的所述合成位图的区域。The area of the synthesized bitmap displayed in the browser window is controlled according to the sliding distance of the mouse and the width of the browser window. 5.根据权利要求1所述的方法,根据相邻标签页的位图生成合成位图,其中,进一步包括:5. The method according to claim 1, generating a synthetic bitmap according to the bitmaps of adjacent tab pages, wherein, further comprising: 分别获取相邻标签页在浏览器窗口中待显示的部分;Respectively obtain the parts to be displayed in the browser window of adjacent tab pages; 分别截取所述待显示的部分位图;Respectively intercepting the partial bitmaps to be displayed; 由所述截取的待显示部分位图生成合成位图。A composite bitmap is generated from the intercepted part of the bitmap to be displayed. 6.一种用于浏览器的页面切换装置,包括,6. A page switching device for a browser, comprising: 位图合成模块,用于获取相邻标签页的位图,并根据相邻标签页的位图生成合成位图;The bitmap synthesis module is used to obtain the bitmap of the adjacent tab page, and generate a composite bitmap according to the bitmap of the adjacent tab page; 页面切换模块,用于在侦听到发生页面切换事件时,在浏览器窗口内显示所述合成位图,并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换;The page switching module is used to display the synthesized bitmap in the browser window when a page switching event occurs, and switch between adjacent tabs in conjunction with the page switching parameters of the page switching event; 所述页面切换模块,进一步用于:The page switching module is further used for: 对所述浏览器窗口设置分界线;侦听所述页面切换事件中的鼠标滑动事件,在浏览器窗口内显示当前标签页的位图与鼠标滑动方向相反方向相邻标签页的位图的合成位图;The demarcation line is set for the browser window; the mouse sliding event in the page switching event is listened to, and the bitmap of the current tab page is displayed in the browser window and the synthesis of the bitmap of the adjacent tab page in the opposite direction of the mouse sliding direction bitmap; 当鼠标滑动过程中的鼠标坐标位置由所述分界线的一侧滑动到另一侧时,使所述相邻标签页完全切换到所述浏览器窗口中进行显示。When the mouse coordinate position in the sliding process of the mouse slides from one side of the boundary line to the other side, the adjacent tab pages are completely switched to the browser window for display. 7.根据权利要求6所述的页面切换装置,其中,7. The page switching device according to claim 6, wherein, 所述页面切换模块,还用于在浏览器窗口内显示所述合成位图时,根据鼠标滑动的距离以及浏览器窗口的宽度控制,在所述浏览器窗口中显示的合成位图中,所述相邻标签页的位图各自所占的部分。The page switching module is also used for displaying the synthesized bitmap in the browser window, according to the sliding distance of the mouse and the width control of the browser window, in the synthesized bitmap displayed in the browser window, the The portion of the bitmap that describes adjacent tab pages. 8.根据权利要求6所述的页面切换装置,其中,8. The page switching device according to claim 6, wherein, 所述页面切换模块,还用于依照鼠标滑动的速度控制相邻标签页之间切换时的页面切换速度。The page switching module is also used to control the page switching speed when switching between adjacent tab pages according to the sliding speed of the mouse. 9.根据权利要求6所述的页面切换装置,其中,9. The page switching device according to claim 6, wherein, 所述位图合成模块,进一步用于拼接相邻标签页的位图,所述合成位图的高度与相邻标签页的位图高度相同,所述合成位图的宽度为相邻标签页的位图的宽度之和;The bitmap synthesis module is further used to splice the bitmaps of adjacent tab pages, the height of the composite bitmap is the same as the height of the bitmap of the adjacent tab pages, and the width of the composite bitmap is the width of the adjacent tab pages the sum of the widths of the bitmaps; 所述页面切换模块,还用于在浏览器窗口内显示所述合成位图时,根据鼠标滑动的距离以及浏览器窗口的宽度控制在所述浏览器窗口内显示的所述合成位图的区域。The page switching module is also used to control the area of the synthesized bitmap displayed in the browser window according to the distance of the mouse sliding and the width of the browser window when displaying the synthesized bitmap in the browser window . 10.根据权利要求6所述的页面切换装置,其中,所述位图合成模块,还用于:10. The page switching device according to claim 6, wherein the bitmap synthesis module is also used for: 分别获取相邻标签页在浏览器窗口中待显示的部分;Respectively obtain the parts to be displayed in the browser window of adjacent tab pages; 分别截取所述待显示的部分位图;Respectively intercepting the partial bitmaps to be displayed; 由所述截取的待显示部分位图生成合成位图。A composite bitmap is generated from the intercepted part of the bitmap to be displayed.
CN201210487833.6A 2012-11-26 2012-11-26 Page switching method and device for browser Expired - Fee Related CN103034683B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210487833.6A CN103034683B (en) 2012-11-26 2012-11-26 Page switching method and device for browser

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210487833.6A CN103034683B (en) 2012-11-26 2012-11-26 Page switching method and device for browser

Publications (2)

Publication Number Publication Date
CN103034683A true CN103034683A (en) 2013-04-10
CN103034683B CN103034683B (en) 2016-12-21

Family

ID=48021578

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210487833.6A Expired - Fee Related CN103034683B (en) 2012-11-26 2012-11-26 Page switching method and device for browser

Country Status (1)

Country Link
CN (1) CN103034683B (en)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103390053A (en) * 2013-07-26 2013-11-13 贝壳网际(北京)安全技术有限公司 Page switching control method and device of browser and client
CN104216606A (en) * 2013-06-05 2014-12-17 北京齐尔布莱特科技有限公司 WebView page turning special effect method based on Android operation system
CN104991695A (en) * 2015-06-15 2015-10-21 联想(北京)有限公司 Information processing method and electronic equipment
CN105022756A (en) * 2014-04-29 2015-11-04 腾讯科技(深圳)有限公司 Web page display method and web page display device
CN105022567A (en) * 2014-04-30 2015-11-04 惠州市德赛西威汽车电子股份有限公司 Method for interface switching through mouse dragging and sliding
CN105094627A (en) * 2015-07-13 2015-11-25 北京金山安全软件有限公司 Browser page control method and device
WO2017041682A1 (en) * 2015-09-09 2017-03-16 北京奇虎科技有限公司 Method and device for handling a conflict between slide events
CN106886392A (en) * 2015-12-16 2017-06-23 天脉聚源(北京)科技有限公司 A kind of mobile terminal page height fixing means and system
CN107678637A (en) * 2017-09-14 2018-02-09 广州神马移动信息科技有限公司 Method, equipment, browser and the electronic equipment of handoff options card
CN110971959A (en) * 2018-09-30 2020-04-07 武汉斗鱼网络科技有限公司 Display method, storage medium, electronic device and system for preventing abrupt change of picture
CN114528807A (en) * 2022-01-26 2022-05-24 北京飞书科技有限公司 Information processing method, device, terminal and storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101533350A (en) * 2009-04-03 2009-09-16 深圳市宝捷信科技有限公司 Quick switching method for pages
CN102169411A (en) * 2011-03-21 2011-08-31 广州市动景计算机科技有限公司 Multiwindow switching method and device of touch screen terminal
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
US20120084326A1 (en) * 2010-10-01 2012-04-05 Sony Corporation Centralized multimedia access
CN102541515A (en) * 2010-12-08 2012-07-04 腾讯科技(深圳)有限公司 Method and device for realizing special screen switching effect
CN103019557A (en) * 2012-11-26 2013-04-03 北京奇虎科技有限公司 Page switching method and device

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101533350A (en) * 2009-04-03 2009-09-16 深圳市宝捷信科技有限公司 Quick switching method for pages
CN102385473A (en) * 2010-09-02 2012-03-21 腾讯科技(深圳)有限公司 Page switching method and device
US20120084326A1 (en) * 2010-10-01 2012-04-05 Sony Corporation Centralized multimedia access
CN102541515A (en) * 2010-12-08 2012-07-04 腾讯科技(深圳)有限公司 Method and device for realizing special screen switching effect
CN102169411A (en) * 2011-03-21 2011-08-31 广州市动景计算机科技有限公司 Multiwindow switching method and device of touch screen terminal
CN102214068A (en) * 2011-04-28 2011-10-12 宇龙计算机通信科技(深圳)有限公司 Control method for page switching display and mobile terminal
CN103019557A (en) * 2012-11-26 2013-04-03 北京奇虎科技有限公司 Page switching method and device

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104216606B (en) * 2013-06-05 2018-04-03 北京齐尔布莱特科技有限公司 WebView page turning effect methods based on Android operation system
CN104216606A (en) * 2013-06-05 2014-12-17 北京齐尔布莱特科技有限公司 WebView page turning special effect method based on Android operation system
CN103390053A (en) * 2013-07-26 2013-11-13 贝壳网际(北京)安全技术有限公司 Page switching control method and device of browser and client
CN105022756B (en) * 2014-04-29 2019-06-21 腾讯科技(深圳)有限公司 A kind of Webpage display process and device
CN105022756A (en) * 2014-04-29 2015-11-04 腾讯科技(深圳)有限公司 Web page display method and web page display device
CN105022567A (en) * 2014-04-30 2015-11-04 惠州市德赛西威汽车电子股份有限公司 Method for interface switching through mouse dragging and sliding
CN105022567B (en) * 2014-04-30 2018-06-26 惠州市德赛西威汽车电子股份有限公司 A kind of method by mouse drag slide handover interface
CN104991695A (en) * 2015-06-15 2015-10-21 联想(北京)有限公司 Information processing method and electronic equipment
CN104991695B (en) * 2015-06-15 2019-07-26 联想(北京)有限公司 A kind of information processing method and electronic equipment
CN105094627A (en) * 2015-07-13 2015-11-25 北京金山安全软件有限公司 Browser page control method and device
CN105094627B (en) * 2015-07-13 2018-06-29 北京金山安全软件有限公司 Browser page control method and device
WO2017041682A1 (en) * 2015-09-09 2017-03-16 北京奇虎科技有限公司 Method and device for handling a conflict between slide events
CN106886392A (en) * 2015-12-16 2017-06-23 天脉聚源(北京)科技有限公司 A kind of mobile terminal page height fixing means and system
CN107678637A (en) * 2017-09-14 2018-02-09 广州神马移动信息科技有限公司 Method, equipment, browser and the electronic equipment of handoff options card
CN110971959A (en) * 2018-09-30 2020-04-07 武汉斗鱼网络科技有限公司 Display method, storage medium, electronic device and system for preventing abrupt change of picture
CN114528807A (en) * 2022-01-26 2022-05-24 北京飞书科技有限公司 Information processing method, device, terminal and storage medium

Also Published As

Publication number Publication date
CN103034683B (en) 2016-12-21

Similar Documents

Publication Publication Date Title
CN103034683A (en) Page switching method and device for browser
US11763067B2 (en) User interface for editing web content
CN103019557A (en) Page switching method and device
US20190073120A1 (en) Native overlay for rapid editing of web content
US12175057B2 (en) Switching multimedia content based on a respective act
US9092121B2 (en) Copy and paste experience
US10775971B2 (en) Pinch gestures in a tile-based user interface
US8914496B1 (en) Tracking user behavior relative to a network page
US9329764B2 (en) Overscroll visual effects
US20140082533A1 (en) Navigation Interface for Electronic Content
US9196227B2 (en) Selecting techniques for enhancing visual accessibility based on health of display
US20080307308A1 (en) Creating Web Clips
KR20190136085A (en) On-screen comment display method and electronic device
US20150193120A1 (en) Systems and methods for transforming a user interface icon into an enlarged view
US20160216862A1 (en) Using gestures to deliver content to predefined destinations
JP5976689B2 (en) Task-based address bar and tab scaling
US9792268B2 (en) Zoomable web-based wall with natural user interface
US20150269128A1 (en) Portlet display on portable computing devices
US20190250790A1 (en) Managing content displayed on a touch screen enabled device
CN103582863A (en) Multi-application environment
US20160110035A1 (en) Method for displaying and electronic device thereof
US10572106B2 (en) Method and apparatus for performing URL linkage function using the keypad
JP2017501479A (en) Display page elements
CN106155507A (en) A kind of page content display method and electronic equipment
US20150121264A1 (en) Method, system for controlling dynamic map-type graphic interface and electronic device using the same

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C53 Correction of patent of invention or patent application
CB03 Change of inventor or designer information

Inventor after: Cao Long

Inventor after: Ren Huan

Inventor before: Cao Long

Inventor before: Zhang Pengyi

Inventor before: Ren Huan

COR Change of bibliographic data

Free format text: CORRECT: INVENTOR; FROM: CAO LONG ZHANG PENGYI REN HUAN TO: CAO LONG REN HUAN

C14 Grant of patent or utility model
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20220714

Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015

Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park)

Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Patentee before: Qizhi software (Beijing) Co.,Ltd.

TR01 Transfer of patent right
CF01 Termination of patent right due to non-payment of annual fee
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20161221