sonar.js icon indicating copy to clipboard operation
sonar.js copied to clipboard

Add Advanced Stylesheet Fingerprint (Same idea as image fingerprinting)

Open mandatoryprogrammer opened this issue 10 years ago • 5 comments

sonar should be able to fingerprint specific stylesheets by what styles they change from the current document when included. We'd have to write iframes and then include the stylesheet into them, after the styles are imported we can observe the changes and create a fingerprint off of that. Required a bit more research into how to hook style changes/etc.

mandatoryprogrammer avatar Aug 26 '15 08:08 mandatoryprogrammer

After doing a bunch of research into this I think the best route would be to create an iframe with a bunch of elements such as <b>, <i>, <input>, with a few divs with some common IDs. We can then diff the CSS styles applied when we include an external stylesheet from the router to generate a more unique fingerprint.

mandatoryprogrammer avatar Aug 29 '15 20:08 mandatoryprogrammer

I've written most of the code for this which can be seen here: https://github.com/mandatoryprogrammer/sonar.js/blob/master/experiments/css_diff.htm

Should have a working proof of concept shortly, having some issues with different browsers treating things different (Chrome generates different prints from Firefox).

mandatoryprogrammer avatar Sep 03 '15 21:09 mandatoryprogrammer

nice work @mandatoryprogrammer but can you help me out with this Octodog Invasion which is currently disable.?

ghost avatar Sep 04 '15 14:09 ghost

@atsuyim that's a bit off topic for this bug - what is your issue with "Octodog Invasion"? It was disable by Github due to this: http://thehackerblog.com/how-i-got-5000-github-followers-in-less-than-24-hours/

mandatoryprogrammer avatar Sep 04 '15 21:09 mandatoryprogrammer

hehee that's awesome well where can find this Octodog Invasion if not in Github

ghost avatar Sep 05 '15 11:09 ghost