Я пытаюсь разработать простое расширение cheome, но я не в состоянии установить JQuery для работы с ним:выпуск на Беговой JQuery на Chrome Extension
Вот мой файл Структура:
--root
- manifest.json
- popup.html
- script.js
- JS
- jquery.js
- clip.js
Вот код, который я имею в manifest.json
{
"manifest_version": 2,
"name": "My ext",
"description": "This is a Development.",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"https://secure.flickr.com/"
],
"content_scripts": [
{
"all_frames": false,
"matches": ["<all_urls>"],
"exclude_matches": [],
"css": [
"css/content/page.css"
],
"js": [
"js/jquery.js",
"js/clip.js"
]
}
]
}
и popup.html как:
<!doctype html>
<html>
<head>
<title>My app</title>
<style>body {min-width: 357px;overflow-x: hidden;} </style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
-->
<script src="script.js"></script>
</head>
<body>
<table style="width:300px">
<tr>
<td id="fname">Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
</body>
</html>
и, наконец, script.js как:
$("#fname").on("click", function() {
alert("HI");
});
Я также trired запустить и JQuery через <head>
, вызвав JQuery из КДС и объявить документ готовый JavaScript на странице, но это тоже не сработало.
<!doctype html>
<html>
<head>
<title>My app</title>
<style>body {min-width: 357px;overflow-x: hidden;} </style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
-->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
$("#fname").on("click", function() {
alert("HI");
});
});
</script>
</head>
<body>
<table style="width:300px">
<tr>
<td id="fname">Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
</body>
</html>
Не могли бы вы дать мне знать, что я делаю неправильно?
Благодаря Esteban Felix, это было очень полезно, но, как о решении? как добавить jquery в расширение? – user3162145
@ user3162145 Я обновил свой ответ, вы почти получили его! Вам просто нужно было объединить оба подхода! –
да на самом деле последний образец кода в сообщении я добавил код в
, но jquery не работает thete! – user3162145