Before you paste
- Permissions. A browser blocks camera, microphone and full screen inside an iframe unless the host page allows them explicitly. The snippets below already carry the right
allowattribute where one is needed. Remove it and the widget will look broken through no fault of its own. - Height. The heights below fit the tool without an inner scrollbar on a typical layout. Adjust if your column is narrower.
- Nothing is sent anywhere.The embeds behave exactly like the full pages: everything runs in the visitor's browser and nothing is uploaded, so embedding one adds no privacy obligation to your page.
- No script tag. It is a plain iframe. There is nothing to keep updated and nothing that can run code on your site.
Licence
Free to use on any site, commercial or not. Keep the credit link visible. Do not wrap the frame in a way that hides it, and do not present the tool as your own. That is all, and it is the only thing asked in return.
The snippets
Keyboard Test
Light up pressed keys on a virtual keyboard and find dead or stuck keys.
<iframe src="https://mygearcheck.com/embed/keyboard-test"
width="100%" height="520" style="border:0"
title="Keyboard Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/keyboard-test">Keyboard Test</a> by MyGearCheck</p>Key Code Viewer
Read event.key, code, keyCode and which for any key you press.
<iframe src="https://mygearcheck.com/embed/key-code"
width="100%" height="460" style="border:0"
title="Key Code Viewer by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/key-code">Key Code Viewer</a> by MyGearCheck</p>Mouse Test
Check left, right, middle clicks, scroll and double-click behaviour.
<iframe src="https://mygearcheck.com/embed/mouse-test"
width="100%" height="560" style="border:0"
title="Mouse Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/mouse-test">Mouse Test</a> by MyGearCheck</p>Touchpad Test
Track pointer movement, clicks, two-finger scroll and pinch gestures live.
<iframe src="https://mygearcheck.com/embed/touchpad-test"
width="100%" height="560" style="border:0"
title="Touchpad Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/touchpad-test">Touchpad Test</a> by MyGearCheck</p>Gamepad Test
See live button presses and analog stick values for any controller.
<iframe src="https://mygearcheck.com/embed/gamepad-test"
width="100%" height="620" style="border:0"
title="Gamepad Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/gamepad-test">Gamepad Test</a> by MyGearCheck</p>Note: The visitor has to press a button on the controller before the browser reveals it to the page. That is a browser rule, not something the embed can work around.
Microphone Test
See a live input meter and waveform to confirm your mic is picking up sound.
<iframe src="https://mygearcheck.com/embed/mic-test"
width="100%" height="460" style="border:0"
allow="microphone"
title="Microphone Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/mic-test">Microphone Test</a> by MyGearCheck</p>Note: Without allow="microphone" on the iframe, the browser blocks the permission prompt and the widget looks broken.
Webcam Test
See a live camera preview with resolution and device details.
<iframe src="https://mygearcheck.com/embed/webcam-test"
width="100%" height="560" style="border:0"
allow="camera"
title="Webcam Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/webcam-test">Webcam Test</a> by MyGearCheck</p>Note: Without allow="camera" on the iframe, the browser blocks the permission prompt and the widget looks broken.
Speaker Test
Play a test tone through left, right or both speakers and check the output device.
<iframe src="https://mygearcheck.com/embed/speaker-test"
width="100%" height="480" style="border:0"
title="Speaker Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/speaker-test">Speaker Test</a> by MyGearCheck</p>Dead Pixel Test
Cycle full-screen solid colours to spot dead or stuck pixels.
<iframe src="https://mygearcheck.com/embed/dead-pixel-test"
width="100%" height="420" style="border:0"
allow="fullscreen"
title="Dead Pixel Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/dead-pixel-test">Dead Pixel Test</a> by MyGearCheck</p>Note: Full screen from inside an iframe needs allow="fullscreen". Without it the test falls back to an overlay that fills the frame, which is much less useful.
Monitor Test
Run gradient, grid and colour-bar patterns to check your display.
<iframe src="https://mygearcheck.com/embed/monitor-test"
width="100%" height="460" style="border:0"
allow="fullscreen"
title="Monitor Test by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/monitor-test">Monitor Test</a> by MyGearCheck</p>Note: Same as the dead pixel test: full screen from an iframe needs allow="fullscreen".
Screen Info
Read your resolution, viewport, pixel ratio, colour depth and refresh rate.
<iframe src="https://mygearcheck.com/embed/screen-info"
width="100%" height="520" style="border:0"
title="Screen Info by MyGearCheck"></iframe>
<p><a href="https://mygearcheck.com/screen-info">Screen Info</a> by MyGearCheck</p>Note: Inside an iframe the viewport figures describe the frame, not the visitor's browser window. Screen resolution and device pixel ratio are still correct.
Questions
Does this cost anything, now or later?
No. There is no account, no quota and no plan to add one. The site earns nothing from the embed directly; what it gets is the credit link, which is the point.
Will the widget suddenly change or break?
The embed URLs are stable and will keep working. The tool inside them gets improved over time, which is the advantage of an iframe over copying code: you get fixes without doing anything.
Can I restyle it to match my site?
Not from outside the frame, because browsers isolate iframe styling for good reasons. If a theme option would make the difference for you, say so and it moves up the list.
Does the embed set cookies or track visitors?
No. There is no analytics, no cookie and no third-party request inside the frame. Open your browser's Network tab on a preview and you will see the page load and nothing after it.
Are the embed pages blocked from search engines?
No, and that is deliberate. They are crawlable and carry a canonical pointing at the full page. Blocking them is the standard mistake with this pattern: it removes the only value the embed was built to earn.