使用给定的函数发布消息,但收到错误“DataCloneError：无法克隆该对象”. at line“target [‘postMessage’](message,target_url.replace(/([^：]：// [^ /]).* /,’$1′));”在FireFox-34中,相同的代码在Chrome和旧版FireFox上运行良好.
- var storage = function() {
- return {
- postMessage : function(message,target_url,target) {
- if (!target_url) {
- return;
- }
- var target = target || parent; // default to parent
- if (target['postMessage']) {
- // the browser supports window.postMessage,so call it with a targetOrigin
- // set appropriately,based on the target_url parameter.
- target['postMessage'](message,target_url.replace( /([^:]+:\/\/[^\/]+).*/,'$1'));
- }
- }
- }
- }();
解决方法
postMessage在Firefox中使用
structured clone algorithm发送消息,因此在发送之前需要调整某些内容.
在你的例子中,消息包含的内容并不明显,但是围绕结构化克隆的一种黑客方式就是强制一点.通过postMessage发送URL将引发错误：
- someWindow.postMessage(window.location,'*');
- // ERROR
但你可以这样做来解决它：
- var windowLocation = '' + window.location;
- someWindow.postMessage(windowLocation,'*');
- // WORKS
