如何在Chrome浏览器扩展程序中执行javascript

debugcn 发表于 Dev

用户名

我正在尝试为google chrome进行扩展，我需要执行一个简单的javascript以在chrome扩展中打开url，我知道锚标签可以做到这一点，但我希望在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>

清单文件是：

{
  "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

索曼·杜比（Soman Dubey）

这可能对您有帮助：在Chrome Extension-> Basic中运行Javascript？

复制此处以供快速参考：

根据Chrome扩展程序文档，

内联JavaScript将不会执行。此限制禁止内联<script>块和内联事件处理程序（例如<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;
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。