CN103955501A - Webpage two-way collaborative browsing method - Google Patents
Webpage two-way collaborative browsing method Download PDFInfo
- Publication number
- CN103955501A CN103955501A CN201410166926.8A CN201410166926A CN103955501A CN 103955501 A CN103955501 A CN 103955501A CN 201410166926 A CN201410166926 A CN 201410166926A CN 103955501 A CN103955501 A CN 103955501A
- Authority
- CN
- China
- Prior art keywords
- collaborative browse
- server
- leading
- page
- following
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
- H04L67/1095—Replication or mirroring of data, e.g. scheduling or transport for data synchronisation between network nodes
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a webpage two-way collaborative browsing method, which comprises the following steps that collaborative browsing members in the same team send requests to a collaborative browsing server, and in addition, the teams are correlated through the collaborative browsing server; each collaborative browsing member creates iFrame elements used for displaying the current proxy webpage contents at self browsers; the current proxy webpage of each collaborative browsing member in the same team is consistent; the collaborative browsing server obtains a target webpage according to the requests of a leading party in the collaborative browsing, generates the proxy webpage and updates the current proxy webpage; the browser of each collaborative browsing member in the same team monitors the self mouse moving and the page input, transmits the self change to other collaborative browsing members in the same team through the collaborative browsing server, and the browsers of other collaborative browsing members update corresponding display in the iFrame elements in a local area according to the change. The collaborative browsing method can be widely applied to various terminals and browsers, and better and more complete collaborative experience is brought to users.
Description
Technical field
The present invention relates to collaborative browse technology, be specifically related to a kind of two-way collaborative browse method of webpage based on HTML standard.
Background technology
Traditional collaborative browse technology conventionally occurs and is applied in customer service system, in netmeeting or the long-range assisted user operation of other needs system for computer.This technology is normally by realizing specific software, allows multiple terminal users by the connection end to end of computer network, or by the connected mode of transit server, and the document carrying out or blank long-range shared, browses, mark etc.Flourish along with Internet, in this class field, more and more to the demand of webpage collaborative browse, also more and more higher to the technical requirement of collaborative browse.
At present both at home and abroad the technology of webpage collaborative browse realizes conventionally all based on special software or the browser based on Java Applet or plug-in unit need to be installed browsed, and all has all one or more shortcomings in as described below etc.:
1. can only support unidirectional webpage collaborative browse.
2. a simple URL network address synchronous browsing of support.
3. can not realize the automatic synchronization page jump of clicking after the page browses.
4. browser that can not be compatible all, need to install plug-in unit or use customizing browser.
5. mouse pointer position that can not the collaborative browse page and rolling content are in the position of browsing in window.
6. do not support collaborative browse both sides to use different browsers window and page size to work in coordination with.
7. can not support the browser on mobile device.
8. can not access HTTPS and encrypt the Website page that requires or have cross-domain restriction.
9. cookie data that can not collaborative browse.
10. can not act on behalf of the AJAX request of browsing.
11. can not work in coordination with filling in and submitting to of page list.
12. need to act on behalf of all page resource request of access, cause collaborative page access slow.
13. rollbacks that can not realize collaborative browse historical record, advance.
Summary of the invention
The technical issues that need to address of the present invention are, how to provide a kind of webpage two-way collaborative browse method, can not be subject to that client software and hardware and the network address limitedly affect, widespread use and collaborative more thoroughly more effective more comprehensively.
Above-mentioned technical matters of the present invention solves like this, builds a kind of two-way collaborative browse method of webpage, it is characterized in that, utilizes collaborative browse server and acts on behalf of webpage, comprises the following steps:
Collaborative browse member in same forming a team sends request to collaborative browse server, and forms a team by the association of collaborative browse server;
The each member of collaborative browse creates the iFrame element for showing the current HTML standard of acting on behalf of web page contents at self browser; It is consistent that the same each member of collaborative browse in forming a team current acted on behalf of webpage;
Collaborative browse server generates and acts on behalf of webpage and upgrade the current webpage of acting on behalf of according to the acquisition request target web of the side of leading in collaborative browse;
The browser monitoring of the each member of collaborative browse in same forming a team self mouse moves with the page to be inputted, by collaborative browse server, self is changed to other members of collaborative browse that are transmitted in same forming a team, other members' of collaborative browse browser upgrades corresponding demonstration in described iFrame element separately according to described variation.
According to the two-way collaborative browse method of webpage provided by the invention, the such association of the method is formed a team:
201) client login and certification:
1a) browser of the side of leading and the side of following is first all accessed the collaborative browse server log page;
1b) side of leading or the side of following on login page input before by the log-on message that the page is registered or alternate manner obtains;
1c) logon information is sent to collaborative browse server by the browser of the side of leading or the side of following;
1d) collaborative browse server is inquired about and is confirmed that whether log-on message is effective from registered log-on message database;
1e) collaborative browse server is associated with current client link information by log-on message;
1f) collaborative browse server returns and logins successfully the browser of the page to the side of leading and the side of following;
1g) loading of the browser of the side of leading or the side of following and demonstration login successfully the page;
202) collaborative browse system initialization:
2a) collaborative browse server sends to all listed client-side information lists the browser of the side of leading and the side of following;
2b) all listed client-side information lists of browser display of the side of leading and the side of following;
2c) side of following of collaborative browse is selected to carry out in list by the side of leading;
2d) side's of following information of having selected is sent to collaborative browse server by the side's of leading browser;
2e) collaborative browse server sends to collaborative browse request the side's of following browser of having selected;
2f) the side's of following browser display collaborative browse request dialog box;
2g) collaborative browse request is agreed to by the side of following;
2h) side's of following browser is answered collaborative browse to send to collaborative browse server;
2i) answer is sent to the side's of leading browser by collaborative browse server;
2j) the side's of leading browser display collaborative browse confirmation.
According to the two-way collaborative browse method of webpage provided by the invention, in the time that webpage is acted on behalf of in the generation of collaborative browse server, comprise that collaborative browse server generates corresponding URL address and notifies the collaborative browse each side in this same forming a team simultaneously.
According to the two-way collaborative browse method of webpage provided by the invention, the described page cache of acting on behalf of is in collaborative browse server.
According to the two-way collaborative browse method of webpage provided by the invention, in the time that acting on behalf of webpage, generation rewrites page resource link in described iFrame element.
According to the two-way collaborative browse method of webpage provided by the invention, the Cookie of preservation or update request in initiating request process to target web.
According to the two-way collaborative browse method of webpage provided by the invention, described in the request of the side of leading comprise the arbitrary member of the collaborative browse clickable hyperlinks in described iFrame element in same forming a team.
According to the two-way collaborative browse method of webpage provided by the invention, described in the request of the side of leading comprise that the arbitrary member of collaborative browse in same forming a team upgrades current network address in Web address field in described iFrame element.
According to the two-way collaborative browse method of webpage provided by the invention, browser monitoring browsing history list instruction and the back/forward instruction of the each member of collaborative browse in same forming a team, send to collaborative browse server and be transmitted to other members of collaborative browse in same forming a team, collaborative browse server upgrades the current page of acting on behalf of according to described instruction.
According to the two-way collaborative browse method of webpage provided by the invention, the side of leading is arbitrary member in same forming a team, and the side of following is other members; In same forming a team, there is the side of leading, one or more sides of following; Different in time, the side of leading in same forming a team is same member or different members.
According to the two-way collaborative browse method of webpage provided by the invention, comprise following concrete steps:
1001) client login and certification:
1a) browser of the side of leading and the side of following is first all accessed the collaborative browse server log page;
1b) side of leading or the side of following on login page input before by the log-on message that the page is registered or alternate manner obtains;
1c) logon information is sent to collaborative browse server by the browser of the side of leading or the side of following;
1d) collaborative browse server is inquired about and is confirmed that whether log-on message is effective from registered log-on message database;
1e) collaborative browse server is associated with current client link information by log-on message;
1f) collaborative browse server returns and logins successfully the browser of the page to the side of leading and the side of following;
1g) loading of the browser of the side of leading or the side of following and demonstration login successfully the page;
1002) collaborative browse system initialization:
2a) collaborative browse server sends to all listed client-side information lists the browser of the side of leading and the side of following;
2b) all listed client-side information lists of browser display of the side of leading and the side of following;
2c) side of following of collaborative browse is selected to carry out in list by the side of leading;
2d) side's of following information of having selected is sent to collaborative browse server by the side's of leading browser;
2e) collaborative browse server sends to collaborative browse request the side's of following browser of having selected;
2f) the side's of following browser display collaborative browse request dialog box;
2g) collaborative browse request is agreed to by the side of following;
2h) side's of following browser is answered collaborative browse to send to collaborative browse server;
2i) answer is sent to the side's of leading browser by collaborative browse server;
2j) the side's of leading browser display collaborative browse confirmation;
The page that 2k) browser of the side of leading and the side of following comprises collaborative browse control routine to collaborative browse server request;
2l) collaborative browse server returns to collaborative browse control routine and page resource;
2m) browser of the side of leading and the side of following loads collaborative browse control routine and page resource, and creates the iFrame for showing collaborative browse content;
1003) side of leading initiates collaborative browse web-page requests on the collaborative browse control page:
3a) control page code and generate the request bag that comprises collaborative browse target web URL;
3b) control the page request bag is sent to collaborative browse server;
3c) collaborative browse server is acted on behalf of webpage URL according to collaborative browse target web URL and the URL address of oneself generation;
3d) collaborative browse server returns to the side's of leading control page by acting on behalf of webpage URL address;
3e) side of leading loads and acts on behalf of webpage in iFrame;
1004) collaborative browse server receives that acting on behalf of web access requests can attempt the Cookie of cache request:
4a) first collaborative browse server checks the Cookie that whether has the request of preservation;
If 4b) there is the Cookie of the request of preservation, upgrade the Cookie having preserved;
If 4c) do not preserve the Cookie of request, Cookie is preserved;
1005) collaborative browse server agent page request:
5a) page request is sent to parent page server by collaborative browse server;
5b) collaborative browse server receives the http response of parent page server;
5c) collaborative browse server is preserved the http response of parent page server;
5d) protocol header and the content of the http response of collaborative browse server amendment parent page server, processing page is unmodified, page reorientation, X-Frame-Options etc.;
5e) collaborative browse server returns to amended http response the browser of the side of leading;
5f) the browser iFrame of the side of leading loads the content of pages after agency;
1006) the collaborative browse server notification side of following access agent webpage URL:
Whether 6a) collaborative browse server is received the side's of following request of access, inspection buffer memory http response;
6b) http response of buffer memory is returned to the side's of following browser by collaborative browse server;
1007) the collaborative browse control routine of the side of leading and the side of following all can rewrite page resource link:
What 7a) iFrame of the side of leading and the side of following loading collaborative browse server returned acts on behalf of the page and amended content of pages;
7b) all resource links in collaborative browse control routine query page;
7c) collaborative browse control routine changes the resource link of all relative paths into the absolute path of pointing to parent page server;
7d) browser of the side of leading and the side of following is to parent page server request resource;
7e) parent page server returns to the resource of request;
7f) browser of the side of leading and the side of following loading resource refreshes demonstration;
1008) the collaborative browse control routine of the side of leading and the side of following monitoring hyperlink is clicked redirect:
8a) the collaborative browse control routine of the side of leading and the side of following is monitored the click event of the all-links on the page loading in iFrame;
8b) in the time that click event triggers, intercept and capture this event, and stop the event response of acquiescence;
8c) the original URL address of link redirect is sent to collaborative browse server;
8d) collaborative browse server generates agency's URL address;
8e) collaborative browse server will be acted on behalf of the control routine of URL address notification to the side of leading and the side's of following browser;
What 8f) the control routine control iFrame redirect of the side of leading and the side of following and loading were new acts on behalf of URL;
1009) the collaborative browse control routine of the side of leading can be monitored the movement of mouse pointer:
9a) the collaborative browse control routine of the side of leading is monitored mouse moving event;
9b) the short time after mouse moving event triggers and stops, the elementFromPoint API that collaborative browse control routine is called HTML Document searches the page DOM element of the current sensing of mouse pointer;
The father node of page DOM element that 9c) the collaborative browse control routine of the side of leading is recalled the current sensing of pointer is until page root node DOM element;
9d) XPath of the position of the page DOM element of the current sensing of the collaborative browse control routine of the side of leading generation pointer on the page describes;
9e) the collaborative browse control routine of the side of leading is described XPath to send to collaborative browse server;
9f) collaborative browse server is described XPath the collaborative browse control routine that sends to the side of following;
The evaluate API that 9g) the collaborative browse control routine of the side of following is called HTML Document finds identical DOM element;
The scrollBy API scroll through pages that 9h) the collaborative browse control routine of the side of following is called the HTML Window of iFrame can show identical DOM element in browser window;
9i) the collaborative browse control routine of the side of following shows a mouse pointer icon above identical DOM element, indicates the content of the current sensing in the side of leading;
1010) the collaborative browse control routine of the side of leading and the side of following monitoring page input:
10a) the collaborative browse control routine of the side of leading and the side of following is monitored the change of all input input elements on the page, focus incoming event.
10b) after the incoming event on either party page is triggered, the party's collaborative browse control routine obtains the content of current input and the XPath of current input element describes;
10c) the party's collaborative browse control routine is described the XPath of the content of input and input element to send to collaborative browse server;
10d) collaborative browse server is described the XPath of the content of input and input element to be forwarded to the opposing party again;
The evaluate API that 10e) the opposing party's collaborative browse control routine is called HTML Document finds identical input element, and revises the content of input element and refresh demonstration;
1011) the AJAX request on the collaborative browse control routine of the side of leading and the side of the following monitoring page:
11a) the heavy duty of the collaborative browse control routine of the side of leading and the side of following and the XMLHttpRequest object of realizing various browser versions;
11b) the AJAX request of XMLHttpRequest is monitored and intercepted and captured to the collaborative browse control routine of the side of leading and the side of following;
11c) AJAX request is sent to proxy server by the collaborative browse control routine of the side of leading and the side of following;
11d) proxy server is acted on behalf of AJAX and is asked parent page server;
11e) parent page server returns to AJAX and responds proxy server;
11f) AJAX response is turned back to collaborative browse control routine by proxy server;
1012) the FORM form request on the collaborative browse control routine of the side of leading and the side of the following monitoring page:
12a) the collaborative browse control routine of the side of leading and the side of following is monitored all submission of sheet events on the page;
12b) in the time of either party submission of sheet Event triggered, stop submission of sheet, and revise and list is sent to collaborative browse server;
12c) after collaborative browse server amendment list content, list is sent to parent page server;
12d) collaborative browse server turns back to the list response of parent page server the browser of submission of sheet side;
12e) collaborative browse server is the list response buffer of parent page server, and is forwarded to the opposing party's browser.
The two-way collaborative browse method of webpage provided by the invention, compared with prior art, solve the variety of issue that existing collaborative web browsing technology runs into, the technology of collaborative browse has been brought up to a new level, bring better experience to the user of collaborative browse, specifically include, but are not limited to following advantage:
1, the cookie of preservation and reduction request can ensure that collaborative browse support needs cookie and the session data of the page access of login authentication can not lose in the time of page jump process and proxy access;
2, collaborative browse server agent HTTP request and response, makes the side of leading and follows and soon see eventually identical web page contents, and only having a client in access at original server, can not cause client address restriction and authentication question.Realize the collaborative access of real webpage;
3, by rewriteeing page resource link, ensure that all resources (as picture, video, script etc.) can not obtain by collaborative browse server agent, the load pressure of collaborative browse server is reduced to minimum;
4, the side of following of collaborative browse does not need manual rolling window just can see the content of pages the same with the side of leading, and knows the accurate location of the current side of leading mouse-pointing, even if both sides, on different equipment, use different brands and big or small browser;
5, either party of collaborative browse what content of having seen at any time the input of the opposing party on the page, and automatically input identical content;
6, either party page of collaborative browse can obtain real-time AJAX request content;
7, either party page submission of sheet of collaborative browse can be seen identical submission of sheet results page in both sides' browser, and only has a client communicating with it at parent page server;
8, the collaborative browse side of leading and the side of following can exchange role at any time by collaborative browse control page interface, allow the side of leading become the side of following, and the side of following becomes the side of leading, and realizes two-way collaborative browse;
9, in collaborative browse process, the collaborative browse side of leading and the side of following can and retreat by the browsing history list on collaborative browse control page interface, and forwarding button is realized the synchronous of historical viewings.
Brief description of the drawings
Below in conjunction with the drawings and specific embodiments, further the present invention is described in detail.
Fig. 1 is the two-way collaborative browse system architecture of webpage of the present invention schematic diagram;
Fig. 2 is control flow chart-1 of system shown in Figure 1;
Fig. 3 is control flow chart-2 of system shown in Figure 1;
Fig. 4 is control flow chart-3 of system shown in Figure 1;
Fig. 5 is customer service collaborative browse of the present invention interface;
Fig. 6 is visitor's collaborative browse of the present invention interface.
Embodiment
As shown in Figure 1, the collaborative browse system of the preferred embodiment of the present invention is the simplest system, only comprise the side of leading, the side of following and a collaborative browse server, the side of leading with follow square tube and cross collaborative browse server and be connected with target web (that is: the originating website's page server).And the side of leading can be the browser on a desktop computer or mobile device in the collaborative browse system of content description of the present invention, the side of following is the browser on one or more desktop computers or mobile device.
As in Figure 2-4, this Key Implementation step and the technical description of simple system is as follows:
1, client login and certification:
A) first the browser of the side of leading and the side of following all needs to access the collaborative browse server log page.
B) side of leading or the side of following on login page input before by the log-on message that the page is registered or alternate manner obtains.
C) logon information is sent to collaborative browse server by the browser of the side of leading or the side of following.
D) collaborative browse server is inquired about and is confirmed that whether log-on message is effective from registered log-on message database.
E) collaborative browse server is associated with current client link information by log-on message.
F) collaborative browse server returns and logins successfully the browser of the page to the side of leading and the side of following.
G) loading of the browser of the side of leading or the side of following and demonstration login successfully the page.
2, collaborative browse system initialization:
A) collaborative browse server sends to all listed client-side information lists the browser of the side of leading and the side of following.
B) all listed client-side information lists of browser display of the side of leading and the side of following.
C) side of following of collaborative browse is selected to carry out in list by the side of leading.
D) side's of following information of having selected is sent to collaborative browse server by the side's of leading browser.
E) collaborative browse server sends to collaborative browse request the side's of following browser of having selected.
F) side's of following browser display collaborative browse request dialog box.
G) collaborative browse request is agreed to by the side of following.
H) side's of following browser is answered collaborative browse to send to collaborative browse server.
I) answer is sent to the side's of leading browser by collaborative browse server.
J) side's of leading browser display collaborative browse confirmation.
K) page that the browser of the side of leading and the side of following comprises collaborative browse control routine to collaborative browse server request.
L) collaborative browse server returns to collaborative browse control routine and page resource.
M) browser of the side of leading and the side of following loads collaborative browse control routine and page resource, and creates the iFrame for showing collaborative browse content.
3, the side of leading initiates collaborative browse web-page requests on the collaborative browse control page:
A) control page code and generate the request bag that comprises collaborative browse target web URL.
B) control the page request bag is sent to collaborative browse server.
C) collaborative browse server is acted on behalf of webpage URL according to collaborative browse target web URL and the URL address of oneself generation.
D) collaborative browse server returns to the side's of leading control page by acting on behalf of webpage URL address.
E) side of leading loads and acts on behalf of webpage in iFrame.
4, collaborative browse server receives that acting on behalf of web access requests can attempt the Cookie of cache request:
A) first collaborative browse server checks the Cookie that whether has the request of preservation.
If b) there is the Cookie of the request of preservation, upgrade the Cookie having preserved.
If c) do not preserve the Cookie of request, Cookie is preserved.
The cookie asking that preserves and reduce can ensure that collaborative browse support needs cookie and the session data of the page access of login authentication can not lose in the time of page jump process and proxy access.
5, collaborative browse server agent page request:
A) page request is sent to parent page server by collaborative browse server.
B) collaborative browse server receives the http response of parent page server.
C) collaborative browse server is preserved the http response of parent page server.
D) protocol header and the content of the http response of collaborative browse server amendment parent page server, processing page is unmodified, page reorientation, X-Frame-Options etc.
E) collaborative browse server returns to amended http response the browser of the side of leading.
F) the browser iFrame of the side of leading loads the content of pages after agency.
6, the collaborative browse server notification side of following access agent webpage URL:
A) whether collaborative browse server is received the side's of following request of access, inspection buffer memory http response.
B) http response of buffer memory is returned to the side's of following browser by collaborative browse server.
Collaborative browse server agent HTTP request and response, make the side of leading and follow and soon see eventually identical web page contents, and only having a client in access at original server, can not cause client address restriction and authentication question.Realize the collaborative access of real webpage.
7, the collaborative browse control routine of the side of leading and the side of following all can rewrite page resource link:
A) iFrame of the side of leading and the side of following loads agency and the amended content of pages that collaborative browse server returns.
B) all resource links in collaborative browse control routine query page.
C) collaborative browse control routine changes the resource link of all relative paths into the absolute path of pointing to parent page server.
D) browser of the side of leading and the side of following is to parent page server request resource.
E) parent page server returns to the resource of request.
F) browser of the side of leading and the side of following loading resource refreshes demonstration.
By rewriteeing page resource link, ensure that all resources (as picture, video, script etc.) can not obtain by collaborative browse server agent, the load pressure of collaborative browse server is reduced to minimum.
8, the collaborative browse control routine monitoring hyperlink of the side of leading and the side of following is clicked redirect:
A) the collaborative browse control routine of the side of leading and the side of following is monitored the click event of the all-links on the page loading in iFrame.
B), in the time that click event triggers, intercept and capture this event, and stop the event response of acquiescence.
C) the original URL address of link redirect is sent to collaborative browse server.
D) collaborative browse server generates agency's URL address.
E) collaborative browse server will be acted on behalf of the control routine of URL address notification to the side of leading and the side's of following browser.
What f) the control routine control iFrame redirect of the side of leading and the side of following and loading were new acts on behalf of URL.
Click redirect by monitoring hyperlink, ensure that the side of leading and the side of following can jump at any time the identical page in browsing page process.
9, the collaborative browse control routine of the side of leading can be monitored the movement of mouse pointer:
A) the collaborative browse control routine of the side of leading is monitored mouse moving event.
B) the short time after mouse moving event triggers and stops, the elementFromPoint API that collaborative browse control routine is called HTML Document searches the page DOM element of the current sensing of mouse pointer.
C) father node of page DOM element that the collaborative browse control routine of the side of leading is recalled the current sensing of pointer is until page root node DOM element.
D) XPath of the position of the page DOM element of the current sensing of the collaborative browse control routine of the side of leading generation pointer on the page describes (XPath is XML path language, is that XPath is the essential element of W3C XSLT standard).
E) the collaborative browse control routine of the side of leading is described XPath to send to collaborative browse server.
F) collaborative browse server is described XPath the collaborative browse control routine that sends to the side of following.
G) the evaluate API (use under part browser Google wgxpath JS storehouse realize) that the collaborative browse control routine of the side of following is called HTML Document finds identical DOM element.
H) the scrollBy API scroll through pages that the collaborative browse control routine of the side of following is called the HTML Window of iFrame can show identical DOM element in browser window.
I) the collaborative browse control routine of the side of following shows a mouse pointer icon above identical DOM element, indicates the content of the current sensing in the side of leading.
Realize by this technology, the side of following of collaborative browse does not need manual rolling window just can see the content of pages the same with the side of leading, and know the accurate location of the current side of leading mouse-pointing, even if both sides, on different equipment, use different brands and big or small browser.
10, the collaborative browse control routine monitoring page input of the side of leading and the side of following:
A) the collaborative browse control routine of the side of leading and the side of following is monitored the change of all input input elements on the page, focus incoming event.
B), after the incoming event on either party page is triggered, the party's collaborative browse control routine obtains the content of current input and the XPath of current input element describes.
C) the party's collaborative browse control routine is described the XPath of the content of input and input element to send to collaborative browse server.
D) collaborative browse server is described the XPath of the content of input and input element to be forwarded to the opposing party again.
E) the evaluate API that the opposing party's collaborative browse control routine is called HTML Document finds identical input element, and revises the content of input element and refresh demonstration.
Realize by this technology, what content that either party of collaborative browse can see the input of the opposing party on the page at any time, and automatically input identical content.
11, the AJAX request on the collaborative browse control routine monitoring page of the side of leading and the side of following:
A) heavy duty of the collaborative browse control routine of the side of leading and the side of following and the XMLHttpRequest object of realizing various browser versions, as: XDomainRequest, XMLHttpRequest, ActiveXObject (MSXML2.XMLHTTP.3.0 under IE browser, MSXML2.XMLHTTP, Microsoft.XMLHTTP).
B) the AJAX request of XMLHttpRequest is monitored and intercepted and captured to the collaborative browse control routine of the side of leading and the side of following.
C) AJAX request is sent to proxy server by the collaborative browse control routine of the side of leading and the side of following.
D) proxy server is acted on behalf of AJAX and is asked parent page server.
E) parent page server returns to AJAX and responds proxy server.
F) AJAX response is turned back to collaborative browse control routine by proxy server.
Realize by this technology, either party page of collaborative browse can obtain real-time AJAX request content.
12, the FORM form request on the collaborative browse control routine monitoring page of the side of leading and the side of following:
A) the collaborative browse control routine of the side of leading and the side of following is monitored all submission of sheet events on the page.
B), in the time of either party submission of sheet Event triggered, stop submission of sheet, and revise and list is sent to collaborative browse server
C) after collaborative browse server amendment list content, list is sent to parent page server
D) collaborative browse server turns back to the list response of parent page server the browser of submission of sheet side
E) collaborative browse server is the list response buffer of parent page server, and is forwarded to the opposing party's browser
Realize by this technology, either party page submission of sheet of collaborative browse can be seen identical submission of sheet results page in both sides' browser, and only has a client communicating with it at parent page server.
13, in collaborative browse process, the collaborative browse side of leading and the side of following can exchange role at any time by collaborative browse control page interface, allow the side of leading become the side of following, and the side of following becomes the side of leading, and realizes two-way collaborative browse.
14, in collaborative browse process, the collaborative browse side of leading and the side of following can and retreat by the browsing history list on collaborative browse control page interface, and forwarding button is realized the synchronous of historical viewings.
As Fig. 5, system of the present invention produces and is implemented in online sales product.Below in conjunction with accompanying drawing 5, this application is further detailed:
1) in the integrated Webkit browser of the customer side of online sales software and client's sales page, load collaborative browse control page iframe and control routine.
2) integrated collaborative browse server capability module on the server of online sales product.
3) customer service and visitor can initiate and accept collaborative browse request on interface separately, complete various collaborative browse operations, to assist online sales customer service and visitor's communication, improve online sales success ratio.
As Fig. 6, system of the present invention is implemented in Online Video meeting product.Below in conjunction with Fig. 6, this application is further detailed:
1) in each participant's of video conference browser page, load collaborative browse control page iframe and control routine.
2) integrated collaborative browse server capability module on the server of video conference.
3) each participant of video conference can initiate and accept collaborative browse request on interface separately, completes various collaborative browse operations, to assist the communication of video conference, improves efficiency and the accuracy of video conference.
The foregoing is only preferred embodiment of the present invention, all equalizations of doing according to the claims in the present invention scope change and modify, and all should belong to the covering scope of the claims in the present invention.
Claims (10)
1. the two-way collaborative browse method of webpage, is characterized in that, utilizes collaborative browse server and acts on behalf of webpage, comprises the following steps:
Collaborative browse member in same forming a team sends request to collaborative browse server, and forms a team by the association of collaborative browse server;
The each member of collaborative browse creates for showing the current iFrame element of acting on behalf of web page contents at self browser; It is consistent that the same each member of collaborative browse in forming a team current acted on behalf of webpage;
Collaborative browse server generates and acts on behalf of webpage and upgrade the current webpage of acting on behalf of according to the acquisition request target web of the side of leading in collaborative browse;
The browser monitoring of the each member of collaborative browse in same forming a team self mouse moves with the page to be inputted, by collaborative browse server, self is changed to other members of collaborative browse that are transmitted in same forming a team, other members' of collaborative browse browser upgrades corresponding demonstration in described iFrame element separately according to described variation.
2. the two-way collaborative browse method of webpage according to claim 1, is characterized in that, the such association of the method is formed a team:
201) client login and certification:
1a) browser of the side of leading and the side of following is first all accessed the collaborative browse server log page;
1b) side of leading or the side of following on login page input before by the log-on message that the page is registered or alternate manner obtains;
1c) logon information is sent to collaborative browse server by the browser of the side of leading or the side of following;
1d) collaborative browse server is inquired about and is confirmed that whether log-on message is effective from registered log-on message database;
1e) collaborative browse server is associated with current client link information by log-on message;
1f) collaborative browse server returns and logins successfully the browser of the page to the side of leading and the side of following;
1g) loading of the browser of the side of leading or the side of following and demonstration login successfully the page;
202) collaborative browse system initialization:
2a) collaborative browse server sends to all listed client-side information lists the browser of the side of leading and the side of following;
2b) all listed client-side information lists of browser display of the side of leading and the side of following;
2c) side of following of collaborative browse is selected to carry out in list by the side of leading;
2d) side's of following information of having selected is sent to collaborative browse server by the side's of leading browser;
2e) collaborative browse server sends to collaborative browse request the side's of following browser of having selected;
2f) the side's of following browser display collaborative browse request dialog box;
2g) collaborative browse request is agreed to by the side of following;
2h) side's of following browser is answered collaborative browse to send to collaborative browse server;
2i) answer is sent to the side's of leading browser by collaborative browse server;
2j) the side's of leading browser display collaborative browse confirmation.
3. the two-way collaborative browse method of webpage according to claim 1, is characterized in that, generates while acting on behalf of webpage at collaborative browse server, comprises that collaborative browse server generates corresponding URL address and notifies the collaborative browse each side in this same forming a team simultaneously.
4. the two-way collaborative browse method of webpage according to claim 1, is characterized in that, the described page cache of acting on behalf of is in collaborative browse server.
5. the two-way collaborative browse method of webpage according to claim 4, is characterized in that, rewrites page resource link in described iFrame element in the time that webpage is acted on behalf of in generation.
6. the two-way collaborative browse method of webpage according to claim 4, is characterized in that, preserves or the Cookie of update request in initiating request process to target web.
7. the two-way collaborative browse method of webpage according to claim 4, it is characterized in that, browser monitoring browsing history list instruction and the back/forward instruction of the each member of collaborative browse in same forming a team, send to collaborative browse server and be transmitted to other members of collaborative browse in same forming a team, collaborative browse server upgrades the current page of acting on behalf of according to described instruction.
8. the two-way collaborative browse method of webpage according to claim 1, it is characterized in that, the request of the described side of leading comprises the arbitrary member of the collaborative browse clickable hyperlinks in described iFrame element in same forming a team, or the same interior arbitrary member of collaborative browse that forms a team upgrades current network address in Web address field in described iFrame element.
9. the two-way collaborative browse method of webpage according to claim 1, is characterized in that, the side of leading is arbitrary member in same forming a team, and the side of following is other members; In same forming a team, there is the side of leading, one or more sides of following; Different in time, the side of leading in same forming a team is same member or different members.
10. according to the two-way collaborative browse method of webpage described in any one in claim 1-9, it is characterized in that, comprise following concrete steps:
1001) client login and certification:
1a) browser of the side of leading and the side of following is first all accessed the collaborative browse server log page;
1b) side of leading or the side of following on login page input before by the log-on message that the page is registered or alternate manner obtains;
1c) logon information is sent to collaborative browse server by the browser of the side of leading or the side of following;
1d) collaborative browse server is inquired about and is confirmed that whether log-on message is effective from registered log-on message database;
1e) collaborative browse server is associated with current client link information by log-on message;
1f) collaborative browse server returns and logins successfully the browser of the page to the side of leading and the side of following;
1g) loading of the browser of the side of leading or the side of following and demonstration login successfully the page;
1002) collaborative browse system initialization:
2a) collaborative browse server sends to all listed client-side information lists the browser of the side of leading and the side of following;
2b) all listed client-side information lists of browser display of the side of leading and the side of following;
2c) side of following of collaborative browse is selected to carry out in list by the side of leading;
2d) side's of following information of having selected is sent to collaborative browse server by the side's of leading browser;
2e) collaborative browse server sends to collaborative browse request the side's of following browser of having selected;
2f) the side's of following browser display collaborative browse request dialog box;
2g) collaborative browse request is agreed to by the side of following;
2h) side's of following browser is answered collaborative browse to send to collaborative browse server;
2i) answer is sent to the side's of leading browser by collaborative browse server;
2j) the side's of leading browser display collaborative browse confirmation;
The page that 2k) browser of the side of leading and the side of following comprises collaborative browse control routine to collaborative browse server request;
2l) collaborative browse server returns to collaborative browse control routine and page resource;
2m) browser of the side of leading and the side of following loads collaborative browse control routine and page resource, and creates the iFrame for showing collaborative browse content;
1003) side of leading initiates collaborative browse web-page requests on the collaborative browse control page:
3a) control page code and generate the request bag that comprises collaborative browse target web URL;
3b) control the page request bag is sent to collaborative browse server;
3c) collaborative browse server is acted on behalf of webpage URL according to collaborative browse target web URL and the URL address of oneself generation;
3d) collaborative browse server returns to the side's of leading control page by acting on behalf of webpage URL address;
3e) side of leading loads and acts on behalf of webpage in iFrame;
1004) collaborative browse server receives that acting on behalf of web access requests can attempt the Cookie of cache request:
4a) first collaborative browse server checks the Cookie that whether has the request of preservation;
If 4b) there is the Cookie of the request of preservation, upgrade the Cookie having preserved;
If 4c) do not preserve the Cookie of request, Cookie is preserved;
1005) collaborative browse server agent page request:
5a) page request is sent to parent page server by collaborative browse server;
5b) collaborative browse server receives the http response of parent page server;
5c) collaborative browse server is preserved the http response of parent page server;
5d) protocol header and the content of the http response of collaborative browse server amendment parent page server, processing page is unmodified, page reorientation, X-Frame-Options etc.;
5e) collaborative browse server returns to amended http response the browser of the side of leading;
5f) the browser iFrame of the side of leading loads the content of pages after agency;
1006) the collaborative browse server notification side of following access agent webpage URL:
Whether 6a) collaborative browse server is received the side's of following request of access, inspection buffer memory http response;
6b) http response of buffer memory is returned to the side's of following browser by collaborative browse server;
1007) the collaborative browse control routine of the side of leading and the side of following all can rewrite page resource link:
What 7a) iFrame of the side of leading and the side of following loading collaborative browse server returned acts on behalf of the page and amended content of pages;
7b) all resource links in collaborative browse control routine query page;
7c) collaborative browse control routine changes the resource link of all relative paths into the absolute path of pointing to parent page server;
7d) browser of the side of leading and the side of following is to parent page server request resource;
7e) parent page server returns to the resource of request;
7f) browser of the side of leading and the side of following loading resource refreshes demonstration;
1008) the collaborative browse control routine of the side of leading and the side of following monitoring hyperlink is clicked redirect:
8a) the collaborative browse control routine of the side of leading and the side of following is monitored the click event of the all-links on the page loading in iFrame;
8b) in the time that click event triggers, intercept and capture this event, and stop the event response of acquiescence;
8c) the original URL address of link redirect is sent to collaborative browse server;
8d) collaborative browse server generates agency's URL address;
8e) collaborative browse server will be acted on behalf of the control routine of URL address notification to the side of leading and the side's of following browser;
What 8f) the control routine control iFrame redirect of the side of leading and the side of following and loading were new acts on behalf of URL;
1009) the collaborative browse control routine of the side of leading can be monitored the movement of mouse pointer:
9a) the collaborative browse control routine of the side of leading is monitored mouse moving event;
9b) the short time after mouse moving event triggers and stops, the elementFromPoint API that collaborative browse control routine is called HTML Document searches the page DOM element of the current sensing of mouse pointer;
The father node of page DOM element that 9c) the collaborative browse control routine of the side of leading is recalled the current sensing of pointer is until page root node DOM element;
9d) XPath of the position of the page DOM element of the current sensing of the collaborative browse control routine of the side of leading generation pointer on the page describes;
9e) the collaborative browse control routine of the side of leading is described XPath to send to collaborative browse server;
9f) collaborative browse server is described XPath the collaborative browse control routine that sends to the side of following;
The evaluate API that 9g) the collaborative browse control routine of the side of following is called HTML Document finds identical DOM element;
The scrollBy API scroll through pages that 9h) the collaborative browse control routine of the side of following is called the HTML Window of iFrame can show identical DOM element in browser window;
9i) the collaborative browse control routine of the side of following shows a mouse pointer icon above identical DOM element, indicates the content of the current sensing in the side of leading;
1010) the collaborative browse control routine of the side of leading and the side of following monitoring page input:
10a) the collaborative browse control routine of the side of leading and the side of following is monitored the change of all input input elements on the page, focus incoming event.
10b) after the incoming event on either party page is triggered, the party's collaborative browse control routine obtains the content of current input and the XPath of current input element describes;
10c) the party's collaborative browse control routine is described the XPath of the content of input and input element to send to collaborative browse server;
10d) collaborative browse server is described the XPath of the content of input and input element to be forwarded to the opposing party again;
The evaluate API that 10e) the opposing party's collaborative browse control routine is called HTML Document finds identical input element, and revises the content of input element and refresh demonstration;
1011) the AJAX request on the collaborative browse control routine of the side of leading and the side of the following monitoring page:
11a) the heavy duty of the collaborative browse control routine of the side of leading and the side of following and the XMLHttpRequest object of realizing various browser versions;
11b) the AJAX request of XMLHttpRequest is monitored and intercepted and captured to the collaborative browse control routine of the side of leading and the side of following;
11c) AJAX request is sent to proxy server by the collaborative browse control routine of the side of leading and the side of following;
11d) proxy server is acted on behalf of AJAX and is asked parent page server;
11e) parent page server returns to AJAX and responds proxy server;
11f) AJAX response is turned back to collaborative browse control routine by proxy server;
1012) the FORM form request on the collaborative browse control routine of the side of leading and the side of the following monitoring page:
12a) the collaborative browse control routine of the side of leading and the side of following is monitored all submission of sheet events on the page;
12b) in the time of either party submission of sheet Event triggered, stop submission of sheet, and revise and list is sent to collaborative browse server;
12c) after collaborative browse server amendment list content, list is sent to parent page server;
12d) collaborative browse server turns back to the list response of parent page server the browser of submission of sheet side;
12e) collaborative browse server is the list response buffer of parent page server, and is forwarded to the opposing party's browser.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410166926.8A CN103955501A (en) | 2014-04-23 | 2014-04-23 | Webpage two-way collaborative browsing method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410166926.8A CN103955501A (en) | 2014-04-23 | 2014-04-23 | Webpage two-way collaborative browsing method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103955501A true CN103955501A (en) | 2014-07-30 |
Family
ID=51332776
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410166926.8A Pending CN103955501A (en) | 2014-04-23 | 2014-04-23 | Webpage two-way collaborative browsing method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103955501A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104461537A (en) * | 2014-12-08 | 2015-03-25 | 浙江网新恩普软件有限公司 | Browser kernel based multi-service integration system |
| CN104978277A (en) * | 2015-07-30 | 2015-10-14 | 北京百度网讯科技有限公司 | Method for debugging page, terminal and server |
| CN109313675A (en) * | 2016-06-15 | 2019-02-05 | 株式会社岛津制作所 | Software license management system and management method |
| CN109800372A (en) * | 2019-01-03 | 2019-05-24 | 北京字节跳动网络技术有限公司 | Promote the method, apparatus and electronic equipment of third party's webpage opening speed |
| CN110636384A (en) * | 2019-09-10 | 2019-12-31 | 北京翼鸥教育科技有限公司 | System and method for realizing synchronization of one master and multiple slaves of webpage |
| CN113542336A (en) * | 2020-04-30 | 2021-10-22 | 北京字节跳动网络技术有限公司 | Information switching sharing method and device, electronic equipment and storage medium |
| WO2023045872A1 (en) * | 2021-09-22 | 2023-03-30 | 北京字跳网络技术有限公司 | Page jumping method, apparatus, and device, and storage medium and program product |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020035603A1 (en) * | 2000-09-20 | 2002-03-21 | Jae-Young Lee | Method for collaborative-browsing using transformation of URL |
| CN101236553A (en) * | 2007-02-02 | 2008-08-06 | 国家人口计生委科学技术研究所 | Web page information synergistic browsing system and method |
-
2014
- 2014-04-23 CN CN201410166926.8A patent/CN103955501A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020035603A1 (en) * | 2000-09-20 | 2002-03-21 | Jae-Young Lee | Method for collaborative-browsing using transformation of URL |
| CN101236553A (en) * | 2007-02-02 | 2008-08-06 | 国家人口计生委科学技术研究所 | Web page information synergistic browsing system and method |
Non-Patent Citations (1)
| Title |
|---|
| 彭高义: ""多用户web浏览器共享和远程协助系统的研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104461537B (en) * | 2014-12-08 | 2017-11-28 | 浙江网新恩普软件有限公司 | A kind of multi-service integrated system based on browser kernel |
| CN104461537A (en) * | 2014-12-08 | 2015-03-25 | 浙江网新恩普软件有限公司 | Browser kernel based multi-service integration system |
| CN104978277A (en) * | 2015-07-30 | 2015-10-14 | 北京百度网讯科技有限公司 | Method for debugging page, terminal and server |
| CN104978277B (en) * | 2015-07-30 | 2018-12-11 | 北京百度网讯科技有限公司 | For debugging the method, terminal and server of the page |
| CN109313675B (en) * | 2016-06-15 | 2021-03-26 | 株式会社岛津制作所 | Software license management system and management method |
| CN109313675A (en) * | 2016-06-15 | 2019-02-05 | 株式会社岛津制作所 | Software license management system and management method |
| CN109800372A (en) * | 2019-01-03 | 2019-05-24 | 北京字节跳动网络技术有限公司 | Promote the method, apparatus and electronic equipment of third party's webpage opening speed |
| CN109800372B (en) * | 2019-01-03 | 2020-12-29 | 北京字节跳动网络技术有限公司 | Method and device for improving third-party webpage opening speed and electronic equipment |
| CN110636384A (en) * | 2019-09-10 | 2019-12-31 | 北京翼鸥教育科技有限公司 | System and method for realizing synchronization of one master and multiple slaves of webpage |
| CN113542336A (en) * | 2020-04-30 | 2021-10-22 | 北京字节跳动网络技术有限公司 | Information switching sharing method and device, electronic equipment and storage medium |
| WO2021218612A1 (en) * | 2020-04-30 | 2021-11-04 | 北京字节跳动网络技术有限公司 | Information switching and sharing method, device, electronic apparatus, and storage medium |
| US11757955B2 (en) | 2020-04-30 | 2023-09-12 | Beijing Bytedance Network Technology Co., Ltd. | Information switching and sharing method, device, electronic apparatus, and storage medium |
| US12074926B2 (en) | 2020-04-30 | 2024-08-27 | Beijing Bytedance Network Technology Co., Ltd. | Information switching and sharing method, device, electronic apparatus, and storage medium |
| WO2023045872A1 (en) * | 2021-09-22 | 2023-03-30 | 北京字跳网络技术有限公司 | Page jumping method, apparatus, and device, and storage medium and program product |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101753606B (en) | Method for realizing WEB reverse proxy | |
| CN103955501A (en) | Webpage two-way collaborative browsing method | |
| US8849914B2 (en) | System and method for synchronized co-browsing by users in different web sessions | |
| US8024400B2 (en) | Method and system for transferring content from the web to mobile devices | |
| US10554697B1 (en) | Browser application selection and navigation operations in a co-browsing environment | |
| US10560492B1 (en) | Browser application selection and navigation operations in a co-browsing environment | |
| US7716281B2 (en) | Method and system for transferring content from the web to mobile devices | |
| CN105045887B (en) | The system and method for mixed mode cross-domain data interaction | |
| CN101355565B (en) | Method and server for providing page service for various browsers | |
| US20120210243A1 (en) | Web co-navigation | |
| US9398067B2 (en) | Web-based sharing of documents | |
| US10021165B2 (en) | Method of sharing browsing on a web page displayed by a web browser | |
| US20100218105A1 (en) | Method of browsing and a computer program therefor | |
| CN106331149A (en) | Webpage code adapting method applicable to client environment | |
| WO2022242023A1 (en) | Resource acquisition method and system, webvpn proxy server and server | |
| US20100174789A1 (en) | Restful federation of real-time communication services | |
| KR20020022374A (en) | Method for collaborative browsing in using the transformation of URL | |
| CN103139258A (en) | A method, device and system for processing page access requests of mobile terminals | |
| US20140280699A1 (en) | Method and apparatus for enabling discovery and communications between unrelated browser sessions | |
| US20080059584A1 (en) | Method and apparatus for sharing resource addresses | |
| US20140245124A1 (en) | System and method thereof for browser agnostic extension models | |
| CN104361130B (en) | Method for searching local area network or specified network segment equipment in webpage | |
| US9177071B2 (en) | Dynamically loadable contact center bookmarks in co-browsing environments | |
| KR20190090862A (en) | Redirection | |
| CN116204741A (en) | Webpage adaptation method and device, electronic equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140730 |
|
| WD01 | Invention patent application deemed withdrawn after publication |