Simple Haversine Distance Calculator – Online City‑to‑City
Enter two city names or coordinates and get the straight‑line distance in miles/km. Local calculation.
UD5 Toolkit
Simulate browser geolocation responses — test getCurrentPosition & watchPosition with custom coordinates, errors, and real-time tracking.
Leave blank to set as null (unavailable).
Simulates device movement. Random drift mimics real GPS jitter (~1-5m per tick).
The dashed ring represents accuracy radius (not to scale).
No watchPosition events yet. Start tracking to see log entries.
getCurrentPosition() for a one-time location fetch, and watchPosition() for continuous tracking. The API returns a GeolocationPosition object containing coordinates, accuracy, altitude, heading, speed, and a timestamp.
getCurrentPosition() fires once and returns the current location. watchPosition() registers a callback that fires every time the device position changes, returning a unique watch ID. Use clearWatch(id) to stop tracking. watchPosition is ideal for turn-by-turn navigation, fitness trackers, or any real-time location-based app.
PositionOptions.timeout property.
accuracy value (in meters) represents the radius of a confidence interval around the reported position. For example, an accuracy of 15m means the true position is likely within a 15-meter circle around the reported coordinates. Lower numbers indicate higher precision. GPS typically offers 5-30m accuracy, while Wi-Fi triangulation may be 20-200m, and cell tower triangulation can be 100m-5km.
localhost is considered a secure context and the API will work without HTTPS.
More Tools → Sensors), select a preset location or enter custom coordinates, and the browser will override its real geolocation. BrowserStack and physical device testing are recommended for production validation.
Enter two city names or coordinates and get the straight‑line distance in miles/km. Local calculation.
Pick two cities, set a date, and instantly see the time difference. Plan the perfect meeting time across time zones.
Practice aligning grid items and tracks with the place‑items, align‑content, and justify‑content properties. Visual guide.
Visual reference for CSS Grid properties. Click to see code snippets and visual demos.
Upload two overlapping photos and automatically stitch them into a simple panorama. Works locally with canvas.
Multiple digital counters for tracking stitches, rows, and pattern repeats. Increment, reset. Works on mobile.
Generate dummy text with precise control: number of paragraphs, sentences per paragraph, and words per sentence. Also choose between Lorem Ipsum and random English.
Create a basic Playwright script with browser launch, page navigation, and screenshot. Start E2E testing instantly.
Enter a URL and view it in three iframes: mobile, tablet, and desktop side‑by‑side. Quick responsive check.
Register a periodic background sync and see the status. Schedule content updates for your PWA. API demo.
Override your browser's geolocation to any coordinates and test how your app responds. For development and privacy testing.
Load a video and visually check if audio aligns with lips. Use frame‑by‑frame stepping. Debug playback issues.
Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
Paste your Accept‑Language header and see which languages your site should serve based on quality values. Internationalization helper.
Test how your page loads under slow, 3G, or offline conditions by intercepting fetch and applying delays. No DevTools needed.
Check if a URL can be embedded in an iframe. Test your site’s defense against clickjacking. Browser‑based.
Register a service worker, subscribe to push, and send a test notification using a VAPID key pair. Step‑by‑step demo.
Check current screen orientation and test the lock API. Useful for mobile web apps. Demo with code.
Test the Fullscreen API: request fullscreen on a colored div, detect changes, and copy the JavaScript boilerplate.
Test the Web Share API by sharing text, links, and files directly from the browser. Check compatibility and see example code.
Check if your browser and display support the wider DCI‑P3 color space. See the difference with a simple test pattern.
Enter any phrase and instantly see if it's a palindrome, ignoring spaces and punctuation. Fun for word nerds.
Transform an image from rectangular to polar coordinates (and back). Create amazing circular swirl effects. Local canvas.
Generate random, formatted ID numbers that match pattern rules for various countries. For testing input validation. No real data.
Pick a method, URL, headers, and body, then send an HTTP request directly from your browser. Debug APIs easily.
Quickly test if your webcam, microphone, and speakers work correctly. See live video and audio meter. No data sent.
Generate random but realistic‑looking data arrays (users, products, orders) with typos and missing fields. For test robustness.
Simple interactive eye dominance test: hold up a virtual dot and see which eye stays aligned. Educational.
View a series of digital Ishihara‑style plates. Not a diagnostic tool, just educational. Read numbers.
Build an iframe with different sandbox flags and see live which features are blocked. For secure embedding.