Carregando o jQuery na extensão chrome
Estou tentando meu primeiro passo no mundo mágico das extensões do Chrome. Agora eu construí meu manifesto tentando carregar o 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!"
}
}
Na verdade, tentando recarregar a extensão, diga-me que as "correspondências" não correspondem a um esquema válido.
Mas isso não é tudo. Para superar isso, tentei apenas alterar o valor "matches" para*://*/*
e recarregar. Bem, a extensão parece carregar corretamente, mas parece que o jquery não está carregado devido ao erro que posso obter do popup.js que apenas me diga
Desconhecido ReferenceError: $ não está definido
Na verdade, o HTML é apenas:
<!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>
O código popup.js só faz isso:
$("#test").html("Foo!");