CSS tracking trick can monitor your mouse without JavaScript

///CSS tracking trick can monitor your mouse without JavaScript

CSS tracking trick can monitor your mouse without JavaScript

CSS tracking trick can monitor your mouse without JavaScript. A security researcher has demoed a new way to track web visitors’ mouse movements even when they’re using ad blockers or plugins that block JavaScript.

As explained on Twitter by Davy Wybiral and in conversation with Bleeping Computer, this works by exploiting the CSS hover effect, which can be used to activate a visual effect when the user’s mouse moves over it. If that visual effect is used to loading images from a remote server, he realized he could use it for tracking movement:

It occurred to me that you can remotely monitor the cursor location without JavaScript by using some CSS :hover selectors to change hidden background images (causing a GET request).

CSS tracking trick can monitor your mouse without JavaScript. As the mouse moves over different areas of an invisible HTML grid on the page, different background images are requested from the server. The server owner can look at the names of the images being requested and map them to the different parts of the grid to see how the user’s mouse moved over the page.

The background images don’t need to be shown to the end user, leaving them unaware of the mouse tracking. It should even work against the privacy-focussed Tor browser, Wybiral believes. Using it wouldn’t be entirely straightforward. However:

The browser won’t reload the background image so this version only tracks the movement on the first :hover [in each element of the grid] … but… Since the request is chunked the server can send more CSS to add new :hover selectors each time one triggers.

In the demo, this could even be used in real time. Why would an advertiser care? Because mouse movements tell them a lot about what interests users on pages, including how long they spent on different elements when performing actions such as scrolling.

Moreover, :hover was not the only CSS selector that could be used in this way with :focus another possibility, he said.

The technique is intriguing because HTML and CSS (Cascading Style Sheets) aren’t programming languages and don’t usually figure in conversations about tracking. The fancy tricks, interaction and programming that turns static web pages into apps is the domain of the web’s third major language, JavaScript.

That puts JavaScript at the front-line of tracking, which is why ad-blockers and privacy plugins offer the option to block it at the risk of disabling some page elements.

Wybiral’s technique is like an ad-oriented version of the hypothetical notion (we hope) of key-logging passwords using CSS, another idea that’s been doing the rounds.

At first, it sounds like a lot of effort to capture data this way, and it would still need interpretation. It would also be easy to spot in source code. But the fact it would bypass today’s blockers might give it legs.

Alternatively, website owners already have plenty of established ways to track users, that inventing a new one seems unnecessary.


Related Videos:

Related Posts:

What is the Python Software Foundation?(Opens in a new browser tab)

USB O.MG cable opens Wi-Fi to remote attacks(Opens in a new browser tab)

Java, PHP or .NET Which programming languages will earn you the most?(Opens in a new browser tab)

RBC customer out of pocket after fraud: What you need to know if you e-transfer money(Opens in a new browser tab)

Tesla Autopilot stopped for a rabbit on the road caught on video, owner claims(Opens in a new browser tab)

Only 9% of companies warn employees about IoT risks(Opens in a new browser tab)

Russian hackers are eight times faster than North Korean groups(Opens in a new browser tab)

Allow Contributors to Upload Images in WordPress(Opens in a new browser tab)

Hackers Have Just Put 620 Million Accounts Up For Sale On The Dark Web — Are You On The List?(Opens in a new browser tab)

World Wetlands Day – Milton Ontario Canada(Opens in a new browser tab)

B0r0nt0K Ransomware Wants $75,000 Ransom, Infects Linux Servers(Opens in a new browser tab)

Animatic – Advanced WordPress Frontend Animator(Opens in a new browser tab)

North Korean Hackers Use ELECTRICFISH Malware to Steal Data(Opens in a new browser tab)

GoogleBot Runs Latest Chrome – This Is Big News(Opens in a new browser tab)

College graduates not learning a programming language that’s vital for top tech jobs.(Opens in a new browser tab)

JavaScript and machine learning: Google shows what’s possible using the web programming language(Opens in a new browser tab)

Cybersecurity burnout: 10 most stressful parts of the job(Opens in a new browser tab)

By |2019-09-01T17:31:36-04:00September 1st, 2019|Categories: Tech News|Tags: , |

About the Author:

I am a loving father, & husband. I am a computer enthusiast. I have used and enjoyed computers since I was young and I enjoy teaching young minds how to code, because it teaches them how to think. Today with YouTube, and social media garbage our youth are losing the ability to think on their own and solve problems. I believe this is a serious epidemic as kids today dont understand that technology is a tool. This tool is being abused, and its underlying effects are taking its toll on kids behaviour, and learning.