javascript - Chrome 扩展违反谷歌安全政策-6ren

javascript - Chrome 扩展违反谷歌安全政策

转载作者：行者123 更新时间：2023-11-28 15:47:59

26

4

我正在开发一个 chrome 扩展，我在登录和注册按钮上遇到了问题，当我按下它时没有任何反应，并且在控制台中它给我写了下一条消息:

popup.html:26 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https://ajax.googleapis.com". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

我已经尝试解决这个问题几个星期了，但仍然没有找到解决方案，你能帮我解决这个问题吗？

popup.js:

//Function that appears if login button pressed
function validate1() {
    var attempt = 3;
    console.log("s");

    var username = document.getElementById("username").value;//Get username from user
    var password = document.getElementById("password").value;//Get password from user

    if (username == "SteveO" && password == "youshallpass"){
        alert ("Login successfully");
        window.location = "/success_login.html"; //If login was successful transfer to another page
    }
    else{
        attempt --;//Decrementing by one
        alert("You have left "+attempt+" attempt;");

        //If 3 attempts were unsuccessful disable login option
        if( attempt == 0){
            document.getElementById("username").disabled = true;
            document.getElementById("password").disabled = true;
            document.getElementById("submit").disabled = true;
        }
    }

}
function register1(){
    document.getElementById("Sing_up").onclick = function () {
        location.href = "/SignUp.html";
    };
}

list .json:

{
  "name": "DoCrypt",
  "version": "1.0",
  "description": "A browser app that encrypts files",
  "content_security_policy": "script-src 'self' google.com; object-src 'self'",
  "permissions": [
    "cookies",
    "history",
    "notifications",
    "tabs"


  ],
  "browser_action": {
    "default_title": "DoCrypt",
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "popup_function": "popup.js"


  },
  "manifest_version": 2,
  "content_security_policy": "script-src 'self' ajax.googleapis.com; object-src 'self'"
}

package.json:

{
  "name": "docrypt",
  "version": "1.0.0",
  "description": "chrome extension app ",
  "main": "popup.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Steven Goldes",
  "license": "ISC"
}

success_login.html:

<!DOCTYPE html>
<html>
<head>
    <title>Welcome to Docrypt</title>
    <meta name="robots" content="noindex, nofollow">

    <!-- style of page-->
    <link rel="stylesheet" href="/style.css"/>


</head>
<body>
<center>You are Successfully Login.<a class="back" href="popup.html">Back</a></center>
</body>
</html>

注册.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>

popup.html:

<html>
<head>
    <title>Javascript Login Form Validation</title>

    <!-- include css file here-->
    <link rel="stylesheet" href="/style.css"/>
    <!-- include javascript file here-->
    <script type="text/javascript" src="popup.js"></script>

    <script src=ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<div class="container">
    <div class="main">
        <h2>To use Docrypt please login</h2><hr/>

        <form id="form_id" method="post" name="myform">
            <label>User Name :</label></br>
            <input type="text" name="username" id="username"/></br>

            <label>Password :</label></br>
            <input type="password" name="password" id="password"/></br>

            <input type="button" value="Login" id="Login" onclick="window.validate1()"/>

            <input type="button" value="Sign up" id="Sing_up" onclick="window.register1()"/>
        </form>
        <span><b class="note"></b><b class="valid">User Name : SteveO<br/>Password : Youshallpass</b></span>
    </div>
</div>


</body>


</html>

样式.css:

/* Style of the project */
@import url(fonts.googleapis.com/css?family=Raleway);

h2{
    background-color: #FEFFED;
    padding: 30px 35px;
    margin: -10px -50px;
    text-align:center;
    border-radius: 10px 10px 0 0;
}

hr{
    margin: 10px -50px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 40px;
}

div.container{
    width: 900px;
    height: 610px;
    margin:35px auto;
    font-family: 'Raleway', sans-serif;
}

div.main{
    width: 300px;
    padding: 10px 50px 25px;
    border: 2px solid gray;
    border-radius: 10px;
    font-family: raleway;
    float:left;
    margin-top:50px;
}

input[type=text],input[type=password]{
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-bottom: 25px;
    margin-top: 5px;
    border: 2px solid #ccc;
    color: #4f4f4f;
    font-size: 16px;
    border-radius: 5px;
}

label{
    color: #464646;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-weight: bold;
}

center{
    font-size:32px;
}

.note{
    color:red;
}

.valid{
    color:green;
}

.back{
    text-decoration: none;
    border: 1px solid rgb(0, 143, 255);
    background-color: rgb(0, 214, 255);
    padding: 3px 20px;
    border-radius: 2px;
    color: black;
}

input[type=button]{
    font-size: 16px;
    background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
    border: 1px solid #e5a900;
    color: #4E4D4B;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    outline:none;
}

input[type=button]:hover{
    background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}

.fugo{
    float:right;
}

最佳答案

只需将此添加到您的 popup.js 的末尾:

document.addEventListener('DOMContentLoaded', function () {
  document.getElementById('Login').addEventListener('click', validate1);
});


document.addEventListener('DOMContentLoaded', function () {
  document.getElementById('Sign_up').addEventListener('click', validate1);
});

关于javascript - Chrome 扩展违反谷歌安全政策，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42367379/

26

4

0

文章推荐： jquery - 创建图像叠加层

文章推荐： php - 更改 div 属性

文章推荐： html - 在文本溢出的情况下显示三个点(省略号)

spring 安全、方法安全和 url 安全
我正在学习 Spring 安全性，但我对它的灵活性感到困惑.. 我知道我可以通过在标签中定义规则来保护网址然后我看到有一个@secure 注释可以保护方法。然后还有其他注释来保护域(或 POJO)
java - key 安全 - 如何确保 key 安全？
假设有一个 key 加密 key 位于内存中并且未写入文件或数据库... byte[] kek = new byte[32]; secureRandom.nextBytes(kek); byte[]
Spring 安全 3.2.0 > <安全 :form-login/> deprecated
我有 Spring Security 3.2.0 RC1 的问题我正在使用标签来连接我这表示“方法‘setF
flutter 安全
我正在创建一个使用 Node Js 服务器 API 的 Flutter 应用程序。对于授权，我决定将 JWT 与私钥/公钥一起使用。服务器和移动客户端之间的通信使用 HTTPS。 Flutter 应用
Javascript 安全
在过去的几年里，我一直在使用范围从 Raphael.js 的 javascript 库。至 D3 ，我已经为自己的教育操纵了来自网络各地的动画。我已经从各种 git 存储库下载了 js 脚本，例如 s
python +安全
在 python 中实现身份验证的好方法是什么？已经存在的东西也很好。我需要它通过不受信任的网络连接进行身份验证。它不需要太高级，只要足以安全地获取通用密码即可。我查看了 ssl 模块。但那个模块让我
Hadoop 安全
我正在尝试学习“如何在 Hadoop 中实现 Kerberos？”我已经看过这个文档 https://issues.apache.org/jira/browse/HADOOP-4487我还了解了基本的
phpmyadmin 安全
我有一个带有 apache2、php、mysql 的生产服务器。我现在只有一个站点 (mysite.com) 作为虚拟主机。我想把 phpmyadmin、webalizer 和 webmin 放在那里
记OPNsense防火墙的安装过程-安全
前些天在网上看到防火墙软件OPNsense，对其有了兴趣，以前写过一个其前面的一个软件M0n0wall（关于m0n0wa
Spring 安全+火力地堡
我在 Spring Boot 和 oauth2(由 Google 提供)上编写了 rest 后端，在 "/login" 上自动重定向。除了 web 的 oauth 之外，我还想在移动后端进行 Fire
c++ - 从派生类调用带有抽象基类的类——安全
我想调用类 Foo，它的构造函数中有抽象类 Base。我希望能够从派生自 Base 的 Derived 调用 Foo 并使用 Derived覆盖方法而不是 Base 的方法。我只能按照指示使用原始指
Codeigniter session 安全
如何提高 session 的安全性？ $this->session->userdata('userid') 我一直在为我的 ajax 调用扔掉这个小坏蛋。有些情况我没有。然后我想，使用 DOM 中的
security - assembly 安全
我目前正在为某些人提供程序集编译服务。他们可以在在线编辑器中输入汇编代码并进行编译。然后编译它时，代码通过ajax请求发送到我的服务器，编译并返回程序的输出。但是，我想知道我可以做些什么来防止对服务
security - 安全、黑客等方面的良好资源？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
php - $_session 安全
目前，我通过将 session 中的 key 与 MySQl 数据库中的相同 key 相匹配来验证用户 session 。我使用随机数重新生成 session ，该随机数在每个页面加载时都受 MD5
ASP.Net 安全
Microsoft 模式与实践团队提供了一个很棒的 pdf，称为:“构建安全的 asp.net 应用程序”。 microsoft pdf 由于它是为 .Net 1.0 编写的，所以现在有点旧了。有谁知
lua - (安全)随机字符串？
在 Lua 中，通常会使用 math.random 生成随机值和/或字符串。 & math.randomseed , 其中 os.time用于 math.randomseed . 然而，这种方法有一个
security - ColdFusion 安全
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
javascript - Ajax 安全
我们有一个严重依赖 Ajax 的应用程序。确保对服务器端脚本的请求不是通过独立程序而是通过坐在浏览器上的实际用户的好方法是什么最佳答案真的没有。通过浏览器发送的任何请求都可以由独立程序伪造。归
security - Websocket 安全
我正在寻找使用 WebSockets 与我们的服务器通信来实现 web (angular) 和 iPhone 应用程序。在过去使用 HTTP 请求时，我们使用请求数据、url、时间戳等的哈希值来验证和

首页

博学

6Ren·AI

商城

javascript - Chrome 扩展违反谷歌安全政策