Основен Google Chrome Направете екранна снимка на уеб страница с рамка на устройството в Chrome

Направете екранна снимка на уеб страница с рамка на устройството в Chrome



По-малко известна характеристика на Google Chrome в операционните системи за настолни компютри е възможността да се направи екранна снимка на отворена страница, сякаш направената екранна снимка е на браузъра, работещ на мобилно устройство. Той дори може да добави рамка около екранната снимка, така че да изглежда като реалистична снимка на смартфон. Ето как може да се направи.

В инструментите за разработчици на Chrome има специален инструмент, който ви позволява да емулирате мобилно устройство. За разработчиците е много полезно да проверят как изглеждат техните уеб сайтове на смартфони и устройства с малък екран. Тя позволява да се посочи персонализиран размер на екрана или да се използват предварително зададени размери на устройства като iPhone, iPad, Nexus или Galaxy на Samsung. След като отворената страница се покаже в емулатора на устройството, потребителят може да направи екранна снимка на страницата. Възможно е също така да активирате рамка на устройство около страницата, така че да изглежда като реалистична снимка.устройство-кадър-в-действие

Можете да го направите, както следва.

  1. Отворете желаната страница в Chrome и натиснете F12. Това ще отвори Инструменти за програмисти:winaero-com-blog-firefox-drop-all-npapi-plugins-с изключение на флаш-iphone-6
  2. Щракнете върху бутона за емулатор на мобилно устройство, за да превключите режима на Developer Tools:
  3. Под селектора на устройства изберете някое устройство. Например ще избера iPhone 6:
  4. Сега щракнете върху менюто с 3 точки вдясно от селектора на устройството и отбележете опцията „Показване на рамката на устройството“:
  5. Voila, сега вашата уеб страница се показва в хубава рамка на устройството:

    Сега кликнете отново върху менюто с три точки и изберете „Заснемане на екранна снимка“:

Резултатът ще бъде както следва:

Ти си готов.

Интересни Статии

Избор На Редактора

Как да изтрия цитати в Excel
Как да изтрия цитати в Excel
Ако работите с Excel, може би сте забелязали, че данните в някои файлове се доставят с кавички. Това означава, че файлът е създаден с помощта на една от многото формули на Excel. Тези формули могат да ви помогнат много
Създайте персонализиран пряк път за настройки на Windows 10 за връзка към конкретна страница с настройки
Създайте персонализиран пряк път за настройки на Windows 10 за връзка към конкретна страница с настройки
Ако често се налага да посещавате определена страница в приложението за настройки на Windows 10, ето как да създадете персонализиран пряк път, който ще ви отведе директно до тази страница, вместо да ви принуждава да навигирате през менютата за настройки всеки път.
Как да използвам Lyft без смартфон
Как да използвам Lyft без смартфон
Много от нас приемат приложения като Lyft или Uber за даденост. Отворете приложението, изберете пикап, начин на плащане и изпратете заявката и voila, вашето пътуване пристига. Но какво, ако не притежавате смартфон? Какво относно
Как да направите иконите за бързо стартиране по-големи в Windows 10
Как да направите иконите за бързо стартиране по-големи в Windows 10
Възможно е да активирате добрата стара лента с инструменти за бързо стартиране в Windows 10. Проблемът е, че от кутията тя показва много малки икони.
Как да изберете своя идеален калъф за телефон
Как да изберете своя идеален калъф за телефон
Калъфите за телефон защитават вашия смартфон и осигуряват начин да изразите стила си. Пет неща, които трябва да имате предвид, включват тип, издръжливост, размер и цена.
Как да разберете дали Facebook не работи
Как да разберете дали Facebook не работи
Когато Facebook не работи, проблемът може да е във вашия компютър или телефон или в техния уебсайт. Ето как да разберете дали Facebook наистина не работи.
Изтеглете Изтеглете cPro__Bento Skin за Winamp
Изтеглете Изтеглете cPro__Bento Skin за Winamp
Изтеглете cPro__Bento Skin за Winamp. Тук можете да изтеглите скина на cPro__Bento за Winamp. Всички кредити отиват при оригиналния автор на този скин (вижте информацията за кожата в предпочитанията на Winamp). Автор:. Изтеглете „Изтеглете cPro__Bento Skin за Winamp“ Размер: 255.85 Kb AdvertismentPCRepair: Коригирайте проблеми с Windows. Всички тях. Връзка за изтегляне: Щракнете тук, за да изтеглите