Javascript在Google Chrome扩展的选项页面中不起作用_Javascript_Google Chrome Extension

Javascript在Google Chrome扩展的选项页面中不起作用

javascript google-chrome-extension

Javascript在Google Chrome扩展的选项页面中不起作用,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我正在为谷歌浏览器开发一个扩展。但我在使用localStorage时遇到了问题，而且无法使用javascript 请参阅下面的代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="pt-br"> <head> <script type="text/j

我正在为谷歌浏览器开发一个扩展。但我在使用localStorage时遇到了问题，而且无法使用javascript

请参阅下面的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br">
    <head>
        <script type="text/javascript">
            function ShowAlert() {
                alert("This is a alert!");
            }
        </script>
    </head><body>
        <script>
            ShowAlert();
        </script>
    </body>
</html>


函数ShowAlert（）{
警报（“这是警报！”）；
}
showarert（）；

这是一个显示消息的简单代码，它可以工作，我已经测试过了。但是，当我作为扩展名的选项页访问时，消息将不会显示

是否拥有清单中缺少的任何权限才能执行此操作？

您无法执行内联脚本，这是一个

将不执行内联JavaScript
这项限制禁止这两种行为内联块和内联事件处理程序（例如<按钮 onclick=“…”>）

该限制消除了一大类跨站点脚本攻击使您不可能意外地执行脚本由恶意的第三方提供。但是，它确实要求您在编写代码时，要将内容和行为完全分开

按如下方式更改代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br">
    <head>
        <script src="alerter.js"></script>
    </head>
    <body>
    </body>
</html>

Chrome扩展中不允许使用内联脚本。您必须将脚本移动到单独的文件中；e、例如，

function ShowAlert() {
    alert("This is a alert!");
}
ShowAlert();