2017-12-02 6 views
1

URLを入力して要素を視覚的に選択して外部Webページを読み込むことができる種類のインタラクティブな解析ツールを開発しています。iframe内のビジュアルエレメントセレクタ(ピッカー)

読み込まれたページには、元のUIがすべて含まれている必要があります。

ピッキングの経験は、ブラウザのWebインスペクタのようにする必要があります。 、その後、いくつかのピッキングプラグインを使用して、ユーザーが任意の要素を選択してみましょう

1.インラインフレームおよびピッカー

ロードにWebページ:私は思う


は、彼らは2つの方法があり。

ライブラリが利用可能であり、視覚的に要素を取り入れることができます? UI

を選んで提供します

2.ブラウザのプラグインは、私が思うに、それは元の状態だで全ページが利用可能であるので、それは、ユーザーエクスペリエンスの方が良いでしょう。

しかし、多くのバージョンの多くのブラウザでサポートされているプラ​​グインは、すぐに難しくなる可能性があります。


また、いくつかのウェブサイトでは、JavaScript(...リアクト)で構築されている、と私はヘッドレスモードでDOMをブートストラップしますインタプリタを、持っている必要があります。


あなたはどちらの方法でアドバイスできますか?

使用するプラグイン、ライブラリ、パッケージのスタックは何ですか?

答えて

0

オプションは、ドメイン間のセキュリティの制限により機能しません。これを克服するには、リモートサイトをサーバー経由でプロキシする必要があります。