Ładowanie jQuery do rozszerzenia chrome
Próbuję zrobić pierwszy krok w magiczny świat rozszerzeń Chrome. Teraz zbudowałem mój manifest próbując załadować jquery.
{
"name": "Test Extension",
"version": "0.1",
"manifest_version": 2,
"description": "First try",
"options_page": "options.html",
"content_scripts": [{
"matches": ["chrome-extension://*/*"],
"js": ["jquery.js", "popup.js"],
"run_at": "document_end"
}],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "Click me!"
}
}
Próbując przeładować rozszerzenie, powiedz mi, że „dopasowania” nie pasują do prawidłowego schematu.
Ale to nie wszystko. Aby to pokonać, próbowałem po prostu zmienić wartość „mecze” na*://*/*
i przeładuj. Wydaje się, że rozszerzenie ładuje się poprawnie, ale wygląda na to, że jquery nie jest załadowane z powodu błędu, który mogę uzyskać z popup.js, które po prostu mówią mi
Nieprzechwycony ReferenceError: $ nie jest zdefiniowany
Właściwie HTML jest po prostu:
<!doctype html>
<html>
<head>
<title>Test Extension</title>
<link rel="stylesheet" style="text/css" src="style.css">
</head>
<body>
<div id="test"></div>
</body>
</html>
<script type="text/javascript" src="popup.js"></script>
Kod popup.js właśnie to robi:
$("#test").html("Foo!");