Operaの拡張機能:タブ

エントリー

Operaの拡張機能は機能的です。HTML、JavaScript、CSSなどのWeb標準を使用して、ブラウザのボタン、デフォルトのCSS、その他の多くの機能を制御できます。 この記事では、タブの管理方法について説明します。

Operaの拡張機能の基本を理解する必要がある場合は、記事「 あなたの最初のOperaの拡張機能 」を開始するのに適した場所です。

タブを作成する

タブを作成することから始めましょう。 まず、addEventListenerメソッドを使用して、ドキュメントの読み込みイベントをインターセプトします。 ドキュメントが読み込まれた後、関数を呼び出します。

また、関数を使用する前にopera.extension.tabsオブジェクトの存在を確認します。

window.addEventListener( "load", function(){ if( opera.extension.tabs.create ) //   { opera.extension.tabs.create(); //   } else { //   } }, false); 

アドレス付きのタブを作成する

opera.extension.tabs.createメソッドは、タブおよび/またはURLのアクティビティのブール値を含むTabPropertiesオブジェクトをオプションの引数として受け取ります。 URLを指定することにより、指定したアドレスを開いた後に読み込むタブを作成できます。

 window.addEventListener( "load", function(){ if( opera.extension.tabs.create ) { opera.extension.tabs.create({url:"http://www.opera.com/"}); } else { //   } }, false); 

フォーカスタブ

イベントフックの同じアイデアを使用し、opera.extension.tabsオブジェクトの存在を確認することで、さまざまな方法でタブを操作できます。 まず、アクティブなタブを作成する方法を見てみましょう。

 opera.extension.tabs.create({focused:true}) 

ご注意 翻訳者:どうやら、これがデフォルトの動作です。 バックグラウンドでタブを作成する場合は、focusedをfalseに設定します。

次に、指定されたURLでアクティブなタブを作成します。

 opera.extension.tabs.create({url:"http://www.opera.com/",focused:true}) 

タブを閉じる

タブを閉じるのも簡単です。 これを試してみましょう。タブを作成して、すぐに閉じます。

 window.addEventListener( "load", function(){ if( opera.extension.tabs ) { var tab = opera.extension.tabs.create({url:"http://www.opera.com/",focused:true}); window.setTimeout( function(){ opera.extension.tabs.close( tab ); }, 1000); } else { //    opera.extension.tabs } }, false); 

次は?

以上です。 これで、タブを作成、変更、閉じる方法がわかりました。 タブオブジェクトとそのメソッドの詳細については、 Operaの拡張APIを参照しください。 拡張機能からブラウザウィンドウ管理する方法に関する記事を読むこともできます。

APIリファレンス
opera.extension.tabsオブジェクト


CreateTab.oex-ボタンが作成され、クリックすると新しいタブが開きます。
CreateTabInBG.oex-ボタンをクリックすると、バックグラウンドで新しいタブが開きます。
CreateTabWithUrl.oex-ボタンが作成され、クリックすると、指定されたアドレスで新しいタブが開きます。

Source: https://habr.com/ru/post/J106988/


All Articles