2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Chrome拡張機能やウェブページをグローバルショートカットキーで呼び出せるようにしたい (Windows11)

Posted at

やりたいこと

グローバルショートカットキーを使い、Chromeがアクティブでないときも素早くChrome拡張機能のポップアップ(や特定のウェブページ)を呼び出す(Windows11)。
ローカルのファイルをchromeで閲覧したりもできると思うけど使い道が思いつかない

経緯

Notionの拡張ツールを紹介している動画でSave to Notionが紹介されていた。ウェブページをデータベースに追加するほか、ショートカットキーを追加してchromeがアクティブでないときも自由にメモを追加できるらしい。

手順の参考に挙げられていた動画の内容がWindowsで再現できなかったのでなんとかした。

手順

1. URLを用意する

ふつうのウェブページならURLをそのまま。

Chrome拡張機能を呼び出す場合、2つめの動画のとおりポップアップ上で右クリックしてデベロッパーツールを開く。画像はSave to Notion
スクリーンショット (14).png

コンソールからポップアップをクリックし、ポップアップのURL (?) を取得
image.png

'chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/popup/index.html' というURL (?) が取得できた

関係ないけどこれをアドレスバーに貼り付けるとポップアップではなくフルページで開くことができる
image.png

2. .batファイルを用意する

なんかMacだと上記のページをそのままタスクバーに置いたりできるみたいだけどWindowsだと無理みたいのでバッチファイルで開く。
適当な場所にバッチファイルを作って書く

普通のウインドウで表示
@echo off
start chrome.exe "chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/modal/modal.html"
exit /b

起動オプションをつけるとアプリケーションウインドウで表示したり新しいウインドウで表示したりできる。今回はこっちのほうが見やすいのでこっちにした

アプリケーションウインドウで表示
@echo off
start chrome.exe --app="chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/modal/modal.html"
exit /b

3.batファイルへのショートカットを作成する

標準だとbatファイルにショートカットキーを割り当てることができないのでショートカットを作る。

4a. ショートカットキーを設定する

ショートカットキーが有効になるのはスタートメニューかデスクトップにあるファイルのみみたいなので3.で作ったショートカットをどちらかに移す。

ファイルを右クリックするなどしてプロパティを編集。適当なショートカットキーを設定する
image.png

これでChromeが起動していなくても直接ページを開いたりできる。

しかしどうやらショートカットキー経由だとバッチファイルの起動まで数秒かかるらしい。なんかWindows10のころからこんなかんじらしい。解決策があったら教えてください

4b. タスクバーにピン留めする

速さは正義なのでタスクバーにピン留めしてWindows+数字キーで起動することにした。
(参考:https://note.z0i.net/2020/09/pin-batch-file.html

バッチファイルはタスクバーにピン留めできないのでふたたびショートカットを作り、それをタスクバーに置いておく。タスクバーで左から10番目以内ならWindows+数字キーで開くことができる。

image.png

おまけ(ウインドウのサイズと表示位置を設定する)

ウインドウサイズを指定した

特定のサイズの新しいウインドウを開く
@echo off
start chrome.exe --new-window --window-size=600,600 --app="chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/modal/modal.html"
exit /b

しかしChromeが実行中だとサイズの指定がうまくいかなくてこまった。
あきらめて以下の方法をとった。

  • URLに"data:text/html..."を指定し、閲覧するページのhtmlを直接記述する
  • <script>でウインドウの操作をする
  • window.locationでURLを指定して開きたいページを開く

(参考: https://stackoverflow.com/questions/13436855/launch-google-chrome-from-the-command-line-with-specific-window-coordinates

改良版
@echo off
start chrome.exe --app="data:text/html,<html><body><script>window.resizeTo(525,600);window.location='chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/modal/modal.html';</script></body></html>"
exit /b

位置も指定した。

位置も指定
@echo off
start chrome.exe --app="data:text/html,<html><body><script>window.resizeTo(525,600);window.moveTo(390,50);window.location='chrome-extension://ldmmifpegigmeammaeckplhnjbbpccmm/modal/modal.html';</script></body></html>"
exit /b

いいかんじ。
image.png

結果

ショートカットキーを使っていつでもウェブページや拡張機能を開くことができるようになった

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?