CN104410722A - Method and system for communication of Web page window objects - Google Patents

Method and system for communication of Web page window objects Download PDF

Info

Publication number
CN104410722A
CN104410722A CN201410814706.1A CN201410814706A CN104410722A CN 104410722 A CN104410722 A CN 104410722A CN 201410814706 A CN201410814706 A CN 201410814706A CN 104410722 A CN104410722 A CN 104410722A
Authority
CN
China
Prior art keywords
window object
message event
message
web page
send
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
Application number
CN201410814706.1A
Other languages
Chinese (zh)
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.)
Shanghai Feixun Data Communication Technology Co Ltd
Original Assignee
Shanghai Feixun Data Communication Technology 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 Shanghai Feixun Data Communication Technology Co Ltd filed Critical Shanghai Feixun Data Communication Technology Co Ltd
Priority to CN201410814706.1A priority Critical patent/CN104410722A/en
Publication of CN104410722A publication Critical patent/CN104410722A/en
Pending legal-status Critical Current

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)
  • Computer And Data Communications (AREA)

Abstract

The invention provides a method and a system for communication of Web page window objects. The method for communication of Web page window objects comprises the following steps: calling the message sending function of a sending window object to send a message event to a target window object, wherein the message event comprises data to be sent and a source attribute taking the sending window as a source; enabling the target window object to call a monitoring function to monitor the message event, and displaying the data in the message event obtained by monitoring when determining that the message event obtained by monitoring comes from the sending window object according to the source attribute of the message event obtained by monitoring. According to the invention, the cross-domain cross-Webpage communication can be implemented in a simple and convenient way with a better user experience.

Description

A kind of communication means of Web page window object and system
Technical field
The present invention relates to a kind of communication technical field, particularly relate to a kind of communication means and system of Web page window object.
Background technology
A html page can have one or more Web subpage frame, can nested Web subpage frame in Web subpage frame, and these Web subpage frames may belong to different territories, and also has the demand intercomed mutually between the Web subpage frame of not same area.Such as on stream we often to need father and son's page to realize cross-domain.Communicate from the angle of fail safe, any content from other website dynamic loadings, its fail safe is all unknowable, so for browser, when requiring dynamic content, only should read HTTP response and the Cookies of homology, and the content of not homology can not be read.Due to the restriction of same source policy, the problem that JavaScript is cross-domain, is one always and compares stubborn problem.There is the multiple scheme overcoming the restriction of same source policy at present, but be substantially all utilize act on behalf of the page, also just inevitably to produce network request, for these expenses, sizable pressure may be produced to server at the website of visit capacity super large.Existing method mainly contains the problem of two aspects, and 1, fail safe.After a website is attacked, another website can cause security breaches, or data are directly leaked in URL cruelly.If introduce an iframe in 2 one pages, want to operate all iframe, identical domain must be set, data capacity and limited types.So need badly design a kind of can be simple and convenient realize cross-domain, across the communication means of Web page.
Summary of the invention
The shortcoming of prior art in view of the above, the object of the present invention is to provide a kind of communication means and system of Web page window object, for solving in prior art and problem that consumption of natural resource larger comparatively complicated across Web page communication.
For achieving the above object and other relevant objects, the message that the communication means that the invention provides a kind of Web page window object comprises the steps: to call send window object sends function to target window object transmission message event, wherein, described message event comprises: data to be sent and with described send window object for source source attribute; Described target window object reference is monitored function and is monitored described message event, when judging that it derives from described send window object according to the source attribute of listened to message event, shows the data in the message event listened to.
Optionally, described target window object, when judging that it derives from described send window object according to the source attribute of listened to message event, continues the source whether trusted judging described message event; When for being, show the data in described message event; When for time no, show error message.
Optionally, after calling the message transmission function of described send window object, the address according to described target window object sends message event to target window object.
Optionally, the address of described target window object is URL form.
Optionally, described send window object can send message event to multiple described target window object simultaneously.
Optionally, it is postMessage function that described message sends function, and described monitoring function is addEventListener function.
Optionally, described send window object is in the first Web page, and described target window object is in the second Web page.
For achieving the above object and other relevant objects, the present invention also provides a kind of communication system of Web page window object to comprise: sending module, the message calling send window object sends function and sends message event to target window object, wherein, described message event comprises: data to be sent and with described send window object for source source attribute; Monitor module, make described target window object reference monitor function and described message event is monitored; Judge display module, when the source attribute of the message event listened to according to described monitoring module judges that it derives from described send window object, show the data in the message event listened to.
Optionally, described judgement display module, when the source attribute of the message event listened to according to described monitoring module judges that it derives from described send window object, continues to judge whether the source attribute of described message event is trusted; When for being, show the data in described message event; When for time no, show error message.
Optionally, described sending module, the message calling described send window object sends function, and sends message event according to the address of described target window object to target window object; The address of wherein said target window object is URL form.
As mentioned above, the communication means of a kind of Web page window object of the present invention and system, the message calling send window object sends function and sends message event to target window object, wherein, described message event comprises: data to be sent and with described send window object for source source attribute; Described target window object reference is monitored function and is monitored described message event, when judging that it derives from described send window object according to the source attribute of listened to message event, shows the data in the message event listened to.The present invention can realize with a kind of simple and convenient mode realize cross-domain, across the communication of Web page, better user experience.
Accompanying drawing explanation
Fig. 1 is shown as the schematic flow sheet of the communication means of a kind of Web page window object of the present invention.
Fig. 2 is shown as the principle flow chart of the communication means applying a kind of Web page window object of the present invention.
Fig. 3 is shown as the principle flow chart of the communication means applying a kind of Web page window object of the present invention.
Fig. 4 is shown as the communication system module schematic diagram of a kind of Web page window object of the present invention.
Element numbers explanation
The communication system of 1 Web page window object
11 sending modules
12 monitor module
13 judge display module
S11, S12 step
Embodiment
Below by way of specific instantiation, embodiments of the present invention are described, those skilled in the art the content disclosed by this specification can understand other advantages of the present invention and effect easily.The present invention can also be implemented or be applied by embodiments different in addition, and the every details in this specification also can based on different viewpoints and application, carries out various modification or change not deviating under spirit of the present invention.It should be noted that, when not conflicting, the feature in following examples and embodiment can combine mutually.
It should be noted that, the diagram provided in following examples only illustrates basic conception of the present invention in a schematic way, then only the assembly relevant with the present invention is shown in diagram but not component count, shape and size when implementing according to reality is drawn, it is actual when implementing, and the kenel of each assembly, quantity and ratio can be a kind of change arbitrarily, and its assembly layout kenel also may be more complicated.
Refer to Fig. 1, be shown as the schematic flow sheet of the communication means of a kind of Web page window object of the present invention.
Described method comprises the steps:
S11: the message calling send window (window) object sends function and sends message event to target window object, such as, after calling the message transmission function of described send window object, address according to described target window object sends message event to target window object, wherein, described message event comprises: data to be sent and with described send window object for source source attribute, the address of described target window object is URL form.Such as described send window object is in the first Web page, and described target window object is in the second Web page.Described first Web page is the parent page of described second Web page.Preferably, described send window object can send message event to multiple described target window object simultaneously.
S12: described target window object reference is monitored function and monitored described message event, when judging that it derives from described send window object according to the source attribute of listened to message event, shows the data in the message event listened to.
In another specific embodiment, described target window object, when judging that it derives from described send window object according to the source attribute of listened to message event, continues the source whether trusted judging described message event; When for being, show the data in described message event; When for time no, show error message.
Refer to Fig. 2, be shown as the principle flow chart of the communication means applying a kind of Web page window object of the present invention, in the present embodiment, it is postMessage function that described message sends function, a message is put into (sending) to being associated in message queue with the thread that specified window creates by this function, not waiting for that thread processing messages just returns, is asynchronous message pattern.In HTML5, increased postMessage method newly, postMessage can realize transmitting across document message.Described monitoring function is addEventListener, and it can be intercepted event and carry out respective handling to event.First, in first WEB page, perform script, location calibration window object also calls postMessage function, the Window.postMessage () namely shown in Fig. 3; Then, in second WEB page, perform script, call the addEventListener function of window (window) object, the window.addEventListener () function namely shown in Fig. 3; When message (Message) event occurs, check source (origin) attribute of MessageEvent object, give second page by the Message Transmission of first page.
Such as, described Window.postMessage () is window.postMessage (" I like apples ", " http://phicomm:81 "), wherein, " I like apples " Message-text for namely sending, " http://phicomm:81 " is the url address of the window accepting message.Monitoring function addEventListener () in second page is monitored event message, and described monitoring function is specially:
Namely after monitoring function addEventListener () listens to message event, the source attribute (origin attribute) of message event is judged, when for trusted, i.e. e.origin==http: during //phicomm, data in message event are shown, i.e. displayMessage (e.data); When e.origin is not http://phicomm, display error message Message Discarded, i.e. displayMessage (" Message Discarded ").
Present invention also offers a kind of communication system of Web page window object, refer to Fig. 4, be shown as the communication system module diagram in one embodiment of a kind of Web page window object of the present invention, described system 1 comprises sending module 11, monitors module 12 and judge display module 13.
Described sending module 11, the message calling send window object sends function and sends message event to target window object, such as, after calling the message transmission function of described send window object, address according to described target window object sends message event to target window object, wherein, described message event comprises: data to be sent and with described send window object for source source attribute, the address of described target window object is URL form.Such as described send window object is in the first Web page, and described target window object is in the second Web page.Described first Web page is the parent page of described second Web page.It is such as postMessage () function that described message sends function, and preferably, described send window object can send message event to multiple described target window object simultaneously.
Described monitoring module 12 makes described target window object reference monitor function and monitors described message event; Described monitoring function is such as addEventListener () function.
Described judgement display module 13, when the source attribute of the message event listened to according to described monitoring module 12 judges that it derives from described send window object, shows the data in the message event listened to.
In another specific embodiment, described judgement display module 13, when the source attribute of the message event listened to according to described monitoring module 12 judges that it derives from described send window object, continues the source whether trusted judging described message event; When for being, show the data in described message event; When for time no, show error message.
The know-why of native system embodiment is roughly the same with above-described embodiment, and when not conflicting, the feature in above-described embodiment all can be applicable to this method embodiment, and therefore to the technical characteristic repeated, it is no longer repeated.
In sum, the communication means of a kind of Web page window object of the present invention and system, the message calling send window object sends function and sends message event to target window object, wherein, described message event comprises: data to be sent and with described send window object for source source attribute; Described target window object reference is monitored function and is monitored described message event, when judging that it derives from described send window object according to the source attribute of listened to message event, shows the data in the message event listened to.The present invention can realize with a kind of simple and convenient mode realize cross-domain, across the communication of Web page, better user experience.So the present invention effectively overcomes various shortcoming of the prior art and tool high industrial utilization.
Above-described embodiment is illustrative principle of the present invention and effect thereof only, but not for limiting the present invention.Any person skilled in the art scholar all without prejudice under spirit of the present invention and category, can modify above-described embodiment or changes.Therefore, such as have in art usually know the knowledgeable do not depart from complete under disclosed spirit and technological thought all equivalence modify or change, must be contained by claim of the present invention.

Claims (10)

1. a communication means for Web page window object, is characterized in that, comprises the steps:
Call send window object message send function to target window object send message event, wherein, described message event comprises: data to be sent and with described send window object for source source attribute;
Making described target window object reference monitor function monitor described message event, when judging that it derives from described send window object according to the source attribute of listened to message event, showing the data in the message event listened to.
2. the communication means of Web page window object according to claim 1, it is characterized in that: described target window object, when judging that it derives from described send window object according to the source attribute of listened to message event, continues the source whether trusted judging described message event; When for being, show the data in described message event; When for time no, show error message.
3. the communication means of Web page window object according to claim 1, is characterized in that: after calling the message transmission function of described send window object, the address according to described target window object sends message event to target window object.
4. the communication means of Web page window object according to claim 3, is characterized in that: the address of described target window object is URL form.
5. the communication means of Web page window object according to claim 1, is characterized in that: described send window object can send message event to multiple described target window object simultaneously.
6. the communication means of Web page window object according to claim 1, is characterized in that: it is postMessage function that described message sends function, and described monitoring function is addEventListener function.
7. the communication means of Web page window object according to claim 1, is characterized in that: described send window object is in the first Web page, and described target window object is in the second Web page.
8. a communication system for Web page window object, is characterized in that: comprising:
Sending module, call send window object message send function to target window object send message event, wherein, described message event comprises: data to be sent and with described send window object for source source attribute;
Monitor module, make described target window object reference monitor function and described message event is monitored;
Judge display module, when the source attribute of the message event listened to according to described monitoring module judges that it derives from described send window object, show the data in the message event listened to.
9. the communication system of Web page window object according to claim 8, is characterized in that:
Described judgement display module, when the source attribute of the message event listened to according to described monitoring module judges that it derives from described send window object, continues to judge whether the source attribute of described message event is trusted; When for being, show the data in described message event; When for time no, show error message.
10. the communication system of Web page window object according to claim 8, is characterized in that:
Described sending module, the message calling described send window object sends function, and sends message event according to the address of described target window object to target window object;
The address of wherein said target window object is URL form.
CN201410814706.1A 2014-12-19 2014-12-19 Method and system for communication of Web page window objects Pending CN104410722A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410814706.1A CN104410722A (en) 2014-12-19 2014-12-19 Method and system for communication of Web page window objects

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410814706.1A CN104410722A (en) 2014-12-19 2014-12-19 Method and system for communication of Web page window objects

Publications (1)

Publication Number Publication Date
CN104410722A true CN104410722A (en) 2015-03-11

Family

ID=52648317

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410814706.1A Pending CN104410722A (en) 2014-12-19 2014-12-19 Method and system for communication of Web page window objects

Country Status (1)

Country Link
CN (1) CN104410722A (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105677536A (en) * 2016-01-08 2016-06-15 上海斐讯数据通信技术有限公司 Implementing method for task messages and task system for implementing task messages
CN108268332A (en) * 2017-08-10 2018-07-10 广州神马移动信息科技有限公司 Webpage abnormality monitoring method, equipment and system
CN110110274A (en) * 2019-05-17 2019-08-09 极智(上海)企业管理咨询有限公司 A kind of browser multi-page Message Processing distribution method
CN112685211A (en) * 2021-01-04 2021-04-20 北京金山云网络技术有限公司 Error information display method and device, electronic equipment and medium
CN113542229A (en) * 2021-06-21 2021-10-22 浙大城市学院 Method for secure non-homologous page cross-domain communication
CN115994280A (en) * 2023-03-23 2023-04-21 浙江数新网络有限公司 Browser tab communication method, system, electronic equipment and storage medium
CN112685211B (en) * 2021-01-04 2024-06-04 北京金山云网络技术有限公司 Error information display method and device, electronic equipment and medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101772780A (en) * 2007-05-28 2010-07-07 谷歌公司 Inter-domain communication
EP2225869A2 (en) * 2007-11-23 2010-09-08 Koninklijke Philips Electronics N.V. Co-browsing (java) scripted html documents
CN102307220A (en) * 2011-03-18 2012-01-04 北京神州数码思特奇信息技术股份有限公司 Cross-domain webpage information interaction method
CN102567125A (en) * 2011-12-28 2012-07-11 中标软件有限公司 Method for realizing communication between browser pages
CN103095762A (en) * 2011-11-02 2013-05-08 腾讯科技(深圳)有限公司 Web page cross-domain communication method and device

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101772780A (en) * 2007-05-28 2010-07-07 谷歌公司 Inter-domain communication
EP2225869A2 (en) * 2007-11-23 2010-09-08 Koninklijke Philips Electronics N.V. Co-browsing (java) scripted html documents
CN102307220A (en) * 2011-03-18 2012-01-04 北京神州数码思特奇信息技术股份有限公司 Cross-domain webpage information interaction method
CN103095762A (en) * 2011-11-02 2013-05-08 腾讯科技(深圳)有限公司 Web page cross-domain communication method and device
CN102567125A (en) * 2011-12-28 2012-07-11 中标软件有限公司 Method for realizing communication between browser pages

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105677536A (en) * 2016-01-08 2016-06-15 上海斐讯数据通信技术有限公司 Implementing method for task messages and task system for implementing task messages
CN108268332A (en) * 2017-08-10 2018-07-10 广州神马移动信息科技有限公司 Webpage abnormality monitoring method, equipment and system
CN110110274A (en) * 2019-05-17 2019-08-09 极智(上海)企业管理咨询有限公司 A kind of browser multi-page Message Processing distribution method
CN112685211A (en) * 2021-01-04 2021-04-20 北京金山云网络技术有限公司 Error information display method and device, electronic equipment and medium
CN112685211B (en) * 2021-01-04 2024-06-04 北京金山云网络技术有限公司 Error information display method and device, electronic equipment and medium
CN113542229A (en) * 2021-06-21 2021-10-22 浙大城市学院 Method for secure non-homologous page cross-domain communication
CN113542229B (en) * 2021-06-21 2023-03-24 浙大城市学院 Method for secure non-homologous page cross-domain communication
CN115994280A (en) * 2023-03-23 2023-04-21 浙江数新网络有限公司 Browser tab communication method, system, electronic equipment and storage medium

Similar Documents

Publication Publication Date Title
CN104410722A (en) Method and system for communication of Web page window objects
CN102724187B (en) A kind of safety detection method for network address and device
US9450803B2 (en) Efficient delivery of content by virtualization of dynamic interaction with the document object model
US9129116B1 (en) System and method for indicating security
EP2874078A1 (en) Method to enable cross-origin resource sharing from a webpage inside a private network
WO2018205918A1 (en) Webpage monitoring method and apparatus, and storage medium
CN106339309B (en) Application program testing method, client and system
CN110020367B (en) Page rendering method and device
CN103139292A (en) Method for processing pictures in hyper text transmission protocol (HTTP) proxy and proxy server and system
CN105262629A (en) Method and system enabling WebSocket in network management system to push alarm information
CN103970760B (en) A kind of web-page requests processing method and processing device
CN104881273B (en) A kind of analysis method and terminal device of webpage rendering
US10445412B1 (en) Dynamic browsing displays
WO2016101764A1 (en) Method for advertisement blocking in dual-core browser, and browser device
US9785710B2 (en) Automatic crawling of encoded dynamic URLs
TW201800962A (en) Webpage file sending method, webpage rendering method and device and webpage rendering system
CN104954894A (en) Video traffic guiding method and device as well as electronic equipment
CN104144206A (en) Method, system and device for loading interface
CN113900834B (en) Data processing method, device, equipment and storage medium based on Internet of things technology
US9645984B2 (en) Efficient delivery of content by virtualization of static interaction with the document object model
US11431634B2 (en) Client device and resource manager load sharing
CN103488508B (en) Browser working method, browser and terminal equipment
US20150106689A1 (en) Web server system, web server and web provding method
CN104572914A (en) Method and device for intercepting advertisements of double-core browser
CN113094612A (en) Method and device for loading webpage at client, electronic equipment and medium

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
EXSB Decision made by sipo to initiate substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20150311

RJ01 Rejection of invention patent application after publication