Я получил следующие файлы в моем проекте расширения Chrome.
|--dist
|--background.js
|--content.js
|--popup.js
|--popup.html
|--manifest.json
|--images
|--get_started16.png
|--get_started32.png
|--get_started48.png
|--get_started128.png
background.js, content.js и popup.js содержит только console.log('hello').
manifest.json
{
"name": "Test",
"version": "1.0",
"description": "test",
"manifest_version": 2,
"permissions": ["activeTab", "declarativeContent", "storage"],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"page_action": {
"default_popup": "popup.html",
"default_icon": {
"16": "images/get_started16.png",
"32": "images/get_started32.png",
"48": "images/get_started48.png",
"128": "images/get_started128.png"
}
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"]
}
]
}
popup.html
<!DOCTYPE html>
<html>
<head>
<style>
button {
height: 30px;
width: 30px;
outline: none;
}
</style>
</head>
<body>
<h1>Hello world</h1>
<script src="popup.js"></script>
</body>
</html>
Нет ошибок при загрузке файлов (загрузка расширения в распакованном виде). При щелчке по значку расширения открывается стандартное меню с
- Удалить из дома
- Скрыть в меню Chrome
- Управление расширениями
- Проверить всплывающее окно
и т.д ... не popup.html, однако content script и background script регистрируют hello на своих консолях. Нажатие на Inspect popup ничего не делает.
Я использую (на Arch Linux),
Chrome: Version 75.0.3770.100 (Official Build) (64-bit)
Chromium: Version 75.0.3770.100 (Official Build) Arch Linux (64-bit)
Всплывающее окно не работает в обоих браузерах. Я попытался изменить права доступа к файлам, как показано ниже
chmod -R 777 dist/
Я загрузил Руководство по началу работы Файлы проекта. Всплывающее окно в этом работает нормально. Что мне здесь не хватает?