Javascript 新选项卡上动态URL的Chrome扩展安全策略_Javascript_Html_Google Chrome Extension

Javascript 新选项卡上动态URL的Chrome扩展安全策略

javascript html google-chrome-extension

Javascript 新选项卡上动态URL的Chrome扩展安全策略,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,我只是想从输入中获取文本，然后从那里打开一个URL，其中包含一个newtab/窗口（或），该值包含在URL中范例 <html> <head> <title>Getting Started Extension's Popup</title> <style> body { min-width: 357px; overflow-x: hidden; } img { margin: 5px; b

我只是想从输入中获取文本，然后从那里打开一个URL，其中包含一个newtab/窗口（或），该值包含在URL中

范例

 <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>
 </head>
  <body>
   <input type="text" name="enter" class="enter" value="9999" id="lolz"/>
   <input type="button" value="click" />


入门扩展的弹出窗口
身体{
最小宽度：357px；
溢出x：隐藏；
}
img{
保证金：5px；
边框：2件纯黑；
垂直对齐：中间对齐；
宽度：75px；
高度：75px；
}


popup.js（不确定）
chrome.browserAction.onClicked.addListener（函数（activeTab））{
document.getElementById（'lolz'）.value
var newURL=”https://stackoverflow.com/“+价值；
create（{url:newURL}）；
});

因此，最终结果是一个url为“”的新窗口

目前我得到以下错误

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“script src'self'chrome extension resource:”。

这在

popup.html:30

中，您的html中不能有内联脚本或函数调用（例如，单击输入按钮）

将带有src的脚本添加到head部分

<head>
  ...
  <script src="popup.js"></script>
</head>

用实际id更改您的按钮id。

可能重复的

<head>
  ...
  <script src="popup.js"></script>
</head>

document.addEventListener('DOMContentLoaded', function () {
    document.querySelector('input#yourButtonID').addEventListener('click', popup);
});
function popup()
{
    var newURL = "http://stackoverflow.com/" + document.getElementById("lolz").value;
    chrome.tabs.create({ url: newURL });
}