1

を使用して Google Chrome 拡張機能を作成しようとしていますcontent script。私の目標は、ページと対話できるページの上部にディスプレイを表示することです (これは、自分のページで既に機能しています)。

セキュリティ ポリシーのために、拡張機能にまとめるには非常に複雑なものが必要です。

  • require.js拡張機能での使用(現時点では、この Github リポジトリを使用して動作します)
  • テンプレート エンジンを使用してディスプレイを説明する : ページに多くのコンテンツを追加する必要があり、javascript で HTML を記述するのは適切なワークフローではないと思います。
  • 現在のバージョンでは、サーバーで jade を使用していますが、これは拡張機能では不可能です。Angular.jsまたはのようなものを使用する必要があると思いますBackbone.jsが、コンテンツスクリプトでそれらを機能させることはできません。
  • 拡張機能とページの間で多くの通信が必要です: たとえば、ほぼ常にマウスの動きを検出する必要があります
  • を使用してサーバーと通信する必要がありますsocket.io

私の拡張機能のすべての機能は、スタンドアロンの Web ページで開発および試行されましたが、実際の拡張機能に統合する必要があり、本当に行き詰まっています。

したがって、これらの要件により、これを構築するための正しいアプローチは何かと考えています。すべてをiFrameに入れること（サーバー側の通信は機能しますか？そしてページと通信する方法は？）、またはテンプレートエンジンはそこでうまく機能しますか、それとも私が思いつかなかった解決策ですか?

4

1 に答える 1

2

これを試して：

  • コンテンツ スクリプトが iframe に含めるスタンドアロン ページとして HUD パーツを開発します。これでAngular.jsなどを使用できるはずですがmanifest.json、拡張機能で機能させるには、可能な限りのローカルコピーが必要であり、適切なエントリが必要です。詳細については、他の質問を参照/作成してください。

  • コンテンツ スクリプトで、マウスの動きなどを監視するコードをターゲット ページに挿入します。このコードでデータをダイジェストして要約し、システムにスパムを送信しないようにします。要約を HUD ページやコンテンツ スクリプトに 1 秒間に 5 ～ 6 回送信することもできます。

その後は、ピースを 1 つずつ機能させるだけです。特定の問題に分割し、一度に 1 つの特定の問題について質問します (前の質問で答えが見つからない場合)。

あなたが望んでいるように見えることは実行可能であると確信していますが、詳細は単一のスタックオーバーフローの質問には広すぎます.

于 2013-04-11T22:05:45.883 に答える