What Does This Test Check?
Using a visual interface and a live canvas, you can:
- Measure press force — from a light touch to a deep click. Pressure is shown as a percentage and changes the circle’s color: 🔵 blue (0%) → 🔴 red (100%).
- Test Safari gestures — two‑finger pinch and rotate. These gestures transform the entire touch‑visualization layer, allowing you to evaluate trackpad smoothness and responsiveness.
How to Use the Test?
- Place one or more fingers on the canvas area (the grey rectangle with a grid).
- Vary the press force — the circle under your finger will change size and color from blue to red.
- Use two fingers for gestures — pinch or spread to zoom the layer, or rotate to change the display angle. The current zoom and rotation values are shown in the bottom‑right corner of the canvas.
Why Only Safari and macOS?
Apple implemented advanced trackpad capabilities through proprietary events webkitmouseforcechanged, webkitForce, and gesturestart/gesturechange/gestureend. These events are available only in Safari on Mac. In other browsers, you will not see correct force display beyond a normal click, and pinch‑zoom / rotate gestures will be missing.
This test is a one‑of‑a‑kind tool for in‑depth diagnostics of the Apple Trackpad in Safari on macOS. Thanks to pressure visualisation, a blue‑to‑red colour scale, and support for pinch/rotate gestures, you can not only verify that your trackpad is working properly, but also understand how Force Touch works on the web.