4

Google Chrome または Firefox Web ブラウザーで永続的な情報バーのようなバナーを表示するブラウザー拡張機能を作成したいと考えています。このバナーは、Web サイトのコンテンツをブロックしないように、Web サイトを押し下げる必要があります。

いくつかのラジオ ボタン、テキスト ボックス、ドロップダウン ボックス、および HTML フォームのデータを送信するためのボタンを使用して、infobar バナーに HTML フォームを配置したいと思います。情報バー バナーを Web ページ全体で持続させたいと考えています。つまり、ユーザーは他の Web ページを参照できますが、情報バー バナーはブラウザー ウィンドウの上部にとどまります。

ユーザーがボタンをクリックして HTML フォームを送信すると、情報バーが跳ね上がってから下がって、新しい HTML フォームを含む新しい情報バーが表示されます。

Google Chrome または Firefox ブラウザでこの種の情報バー バナーを作成できるかどうかは誰にもわかりませんか?

ブラウザ API を検索しましたが、これまでのところ、 Google Chrome Infobar関数しか見つかりませんでした。1行の通知しか表示できないようです。

4

3 に答える 3

3

Google Chrome に関する限り、2014 年の時点で、ようやくchrome.infobarsChrome で API が利用できるようになったようです。

詳細については、

于 2014-02-02T15:04:34.050 に答える
1

  • グーグルクローム; スクリプトを現在のドキュメントに挿入する必要があります-それをクロムに入れることはできません。Google Chrome のコンテンツ スクリプトの詳細については、こちらをご覧ください。

  • Firefox; できますが、XUL (XHTML と同様) で記述する必要があります。このようなチュートリアルを参照してください。

両方で機能するものが必要な場合は、userscriptとして FireFox に簡単に移植できるため、コンテンツ スクリプト ルートをたどってください。

于 2013-02-25T19:11:22.223 に答える
1

content.js で以下を使用できます。

var newSpan = document.createElement("newSpan");
newSpan.id = "newSpan";
newSpan.style.fontSize = "25px";
newSpan.style.fontWeight = "bold";
newSpan.textContent = "******Banner******"
newSpan.style.color = "red";
var elemDiv = document.createElement('div');
elemDiv.style.cssText = 'width:100%;height:10%;background:rgb(255,255,255);text-align: center;';
elemDiv.appendChild(newSpan);

window.document.body.insertBefore(elemDiv, window.document.body.firstChild);
于 2016-05-11T20:07:17.493 に答える