我试图实现一些东西到我的chrome扩展，如果密码(admin)是输入它将执行chrome扩展(contentScript)
我已经做了一些尝试，但我正在努力在部分执行脚本密码输入是正确的
我不是最好的实现HTML到popup.html，至少我是非常基本和标准的，这将是伟大的，如果有人可以帮助这一节，谢谢你
这是我的manifest.json
{
"browser_action": {
"default_icon": "icon16.png",
"default_popup": "popup.html"
},
"content_scripts": [ {
"js": [ "jquery.min.js", "js/contentScript.js" ],
"matches": [ "*://www.ea.com/*fifa/ultimate-team/web-app/*" ]
} ],
"content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",
"description": "A great tool that interacts with the FIFA 21 WEB APP to highlight the best deals going!",
"icons": {
"128": "icon128.png",
"16": "icon16.png",
"48": "icon48.png"
},
"manifest_version": 2,
"name": "kappas x",
"permissions": [ "storage", "identity", "identity.email"],
"update_url": "https://clients2.google.com/service/update2/crx",
"version": "12.9.3"
}
和我的popup.html
<body>
<div class="modal-header">
<h1 class="logo">
<img class="logo-icon" src="icon128.png" />Kappas
<span class="version">(1.0.0)</span>
</h1>
</div>
<div class="modal-content">
<p>Number #1 Web App Tool For Fifa 21!</p>
<form>
<label for="pswd">Enter your password: </label>
<input type="password" id="pswd">
<input type="button" value="Submit" onclick="checkPswd();" />
</form>
<!--Function to check password the already set password is admin-->
<script type="text/javascript">
function checkPswd() {
var confirmPassword = "admin";
var password = document.getElementById("pswd").value;
if (password == confirmPassword) {
window.location="contentScript.js";
}
else{
alert("Passwords do not match.");
}
}
</script>
</div>
</body>
</html>
如果您希望您的解决方案是安全的，您可能需要考虑执行服务器端密码检查，这意味着当用户输入密码时，您检查不是在本地检查，而是在外部服务器上检查。如果你想在本地检查密码，你可以做一个基本的if...else相等检查，但不是对密码本身，而是对它的哈希形式(Argon2可以用于此，虽然我不确定你是否能够在浏览器环境中使用它)。您可能还想混淆扩展的代码。当用户想要更改密码时，它的哈希值可以保存为cookie或某种形式的浏览器存储。
但正如我之前所说的，为了良好的安全性，我建议在服务器端实现这样的系统，并将用户的密码散列并存储在数据库中。