Запустить JavaScript в расширении Chrome -> Basic?
У меня такое чувство, что я упускаю что-то очень очевидное, но я искал повсюду и, похоже, не смог сделать эту работу. Короче говоря, я хочу превратить небольшой скрипт Javascript в расширение Chrome, чтобы упростить его использование.
Скрипт просто читает текст из textArea, модифицирует скрипт и выводит его в div. Он работает отлично с любым браузером, когда работает автономно, но, похоже, не хочет работать при запуске в качестве расширения Chrome
Вот файлы (я в основном пытаюсь преобразовать пример):
Спасибо!manifest.json
{
"manifest_version": 2,
"name": "One-click Kittens",
"description": "This extension demonstrates a 'browser action' with kittens.",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"https://secure.flickr.com/"
]
}
popup.html
<!doctype html>
<html>
<head>
<title>Getting Started Extension's Popup</title>
<style>
body {
min-width: 357px;
overflow-x: hidden;
}
img {
margin: 5px;
border: 2px solid black;
vertical-align: middle;
width: 75px;
height: 75px;
}
</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="popup.js"></script>
</head>
<body>
<textarea id="source">Text Entry.</textarea>
<button onclick="main()" id="buttons">Generate</button>
<div id="result">
</div>
</body>
</html>
popup.js
function main() {
var source = document.getElementById('source').value;
document.getElementById("result").innerHTML = source;
}