使用easyXDM修改provider页面内容

Question

我正在尝试使用 easyXDM javascript 库来实现一些跨域黑客。

easyXDM 的一些背景知识。我们有两个角色：

1. 提供者，提供供其他人调用的函数
2. ；消费者，调用提供者提供的函数。

需求是这样的：

The consumer passes the content as parameter and calls the function through RPC. 
The provider receives the request and use the content to modify its page.

这里，修改其页面意味着尝试修改DOM结构或DOM节点中的内容。

provider 端的代码，一旦消费者请求，它将修改其页面内容。

var provider = new easyXDM.Rpc({}, {
    local: {
        modifyContent: {
            method: function(content){
                // modify the content on my page
            }
        }
    }
});

消费者端，将执行RPC来要求提供者更改其页面。

    var consumer = new easyXDM.Rpc({
        remote: "remoteUrl"
    }, {
        remote: {
            modifyContent: {}
        }
    });
    //perform RPC and ask the provider to the modify its content
    consumer.modifyContent("This is some content that should be used to modify your content");

一切都进展顺利，除非提供者尝试使用内容来修改其页面。

不会引发任何错误或警告。但页面不会按预期改变。

此外，我单独运行“更改内容”代码（例如在 Firebug 控制台或 Chrome 控制台中复制并粘贴并运行），它会起作用。

有人使用过easyXDM并遇到过这个问题吗？

PS：easyXDM这里似乎不是一个标签。如果您认为值得的话，请为我添加它。

Answer 1

我遇到了同样的问题，问题是我不明白 easyXDM 的 RPC 功能是如何工作的。

对我来说，问题是我将子 iframe 添加到父 iframe，然后使用添加到页面的 iframe 的 url 调用 easyXDM.Rpc() 。当我从父级向子级发送消息时，子级会很好地接收该消息（并且控制台会记录正确的消息），但我无法更改子 iframe 中的任何本地内容或全局变量。我不明白的是，当在父级中创建新的 RPC 客户端时，该工具会自动创建 iframe。我以为它只会使用我在页面上绘制的 iframe。因此，我从一个 iframe（默认情况下绘制在屏幕外）进行日志记录，并与未连接到 RPC 调用的 iframe 进行交互。

为了解决这个问题，我删除了添加到页面的 iframe，并使用 RPC 配置的“props”属性使 iframe 在屏幕上可见。一旦我这样做了，一切就顺利了。