こんにちは、今日はChrome拡張でポップアップを表示する方法についてまとめていきます。
Table of Contents
確認環境
Google Chrome バージョン: 87.0.4280.141
browser_action
browser_actionにポップアップのファイルを設定すると、すべてのページで拡張機能のアイコンクリック時に指定したポップアップファイルが開きます。
以下の例では拡張機能のアイコンをクリックすると「TEST」というテキストのみのポップアップが表示されます。
manifest.json
{
"name": "Sample",
"version": "1.0",
"description": "Sample Extension",
"manifest_version": 2,
"browser_action": {
"default_popup": "popup.html"
}
}
popup.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>TEST</p>
</body>
</html>
