I try to build a Safari App extension. The javaScript popup.js does not run for the toolbar icon. The popup.html is displayed correctly.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="popup.js"></script>
<link rel="stylesheet" href="popup.css">
</head>
<body>
<strong>Hello World!</strong>
</body>
</html>
alert("Test");
{
"manifest_version": 2,
"default_locale": "en",
...
"background": {
"scripts": [ "background.js" ],
"persistent": true
},
...
"browser_action": {
"default_popup": "popup.html",
"default_icon": {
"16": "images/toolbar-icon-16.png",
"19": "images/toolbar-icon-19.png",
"32": "images/toolbar-icon-32.png",
"38": "images/toolbar-icon-38.png"
}
},
"permissions": ["notifications",
"create",
"tabs"]
}
I solved the problem by moving <script src="popup.js"></script> in the body part:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<strong>Hello World!</strong>
<script src="popup.js"></script>
</body>
</html>