Это мое первое расширение для Chrome.
В основном я уже написал html-файл, в котором есть файл javascript. Я заметил, что, по-видимому, вам нужно поместить javascript в виде отдельного файла в файл html. Это нормально. Сделал это. Ссылка на него в заголовке html.
Но я не уверен, как настроить файл манифеста, чтобы иметь возможность использовать javascript на моей всплывающей html-странице.
javascript не использует jquery. это чистый джаваскрипт.
Я не уверен, какие обязательные или необязательные разрешения я должен включить в манифест, если таковые имеются. Пока все, что я знаю, это то, что мне, возможно, придется включить туда разрешение «clipboardRead».
Или я должен использовать content_scripts вместо этого в манифесте.
это мой манифест.
{
"manifest_version": 2,
"name": "PhotoTagger",
"description": "This extension helps you create your hashtags for your posts, quickly.",
"version": "1.0",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["PhotoTagger.js"]
}
],
"permissions": [
"clipboardRead",
],
"browser_action": {
"default_icon": "icons/Google-plus-19x19.png",
"default_popup": "PhotoTagger.html"
}
}
и пример функции в моем javascript (PhotoTagger.js):
function selectText(containerid) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(containerid));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(containerid));
window.getSelection().addRange(range);
}
}
и это пример фрагмента моего html, вызывающего функцию Js:
<li id="#Sydney" onclick="selectText('#Sydney')">
<input id="al2" type="checkbox" value="#Sydney +104262770460851770269"/>
#Sydney</li>
очень ценю любую помощь, которую я могу получить.
Также следует упомянуть, что html отлично работает на открытой вкладке в Chrome. просто не работает, когда я запускаю его как расширение.
"matches": ["*://*/*"], not "matches": ["<all_urls>"]2. В html вам нужно включить скрипт следующим образом. Вы делаете это?<head> <script src="PhotoTagger.js"></script> </head>19.11.2013