サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
ツールバーのアイコン
記事IT・テクノロジー
クリックしたらポップアップ表示する
manifest.json
"action": {
"default_title": "タイトル"
"default_icon": "32": "ツールバーに表示される32×32pxの画像の相対パス",
"default_popup": "popup/index.html"
}
構成
popup/index.html
popup/style.css
popup/script.js
popup/index.html
<html>
<head>
...
<link rel="stylesheet" href="style.css" />
</head>
<body>
...
<script type="module" src="script.js"></script>
</body>
</html>
他のスクリプトファイルを利用する
popup/index.html
<script src="他のスクリプト.js"></script>
<script type="module" src="script.js"></script>
※他のスクリプトには type="module" は指定しない
クリックしたら関数を実行
browser.action.onClicked.addListener(関数);
アイコンを変更
画像
browser.action.setIcon({
path: { サイズ: icons/画像ファイル },
tabId: タブ.id
});
タイトル
browser.action.setTitle({
title: "タイトル",
tabId: タブ.id
});
