0

友人から Chrome 用のアプリケーションを作成するように依頼されました。そのためには、以下のような状況依存のメニューが必要です。
ここに画像の説明を入力

これまで Chrome 用に何かを作成したことがないので、それに関していくつか質問があります。

  1. を開発する必要がありplug-inますよね？
  2. もしそうなら、私が従わなければならない特定のルールのセットはありますか?

GWTを使用して Java を JavaScript 3 にコンパイルできることはわかっています
。この状況依存メニューはJPopupMenu?

私が開発したいアプリケーションは単純です:
いくつかのテキストをコピーし、
右クリックし、状況依存メニューをクリックして、
単純なシーザーの暗号をテキストに適用し、その中に新しいテキストを
開き、暗号化されたテキストを表示します。JFrameJtextArea

4

2 に答える 2

2

  1. 作成しているものは「プラグイン」ではなく「拡張機能」と呼ばれます。ブラウザー拡張機能は、HTML、CSS、および Javascript を使用して作成され、ブラウザーと直接やり取りするための API にアクセスできます。一方、
    プラグインは、Flash や Java などのコンパイル済みバイナリです。

  3. Chrome 拡張機能に GWT を使用するという考えを捨ててください。拡張機能の開発は容易ではなく困難になります (未解決の問題)。特に、ドキュメンテーションとスタック オーバーフロー
    には、バニラの JavaScript の例とチュートリアルがたくさんあります。

関連する API を知っている必要があります。

テキストをコピーして右クリックし、状況依存メニューをクリックします

を使用しchrome.contextMenusます。コピーする必要はありません。選択したテキストはコールバック (例) で使用できます。

単純なシーザーの暗号をテキストに適用する

これを実現する JavaScript 関数を作成します。

JtextArea を含む新しい JFrame を開いて、暗号化されたテキストを表示します。

を使用して新しいウィンドウを作成しますchrome.windows.create。拡張機能に追加の HTML ページを含め、メッセージ パッシング APIを使用してテキスト フィールドに入力することもできますが、完全な初心者のように見えるので、このウィンドウを作成して入力する単純なコピー アンド ペースト メソッドを示します。

function displayText(title, text) {
    var escapeHTML = function(s) { return (s+'').replace(/</g, '&lt;'); };
    var style = '*{width:100%;height:100%;box-sizing:border-box}';
    style += 'html,body{margin:0;padding:0;}';
    style += 'textarea{display:block;}';
    var html = '<!DOCTYPE html>';
    html += '<html><head><title>';
    html += escapeHTML(title);
    html += '</title>';
    html += '<style>' + style + '</style>';
    html += '</head><body><textarea>';
    html += escapeHTML(text);
    html += '</body></html>'

    var url = 'data:text/html,' + encodeURIComponent(html);
    chrome.windows.create({
        url: url,
        focused: true
    });
}

拡張機能のインフラストラクチャの詳細については、はじめにを読むことを忘れないでください。

于 2013-05-25T17:28:13.190 に答える
0

Google Chrome 拡張機能をチェックする Chrome 拡張機能

はじめには、はじめるのに役立ちます

コンテキスト メニューの使用方法に関するセクションがあります。

于 2013-05-25T16:55:13.077 に答える