Chrome's device toolbar is a good debugging tool. It isn't a phone. Simlord is built for the other half of the job, seeing and showing your site the way people see it on their phones.
Simlord runs in Chrome on a computer. Open this page there to add it.
| What you need | DevTools device mode | Simlord |
|---|---|---|
| Viewport size and pixel ratio | Yes | Yes |
| A mobile user agent | Yes | Yes, with Client Hints per device |
| Touch scrolling | Yes | Yes, with momentum |
| Browser toolbars and status bar taking room | No | Yes, Safari and Chrome |
| Device frames of current phones | No | Yes |
| Foldables with a cover screen | No | Yes |
| Screenshots | Yes | Yes, with frame and background |
| Video recordings | No | Yes, MP4, WebM and GIF |
| Several devices at once | No | Up to four, in sync |
| Free of the developer panel | No | Yes |
Breakpoints, the network panel, throttling and remote debugging are what DevTools is for, and Simlord doesn't replace them. Open DevTools next to Simlord when you need them.
For design reviews, client demos, bug reports and a last check before launch, you want the whole phone, without a developer panel. Simlord fills the tab with the device, keeps your choice while you browse, and saves screenshots and recordings that look like the phone.
Something else? Write to support@simlord.eu.
No. It does what device mode does for the view and adds browser bars, frames, recordings and comparing. For debugging, keep using DevTools.
Yes. Open DevTools on the simulator tab as usual.
Usually because of the browser bars. Simlord leaves the page only the room a real phone leaves it.
Free, no account needed. Works in Chrome, Edge and Brave.
Simlord runs in Chrome on a computer. Open this page there to add it.