JavaScript - 他のWebサイトのコンテンツの一部を直接移植するにはどうすればよいですか?

Question

問題の説明があまり明確ではないかもしれません。たとえば、SF 全体をコピーしたいです。

この HMTL を私の Web サイトに追加します。SF が更新されると、私の Web サイトも更新されますが、クリック可能な状態を維持できますか?
それとも、それをクロールするためのクローラーを作成し、それを自分で植字することによってのみ実装できますか?

Answer 1

サブジェクトはプロキシ実装を使用したいため、ここではサブジェクトのニーズを達成するために NodeJS中間層をプロキシとして使用します。

実施原則

NodeJS 中間層をプロジェクトに追加して、SF Web ページのコンテンツをリアルタイムで取得します。フロントエンドは Ajax を使用してこの中間層を要求し、SF HTML の形式でフロントエンドに返します。文字列を取得し、最後にそれを DOM にバインドします。簡単に言うと、サーバーを使用して SF Web ページのコンテンツをクロールし、フロントエンドに返すことです。

実装アイデア

ExpressJS フレームワークを使用できます。具体的な使用法については公式ドキュメントを確認してください。

サーバーコード:

リーリー

フロントエンドのコードはさらに単純です:

リーリー

ついに

上記は単純な実装アイデアを示しているだけです。特定の状況に応じて、独自の技術シナリオに従って調整してください。他のサーバーサイド言語を使用する場合は、このアイデアを使用して質問者のニーズを実現することもできます。

Answer 2

いくつかの方法

まず、jQuery のロードを使用して、ID の必要な部分のみを選択できます

リーリー

2 番目に、iframe を使用し、負の値の margin-top を使用して上部を制限し、height を使用して下部を制限し、scrolling="no" を使用してスクロールを無効にすることができます。この方法は中間セクションに適しています。

リーリー

3つ目は、iframeを削除した後、jsを使用して必要な部分を削除することです。これは、一部だけが必要な場合に適しています。

抽出後に非表示にする

リーリー

必要なパーツを選択してください

リーリー

参照: https://stackoverflow.com/que...
https://stackoverflow.com/que...

Answer 3

純粋に埋め込まれている場合は、iframe+CSS/JS ブラックテクノロジーを使用して、他の無関係な要素を削除し、この要素のみを表示できます。
自分のウェブサイトに完全に書き込む場合は、自分で植字するしかありません。