我正在尝试为 google chrome 制作一个扩展,其中我需要执行一个简单的 javascript 来打开 chrome 扩展中的 url 我知道 anchor 标记可以做到这一点,但我希望在 js 中添加一些其他功能。
将执行 javascript 的简单 pop.html 文件是:
<html>
<body>
<form>
<div id="search_panel">
<input type="text" id="box" name="txt" required placeholder="Search anything"/> <input type="submit" id="stu_submit" onclick="hey();" name="stu_post" value="Search"/>
<div> <a href="http//s.com" target="_blank" id="stu_links" >s.com</a> <a href="#" id="stu_links">news</a> <a href="#" id="stu_links">hey</a> <a href="#" id="stu_links">Sign In</a> </div>
</div>
<script>
function hey()
{
window.open('http://www.google.com');
}
</script>
</form>
</body>
</html>
list 文件是:
{
"name": "Chrome Extension for s.com",
"version": "1.0",
"manifest_version": 2,
"description": "Google Chrome Extension for s.com.",
"browser_action":
{
"default_icon": "img/icon.png",
"default_menu": "FirstMenu",
"default_popup": "popup.html"
},
"chrome_url_overrides" : {
"newtab": "s.html"
},
"permissions": [
"http://api.flickr.com/"
]
}
请帮忙告诉一下如何执行popup.html中的js
最佳答案
这可能对您有帮助:Run Javascript in Chrome Extension -> Basic?
复制到此处以供快速引用:
根据 Chrome 扩展文档,
内联 JavaScript 将不会被执行。此限制禁止内联 <script>
block 和内联事件处理程序(例如 <button onclick="...">
)。
阅读:http://developer.chrome.com/extensions/contentSecurityPolicy.html#JSExecution
在 popup.js 中用作
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('button').addEventListener('click', main);
});
function main() {
var source = document.getElementById('source').value;
document.getElementById("result").innerHTML = source;
}
关于javascript - 如何在chrome浏览器扩展中执行javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23166867/