javascript - ページのプレビューを表示して別のサイトで操作する

Question

ユーザーに (別のドメインからの) 別のページの小さなプレビューを表示し、ユーザーがページの要素を制御できるようにしたいと考えています。例: 上部のロゴを置き換えます。

私は2つのアプローチを試みました：

1. iFrame を使用すると、クロス ドメインの問題が発生します。
2. そのページにJavaScript関数を「プレインストール」することもできません。

より多くのアイデアを得たいと思っています。

ありがとう！

Answer 1

http://jsbin.com/を参照できます。

出力 div には、ページが他のドメインから複製された iframe があります。

一方、ユーザーが何かを変更すると、iframe コンテンツの HTML が変更される管理インターフェイスが必要です (これは、他のドメイン ブラウザーから直接変更できるクローンではないため)。そのため、ライブ プレビューをユーザーに表示できます。

ここで、iframe HTML を変更する方法については、多くの例があります。それ以外の場合は、jsbin.com コードを参照してください。

私はちょうどこの記事に出くわしました。これはあなたを助けるかもしれません。http://www.sitepoint.com/how-to-safeguard-your-site-with-html5-sandbox/