Mniej znaną funkcją przeglądarki Google Chrome w systemach operacyjnych na komputery stacjonarne jest możliwość przechwycenia zrzutu ekranu otwartej strony, tak jakby zrzut ekranu przedstawiał przeglądarkę działającą na urządzeniu mobilnym. Może nawet dodać ramkę wokół zrzutu ekranu, aby wyglądał jak realistyczne zdjęcie smartfona. Oto, jak można to zrobić.
W Narzędziach dla programistów Chrome znajduje się specjalne narzędzie, które umożliwia emulację urządzenia mobilnego. Dla programistów bardzo przydatne jest sprawdzenie, jak ich strony internetowe wyglądają na smartfonach i urządzeniach z małymi ekranami. Pozwala określić niestandardowy rozmiar ekranu lub użyć predefiniowanych rozmiarów urządzeń, takich jak iPhone, iPad, Nexus czy Samsung Galaxy. Gdy otwarta strona zostanie wyświetlona w emulatorze urządzenia, użytkownik może wykonać zrzut ekranu strony. Możliwe jest również włączenie ramki urządzenia dookoła strony, aby wyglądała jak realistyczne zdjęcie.
Możesz to zrobić w następujący sposób.
- Otwórz żądaną stronę w Chrome i naciśnij F12. Spowoduje to otwarcie narzędzi programistycznych:
- Kliknij przycisk emulatora urządzenia mobilnego, aby przełączyć tryb narzędzi programistycznych:
- Pod selektorem urządzeń wybierz jakieś urządzenie. Na przykład wybiorę iPhone'a 6:
- Teraz kliknij menu z trzema kropkami po prawej stronie selektora urządzeń i zaznacz opcję „Pokaż ramkę urządzenia”:
- Voila, teraz Twoja strona internetowa jest wyświetlana w ładnej ramce urządzenia:
Teraz kliknij ponownie menu z trzema kropkami i wybierz „Zrób zrzut ekranu”:
Wynik będzie następujący:
Skończyłeś.