CONTEXT
我正在构建一个应用程序，通过代理在iframe中加载第三方网站，以便允许对网站进行更改。由于代理，我能够将JS代码注入到网站中，允许元素选择器出现在其中（例如：http://jsfiddle.net/rFc8E/）
问题
我的下一步是让用户不仅可以选择组件，还可以编辑它们。因此，例如，我将能够选择文本，键入新文本，单击保存，然后选择 - ＆gt;内容更改值存储在我的应用程序的某个位置。这已由其他人完成，如下所述：How does Optimizely & Visual Website Optimizer handle visual DOM editing?。
但是，我不确定第3步是如何完成的：
此时我们的用户可以对页面进行更改，例如修改文本，交换图像或移动元素。使用编辑器进行的每个更改都被编码为一行JavaScript，如下所示：
$j("img#hplogo").css({"width":254, "height":112});
|__IDENTIFIER__||____________ACTION______________|
有人能指出我正确的方向吗？