Chrome 扩展帮助，chrome.storage

如何解决Chrome 扩展帮助，chrome.storage

我需要为 chrome 扩展程序创建一个身份验证系统。我需要知道如何仅在用户第一次打开密钥验证弹出窗口时才显示它，但是如果他第二次打开它，它仍然会向他显示该弹出窗口。所以基本上他只有通过身份验证才能访问扩展。我也需要知道如何将用户提供的输入存储在 chrome 扩展输入字段中并在我的脚本中使用它们。我需要知道的最后一件事是在用户通过身份验证后如何将用户重定向到另一个扩展选项卡。对于存储过程，我想收到一个适合我的代码的代码，而不是 chrome storage api 的链接，因为我已经尝试使用它但它从未奏效。这是我的代码： HTML：

<html>
    <head>
        <style>
            body {
                width: 400px;
                height: 300px;
            }
        </style>
        <style>
     
            .testo {
                text-align: center;
                font-size: 25px;
                color: rgb(77,162,211);
            }
            
            
            
            .image {
                width: 50px;
                height: 50px;
                text-align: center;
            }
            
            .rounded-input {
                position: absolute;
                color: rgb(77,211);
                bottom: 126px;
                left: 20px;
                right: 20px;
                width: 77%;
                padding: 20px;
                border-radius: 30px;
                border-color: rgb(77,211);
                background-color: rgb(17,13,13);
                font-size: 20px;
                text-align: center;
            }
            
            .btn {
                padding: 15px;
                border-color: rgb(77,211);
                background-color: rgb(39,33,33);
                color: rgb(77,211);
                border-radius: 15px;
                width: 40%;
                position: absolute;
                right: 10%;
                left: 30%;
                bottom: 37px;
                font-family: 'Courier New',Courier,monospace;
                font-size: 14px;
            }

            .twlogo {
                position: absolute;
                bottom: 7px;
                width: 30px;
                height: 20px;
            }


        </style>
    </head>
    <body style="background-color: black;">
        <img src="logoVERO.png" class="image" alt="logo">
        <h1 class="testo">Enter your key:</h1>
        <p><input type="text" class="rounded-input" id="key"></input></p>
    </style>
        <p><button class="btn" id="save">AUTHENTICATE</button></p>
        <a href="https://twitter.com/home">
    <img src="tw.png" class="twlogo">
</a>
    </body>

<script src="./background.js"></script>
</html>```

**Another thing that i want to kNow is how can i let the user pass the auth only if the key he entered is present in an array with all the keys**

Chrome 扩展帮助，chrome.storage

如何解决Chrome 扩展帮助，chrome.storage

相关推荐