CN102779124A - Method and system for obtaining page new information - Google Patents
Method and system for obtaining page new information Download PDFInfo
- Publication number
- CN102779124A CN102779124A CN2011101199856A CN201110119985A CN102779124A CN 102779124 A CN102779124 A CN 102779124A CN 2011101199856 A CN2011101199856 A CN 2011101199856A CN 201110119985 A CN201110119985 A CN 201110119985A CN 102779124 A CN102779124 A CN 102779124A
- Authority
- CN
- China
- Prior art keywords
- browser
- window
- container
- information
- fresh information
- 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
Links
Images
Abstract
The invention discloses a method and a system for obtaining page new information. The method includes that a browser requests a server for a new information content and performs rendering processing to the obtained new information to distinguish the new information from contents which are not updated in the page. According to the method, the new information and read information in the page contents are subjected to vision distinguishing, so that users can conveniently distinguish the read contents from new contents, and the browsing experience of the users is improved.
Description
Technical field
The present invention relates to the computer website designing technique, refer to a kind of method and system of obtaining page fresh information especially.
Background technology
At present, after the dynamic increase of the web page contents of browser or upgrading, browser client can not be distinguished the content of pages after the renewal from content of pages, like this, greatly reduce user's viewing experience.
Summary of the invention
In view of this, fundamental purpose of the present invention is to provide a kind of method and system of obtaining page fresh information, the content and the boundary of fresh content that browser client is distinguished browsed, thereby lifting user's viewing experience.
For achieving the above object, technical scheme of the present invention is achieved in that
A kind of method of obtaining page fresh information comprises:
Browser is to server requests fresh information content;
The fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage.
This method also comprises: said browser is caught the window roll events of user's input; When each window rolls; All new information container objects are scanned; Arrived in advance the assigned address that is provided with in the position that browser calculates judging the relative browser window of container position, reduced painted this fresh information.
The relative browser window of said judgement container position has arrived the assigned address that is provided with in advance and has comprised in the position that browser calculates:
Said browser obtains position, browser window height, the container place window relative position that container belongs to whole webpage position, the whole relatively webpage of window:
It is visible in current window to judge container according to the information that obtains, and whether container has reached in current browsing device window and the assigned address that is provided with in advance.
Said browser comprises to server requests fresh information content:
Said browser uses the ajax technology to server requests new information message;
Described request to the new information message have whether be used to identify be new new information sign.
In said reduction is painted, also comprise: said new information sign is set to be expressed as old message.
A kind of system that obtains page fresh information comprises browser, server at least, wherein,
Browser is used for to server requests fresh information content; The fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage;
Server is used to receive the request from browser, gives browser with the fresh information content feed.
Said browser also is used to catch the window roll events that the user imports, and reduces painted to the fresh information of having read.
Can find out from the technical scheme that the invention described above provides, comprise browser, the fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage to server requests fresh information content.The inventive method is distinguished through carrying out vision to fresh information in the web page contents and read message, the content and the fresh content that the user have been distinguished easily read, thus promoted user's viewing experience.
Description of drawings
Fig. 1 obtains the process flow diagram of the method for page fresh information for the present invention;
Fig. 2 obtains the composition synoptic diagram of the system of page fresh information for the present invention;
Fig. 3 obtains the schematic flow sheet of embodiment of the method for page fresh information for the present invention.
Embodiment
Fig. 1 obtains the process flow diagram of the method for page fresh information for the present invention, and is as shown in Figure 1, comprising:
Step 100: browser is to server requests fresh information content.
In this step, server is all safeguarded a user profile data to each user, is kept in the buffer memory.Browser can use the fresh information content of ajax technology to server requests new information message webpage promptly newly-increased or that upgrade; Comprise ID (ID) in the request msg,, comprised all new informations since last time active user's request message in these data with the index of ID as server access information data; Server finds corresponding message content according to this ID; Return to browser, and empty the new information buffer memory, to guarantee only to keep new information in the buffer memory.
Whether every the new information message that returns to browser all has and is used to identify is new new information sign, is masked as 1 such as new information and is expressed as fresh information, and new information is masked as 0 and is expressed as old message and is the information of having been read.
Wherein, the ajax technology is the webpage development technology that a kind of existing establishment interaction network page is used.
Step 101: the fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage.
This step specifically comprises: browser is according to the new information zone bit of the new information message that obtains; Confirming as the HTML container that the new information zone bit is shown as the new information message place of fresh information plays up painted; Promptly revise the color color attribute of this HTML container; To reach coloring effect, with existing information in the difference webpage.Wherein, the HTML container refer to can beared information the html tag object, concrete play up the conventional techniques means that coloring process belongs to those skilled in the art, and be not used in qualification protection scope of the present invention, repeat no more here.
The inventive method also comprises: browser is caught the window roll events of user's input; When each window rolls; All new information container objects are scanned; The position, browser window height, the container place window relative position that belong to whole webpage position, the whole relatively webpage of window according to the HTML container confirm whether container is visible in current window; And whether container has reached in current browsing device window and the assigned address that is provided with in advance, such as the container relative position that begins to calculate from the window upper left corner in 2/3 etc. of window height.If the relative browser window of container position has arrived in advance the assigned address that is provided with in the position that browser calculates, this fresh information to be reduced painted, the new information sign was set to be expressed as old message and was the information of having been read this moment.
The method of confirming is: obtain webpage overall height (using the scrollHeight attribute of the body label among the HTML); Obtain the position (the scrollTop attribute of body label) of current window with respect to webpage; Obtain window height (the window.innerheight attribute in the dom object); Thereby obtain being between the window viewing area [body.scrollTop; Window.innerheight+body.scrollTop], and then the position of acquisition window assigned address in full page is window.innerheight* (2/3)+body.scrollTop.
Example: suppose that the webpage overall height is 1000 (calculating according to pixels; The height of mentioning later on is all like this), the current window upper left corner with respect to webpage at 200 places, the current window height is 600; Then the current window indication range is [200; 800], window top position (200)+window height (600)=800, then 2/3 place of window is 600.Then 1) if webpage position, container A place greater than 600, then this container color is kept intact; 2) if webpage position, container A place smaller or equal to 600, and this container has the new information sign, then painted to this container reduction, the expression user reads or reads;
The inventive method is distinguished through carrying out vision to fresh information in the web page contents and read message, the content and the fresh content that the user have been distinguished easily read, thus promoted user's viewing experience.
To the inventive method a kind of system that obtains page fresh information is provided also, as shown in Figure 2, comprise browser, server at least, wherein,
Browser is used for to server requests fresh information content; The fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage.
Server is used to receive the request from browser, gives browser with the fresh information content feed.
Said browser also is used to catch the window roll events that the user imports, and reduces painted to the fresh information of having read.
Fig. 3 obtains the schematic flow sheet of embodiment of the method for page fresh information for the present invention, as shown in Figure 3, may further comprise the steps:
In this step, when not having the new information message, get into step 309.
Step 307: the position, browser window height, the container place window relative position information that belong to whole webpage position, the whole relatively webpage of window according to the container that obtains; Judged whether that message container is in the browser window predetermined position; If; Then get into step 308, otherwise get into step 309.
Step 308: if it is visible in current window to judge container; And container has reached the assigned address of setting in advance such as 1/3 place of window height in current window; This new information is reduced painted, and its new information sign is set to be expressed as old message and is the information of having been read.
The above is merely preferred embodiment of the present invention, is not to be used to limit protection scope of the present invention, all any modifications of within spirit of the present invention and principle, being done, is equal to replacement and improvement etc., all should be included within protection scope of the present invention.
Claims (7)
1. a method of obtaining page fresh information is characterized in that, comprising:
Browser is to server requests fresh information content;
The fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage.
2. method according to claim 1; It is characterized in that; This method also comprises: said browser is caught the window roll events of user's input, when each window rolls, all new information container objects is scanned; Arrived in advance the assigned address that is provided with in the position that browser calculates judging the relative browser window of container position, reduced painted this fresh information.
3. method according to claim 2 is characterized in that, the relative browser window of said judgement container position has arrived the assigned address that is provided with in advance and comprised in the position that browser calculates:
Said browser obtains position, browser window height, the container place window relative position that container belongs to whole webpage position, the whole relatively webpage of window:
It is visible in current window to judge container according to the information that obtains, and whether container has reached in current browsing device window and the assigned address that is provided with in advance.
4. according to each described method of claim 1~3, it is characterized in that said browser comprises to server requests fresh information content:
Said browser uses the ajax technology to server requests new information message;
Described request to the new information message have whether be used to identify be new new information sign.
5. method according to claim 4 is characterized in that, in said reduction is painted, also comprises: said new information sign is set to be expressed as old message.
6. a system that obtains page fresh information is characterized in that, comprises browser, server at least, wherein,
Browser is used for to server requests fresh information content; The fresh information that obtains is played up processing, make it distinguish over the content that renewal takes place in the webpage;
Server is used to receive the request from browser, gives browser with the fresh information content feed.
7. system according to claim 6 is characterized in that, said browser also is used to catch the window roll events that the user imports, and reduces painted to the fresh information of having read.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110119985.6A CN102779124B (en) | 2011-05-10 | A kind of obtain the method for page new information, system and browser |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110119985.6A CN102779124B (en) | 2011-05-10 | A kind of obtain the method for page new information, system and browser |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102779124A true CN102779124A (en) | 2012-11-14 |
CN102779124B CN102779124B (en) | 2016-12-14 |
Family
ID=
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103220413A (en) * | 2013-03-25 | 2013-07-24 | 深圳市金立通信设备有限公司 | Communication device and communication information state identifying method in same |
WO2016082586A1 (en) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | Webpage update method and apparatus |
CN107844347A (en) * | 2016-09-20 | 2018-03-27 | 天脉聚源(北京)科技有限公司 | A kind of mobile terminal scrolls the method and system of Webpage automatically |
CN108268491A (en) * | 2016-12-30 | 2018-07-10 | 北京国双科技有限公司 | Heating power drawing generating method and device |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (en) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | Updating display method for webpage data |
CN101165687A (en) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | Search engine result information automatic emerging method |
US20080104025A1 (en) * | 2006-10-31 | 2008-05-01 | Gautam Dharamshi | Method and system for efficient execution and rendering of client/server interactive applications |
CN101296255A (en) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | Web page browsing method, system, proxy server and mobile phone browser |
CN101782912A (en) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | Method and system for information prompt |
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (en) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | Updating display method for webpage data |
CN101165687A (en) * | 2006-10-20 | 2008-04-23 | 北京酷讯科技有限公司 | Search engine result information automatic emerging method |
US20080104025A1 (en) * | 2006-10-31 | 2008-05-01 | Gautam Dharamshi | Method and system for efficient execution and rendering of client/server interactive applications |
CN101296255A (en) * | 2008-06-30 | 2008-10-29 | 腾讯科技(深圳)有限公司 | Web page browsing method, system, proxy server and mobile phone browser |
CN101782912A (en) * | 2009-06-23 | 2010-07-21 | 北京搜狗科技发展有限公司 | Method and system for information prompt |
Non-Patent Citations (1)
Title |
---|
周旋 等: "基于Ajax的即时消息系统的设计与实现", 《科学技术与工程》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103220413A (en) * | 2013-03-25 | 2013-07-24 | 深圳市金立通信设备有限公司 | Communication device and communication information state identifying method in same |
WO2016082586A1 (en) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | Webpage update method and apparatus |
CN107844347A (en) * | 2016-09-20 | 2018-03-27 | 天脉聚源(北京)科技有限公司 | A kind of mobile terminal scrolls the method and system of Webpage automatically |
CN108268491A (en) * | 2016-12-30 | 2018-07-10 | 北京国双科技有限公司 | Heating power drawing generating method and device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105094563B (en) | A kind of picture method of cutting out and cutting system | |
CN109684575A (en) | Processing method and processing device, storage medium, the computer equipment of web data | |
US9977765B2 (en) | Information processing device, information processing method, information processing program, display control device, and display control program | |
KR20140012664A (en) | Method for rearranging web page | |
CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
CN104703044A (en) | Picture barrage publishing method | |
CN101977233A (en) | Method and system for leading mobile terminal to browse webpage in reading mode | |
US20100211467A1 (en) | computerized method and system for effectively utilizing empty-spaces on websites | |
CN104462455A (en) | Method and device for displaying and processing network data | |
CN103853417A (en) | Rolling and pagination display method and device for network dynamic picture | |
EA201201059A1 (en) | SYSTEM AND METHOD OF MANAGING WEB FORMS AND DYNAMIC CONTENTS OF WEB SITES | |
CN103777939A (en) | Method for measuring webpage first screen time | |
CN103281217B (en) | A kind of measuring method of User Page stay time | |
CN102065572A (en) | Mobile browser, gateway, browsing system and access method for internet page | |
CN103207874A (en) | Updated webpage content prompting method and system | |
CN103856507B (en) | The static state display method and apparatus of network dynamic picture | |
CN106446617B (en) | A kind of static page access method with source file defencive function | |
CN104113567A (en) | Content distribution network data processing method, device and system | |
CN102184240B (en) | Webpage layout method and system based on mobile communication equipment terminal | |
CN104268282A (en) | Web banner advertisement displaying method and system | |
CN104090869A (en) | Network information translating method and translating system | |
CN103942211A (en) | Text page recognition method and device | |
CN103761257A (en) | Webpage handling method and system based on mobile browser | |
CN103475676A (en) | Method, device, equipment and system used for providing page body information | |
CN104778187A (en) | Method and device for generating and putting intelligent information |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |