Question

我尝试将https://fengyuanchen.github.io/datepicker/中的日期选择器放入我的Google Chrome扩展程序的“ popup.html”中，但出现以下错误。我的问题是由于页内JavaScript代码引起的。

拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“ script-src'self'blob：文件系统：chrome-extension-resource：”。

要么是'unsafe-inline'关键字，要么是一个哈希（'sha256-kcRZL8YqMa0qcXAnw / cPs1KPK89FM5025jdMDJBMEwA ='），或者是一个随机数（'nonce -...'）来启用内联执行。

popup.html的代码

<!doctype html>
<html>
<head>
<title>Some Title</title>
<script src="jquery.min.js"></script>
<script src="datepicker.js" type="text/javascript"></script>
<link href="datepicker.css" rel="stylesheet"/>
</head>
<body>
<div style="width:250px">
    <h1>Some Title</h1>
    <input id="calendarDate" data-toggle="datepicker">
    <div id="calendar"></div>
    <br/>
    <button id="checkPage">Start</button>
    <div id="output"></div>
</div>
<script>
$('[data-toggle="datepicker"]').datepicker({
    autoShow : true,
    inline : true,
    container : "#calendar"
});
</script>

Answer 1

谢谢@wOxxOm使用单独的js文件可以正常工作。：）

将日历/日期选择器放入Google Chrome扩展程序

1 个答案: