[解決済み】Google Chromeの拡張機能から現在のタブのURLを取得するにはどうすればいいですか?
2022-04-06 10:53:44
質問
Google Chromeの拡張機能で楽しんでいるのですが、ちょっと知りたいのは、現在のタブのURLを変数に格納するにはどうしたらいいのでしょうか?
どのように解決するのですか?
使用方法
chrome.tabs.query()
このように
chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => {
let url = tabs[0].url;
// use `url` here inside the callback because it's asynchronous!
});
これには、アクセス権を要求する必要があります。
chrome.tabs
のAPIを使用します。
拡張マニフェスト
:
"permissions": [ ...
"tabs"
]
ここで重要なのは、拡張機能のニーズによって "現在のタブ" の定義が異なる可能性があることです。
設定方法
lastFocusedWindow: true
は、ユーザーがフォーカスしているウィンドウ(通常は一番上のウィンドウ)の現在のタブにアクセスしたい場合に適しています。
設定方法
currentWindow: true
を使用すると、拡張モジュールのコードが現在実行されているウィンドウの現在のタブを取得することができます。例えば、拡張機能が新しいウィンドウやポップアップを作成する (フォーカスを変える) 場合に、拡張機能が実行されているウィンドウのタブ情報にアクセスしたい場合に便利でしょう。
を使うことにしました。
lastFocusedWindow: true
この例では、Google が
currentWindow
は常に存在するとは限りません。
.
ここで定義されたプロパティを使用して、タブクエリをさらに絞り込むことは自由です。 クローム.タブ.クエリ
関連
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] WebKit から target-densitydpi のサポートが削除されました。
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] HTMLでリンクを新しいタブで開くには?
-
[解決済み] Google ChromeでJavaScriptデバッガーを起動する方法を教えてください。
-
[解決済み】開発中のChrome拡張機能を自動で再読み込みするには?
-
[解決済み] クロームブラウザのロケールを変更する方法
-
[解決済み] Chromeインスペクタでネットワーク要求のパスなどが表示されない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Chromeは、保存されたパスワードのようなものを書き込むSQLiteデータベースファイルをどこに保存しているのでしょうか?
-
[解決済み] ResizeObserver - ループの制限を超えました。
-
[解決済み] Chrome は、保存パスワードなどを書き込む SQLite データベース ファイルをどこに保存していますか?
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
-
[解決済み】新しいタブ/新しいウィンドウを開くと、Chromeデベロッパーツールが自動的に開く
-
[解決済み】Google ChromeでWebSocketのデバッグをする。
-
[解決済み】Google Chromeですべてのブレークポイントを一度に削除する方法は?
-
[解決済み】Chromeの「通常再読み込み」、「ハード再読み込み」、「キャッシュを空にしてハード再読み込み」の違いは?
-
[解決済み] Chrome DevToolsのネットワークタブにある「転送」と「リソース」の違いは何ですか?
-
[解決済み] hover要素を "Inspect "する?