Pasek narzędzi urządzenia w Chrome to dobre narzędzie do debugowania, ale to nie telefon. Simlord, alternatywa dla Chrome DevTools, powstał z myślą o drugiej połowie pracy: oglądaniu i pokazywaniu strony tak, jak ludzie widzą ją na telefonach.
Simlord działa w Chrome na komputerze. Otwórz tam tę stronę, aby go dodać.
| Czego potrzebujesz | Tryb urządzenia w DevTools | Simlord |
|---|---|---|
| Rozmiar viewportu i gęstość pikseli | Tak | Tak |
| Mobilny user agent | Tak | Tak, z Client Hints dla każdego urządzenia |
| Przewijanie dotykiem | Tak | Tak, z bezwładnością |
| Paski przeglądarki i pasek stanu zajmujące miejsce | Nie | Tak, Safari i Chrome |
| Ramki aktualnych telefonów | Nie | Tak |
| Urządzenia składane z ekranem zewnętrznym | Nie | Tak |
| Zrzuty ekranu | Tak | Tak, z ramką i tłem |
| Nagrania wideo | Nie | Tak, MP4, WebM i GIF |
| Kilka urządzeń naraz | Nie | Do czterech, zsynchronizowane |
| Bez panelu dla programistów | Nie | Tak |
Punkty przerwania, panel Sieć, throttling i zdalne debugowanie to zadania DevTools, a Simlord ich nie zastępuje. Gdy ich potrzebujesz, otwórz DevTools obok Simlord.
Przy przeglądzie projektu, demo dla klienta, zgłoszeniu błędu i ostatnim sprawdzeniu przed startem chcesz widzieć cały telefon, bez panelu dla programistów. Simlord wypełnia kartę urządzeniem, zachowuje Twój wybór podczas przeglądania i zapisuje zrzuty ekranu oraz nagrania, które wyglądają jak telefon.
Coś jeszcze? Napisz na support@simlord.eu.
Nie. Robi z widokiem to, co tryb urządzenia, i dodaje paski przeglądarki, ramki, nagrania i porównywanie. Do debugowania dalej używaj DevTools.
Tak. Otwórz DevTools na karcie symulatora jak zwykle.
Zwykle przez paski przeglądarki. Simlord zostawia stronie tylko tyle miejsca, ile zostawia jej prawdziwy telefon.
Za darmo, bez konta. Działa w Chrome, Edge i Brave.
Simlord działa w Chrome na komputerze. Otwórz tam tę stronę, aby go dodać.