javascript - 埋め込み技術

Question

ウェブマスターが私のウェブサイトからコンテンツを埋め込み、簡単な JavaScript スニペットを提供する良い方法を探しています。

2つのこと：

iframe を使用せずにコンテンツの埋め込みを許可するために FB や Youtube で使用されている手法は何ですか?

どうも、

score 0 · Accepted Answer

FB は iframe を使用します。

自分や他のページが ajax 経由で読み込める content.html ファイルを作成できます。content.html にはページ全体ではなく、コンテンツ部分のみが含まれています。お気に入り：

<h1>This is important</h1>
<p>here is some text.</p>

たとえば、jQuery を使用すると、次のように html ファイルを div に配置できます。$('#result').load('content.html');

しかし、それはあなたが何を誰と共有したいかによると思います。あなたの場合、REST APIの方がうまくいくでしょうか？

score 0 · Accepted Answer

あくまでも感想ですが、実際にFacebookなどのSNSはiframeを使っています。しかし、これらは JS によって作成されているため、組み込む必要があるため、技術的な選択肢がより強力になります。後で JS を更新し、iframe を削除して別のものを使用する可能性があります。

ただし、現在、特定の CSS クラスと a data-href、および JS を含む div を埋め込みます。スクリプトはこれらの div を見つけ.fb-postて、data 属性で示される投稿を含む iframe で埋めます。

何かをシンプルにしたい場合は、ユーザーにレスポンシブページを含む iframe を提供することもできます。

2 に答える 2