在Chrome Extension -> Basic中运行Javascript？
在Chrome Extension -> Basic中运行Javascript？
提问于 2013-10-06 13:43:56
我感觉我遗漏了一些非常明显的东西，但我一直在到处寻找，似乎不能让它工作。简而言之，我想把一个小的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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2013-10-06 14:04:16
根据chrome扩展文档，
将不执行内联JavaScript。此限制同时禁止内联<script>块和内联事件处理程序(例如<button onclick="...">)。
阅读：http://developer.chrome.com/extensions/contentSecurityPolicy.html#JSExecution
在popup.js中使用as
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('button').addEventListener('click', main);
});
function main() {
var source = document.getElementById('source').value;
document.getElementById("result").innerHTML = source;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19205823
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号