Windows Tips & News

Зробіть знімок екрана веб-сторінки з рамкою пристрою в Chrome

РЕКОМЕНДУЄМО: Натисніть тут, щоб вирішити проблеми з Windows та оптимізувати продуктивність системи

Менш відомою особливістю Google Chrome на настільних операційних системах є можливість робити знімок екрана відкритої сторінки, наче знімок екрана був зроблений браузером, запущеним на мобільному пристрої. Він навіть може додати рамку навколо знімка екрана, щоб він виглядав як реалістична фотографія смартфона. Ось як це можна зробити.

У Інструментах розробника Chrome є спеціальний інструмент, який дозволяє емулювати мобільний пристрій. Розробникам дуже корисно перевірити, як виглядають їхні веб-сайти на смартфонах та пристроях з невеликим екраном. Він дозволяє вказати власний розмір екрана або використовувати попередньо визначені розміри пристроїв, як-от iPhone, iPad, Nexus або Samsung Galaxy. Після того, як відкрита сторінка відобразиться в емуляторі пристрою, користувач може зробити знімок екрана сторінки. Також можна включити рамку пристрою навколо сторінки, щоб вона виглядала як реалістична фотографія. winaero-com-blog-firefox-drops-all-npapi-plugins-except-flash-iphone-6

Зробити це можна наступним чином.

  1. Відкрийте потрібну сторінку в Chrome і натисніть F12. Це відкриє інструменти розробника:dev-tools-chrome
  2. Натисніть кнопку емулятора мобільного пристрою, щоб переключити режим інструментів розробника:мобільний режим перегляду
  3. Під вибором пристроїв виберіть пристрій. Наприклад, я виберу iPhone 6:пристрій-селектор
  4. Тепер клацніть меню з 3 крапками праворуч від селектора пристроїв і поставте галочку біля опції «Показати кадр пристрою»:enable-device-frame
  5. Вуаля, тепер ваша веб-сторінка відображається в красивій рамці пристрою:
    пристрій-кадр в дії
    Тепер знову натисніть меню з трьома крапками та виберіть «Зробити знімок екрана»:capture-screenshot-menu-item

Результат буде таким:скріншот-зроблено

winaero-com-blog-firefox-drops-all-npapi-plugins-except-flash-iphone-6Ви закінчили.

РЕКОМЕНДУЄМО: Натисніть тут, щоб вирішити проблеми з Windows та оптимізувати продуктивність системи

Архіви Windows 8.1

У Windows Vista Microsoft реалізувала нову функцію безпеки під назвою «Контроль облікових записів...

Читати далі

Скін Cucumber v3.0 від AIMP3

Цей веб-сайт використовує файли cookie, щоб покращити ваш досвід під час навігації веб-сайтом. З ...

Читати далі

Скін Black Lineage 3 від AIMP3

Цей веб-сайт використовує файли cookie, щоб покращити ваш досвід під час навігації веб-сайтом. З ...

Читати далі