Google Chrome 拡張機能のポップアップ ページに RSS フィードを表示しようとしています。jQuery と jQuery 用の RSS プラグインを使用しています。popup.html をブラウザー ウィンドウにロードすると、コードは完全に機能します。ただし、拡張機能からポップアップを開くと、RSS がターゲット div に取り込まれません。
ソース: popup.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="css/popup.css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.rss.min.js"></script>
<script src="js/mypopup.js"></script>
</head>
<body>
<div id="header">
<a href="someurl" target="_blank">
<img id="logo" src="images/header.png" />
</a>
</div>
<div id="feed-container">
<div id="feed"></div>
</div>
</body>
</html>
ソース: mypopup.js
document.addEventListener('DOMContentLoaded', function () {
//document.getElementById('feed').innerHTML = '<p>Test</p>';
$("#feed").rss("http://feed/url");
});
ソース: manifest.json
{
// Required
"name": "XYZ",
"version": "0.1",
"manifest_version": 2,
// Recommended
"description": "XYZ",
"icons": {
"128": "images/icon128.png"
},
// Add any of these that you need
"homepage_url": "http://url",
//"key": "publicKey",
//Browser Action
"browser_action": {
"default_icon": { // optional
"19": "images/icon19.png", // optional
"38": "images/icon38.png" // optional
},
"default_title": "XYZ",
"default_popup": "popup.html"
}
}
それで、私はここで何が間違っていますか?