Скрийншотът прави висококачествени изображения на всяка уебстраница в два режима: видима област (точно това, което виждате в прозореца на браузъра) или цяла страница (цялата страница отгоре до долу, включително съдържанието под линията на превъртане). Екранните снимки се запазват като PNG файлове с висока разделителна способност и се изтеглят незабавно на вашето устройство — без качване в облака, без акаунти, без чакане.
Вградените екранни снимки в операционната система (с помощта на инструменти на ниво ОС като Cmd+Shift+4 или Snipping Tool) заснемат целия ви екран, включително хрома (интерфейса) на браузъра, лентите с инструменти и други прозорци. Те не могат да заснемат съдържание под линията на превъртане (below the fold). Инструментът Screenshot на DevSuite решава и двата проблема — той заснема само съдържанието на уебстраницата (без UI на браузъра) и може да превърти през цялата страница, за да създаде безпроблемно изображение на цялата страница. Режимът на видимата област (visible area) използва вградения API за заснемане на Chrome за прецизност до пиксел. Режимът за цяла страница (full page) превърта страницата автоматично, заснема всеки панел от изгледа и ги съшива в едно цялостно непрекъснато изображение. Изходът е PNG с пълна разделителна способност (съответстващ на съотношението на пикселите на вашето устройство), така че екранните снимки са ясни на Retina и дисплеи с висока разделителна способност (high-DPI).
Заснемете точно това, което се вижда в изгледа на браузъра — точния правоъгълник със съдържание, който вижда потребителят. Без хром (интерфейс) на браузъра, без ленти с инструменти, без ленти за превъртане. Само чистото съдържание на уебстраницата, както се появява на екрана. Едно кликване, мигновено заснемане.
Заснемете цялата страница от най-горната до най-долната част, включително цялото съдържание под линията на превъртане (below the fold). Инструментът автоматично превърта страницата, заснема всеки раздел и съшива плочките в едно цялостно, непрекъснато изображение. Работи на страници с всякаква дължина.
Екранните снимки се правят при естественото съотношение на пикселите на вашия дисплей (2x за Retina, 1.5x на някои дисплеи с Windows). Резултатът е отчетливо изображение с висока разделителна способност, което изглежда ясно дори при увеличение — а не замъгленото увеличение, което получавате от екранните снимки на операционната система.
Заснетото изображение се запазва като PNG файл без загуби (lossless) и се изтегля директно на вашето устройство незабавно. Без качване в облак, без чакане за обработка, не се изисква акаунт. Файлът се появява в папката ви за изтегляне в рамките на секунди.
Заснемането включва само съдържанието на уебстраницата — без раздели(табове) на браузъра, адресна лента, лента с отметки(bookmarks) или лента с инструменти за разширения(extensions). Изходът изглежда точно така, както би изглеждала страницата, ако потребителският интерфейс на браузъра не съществуваше.
Заснема всяка уебстраница, независимо от това как е изградена — статичен HTML, SPA (React, Vue), страници с мързеливо зареждащи се (lazy-loaded) изображения, безкрайно превъртане (infinite scroll), лепкави хедъри (sticky headers) и елементи с фиксирана позиция. Режимът за цяла страница се справя с всички тях.
Направете екранни снимки на цяла страница на уебсайтове, които сте проектирали или разработили за вашето портфолио. Режимът на цяла страница ви дава пълно, безпроблемно изображение, показващо целия дизайн на страницата — идеално за казуси в Behance, Dribbble или портфолио(уебсайт).
Когато съобщавате за грешка, екранната снимка струва повече от хиляда думи. Заснемете точния изглед, показващ проблема, или екранна снимка на цялата страница, показваща как грешката (bug) влияе върху цялото оформление. Прикачете го към вашия билет (ticket) в GitHub или Jira.
Уловете текущото състояние на междинен сайт (staging site) за преглед от заинтересованите страни. Екранните снимки на цяла страница позволяват на клиентите да видят целия дизайн, без да се налага сами да посещават сайта — полезно за прегледи с нетехнически заинтересовани страни.
Направете екранна снимка, преди да направите промени, след това направете друга след това. Сравнете двете изображения едно до друго, за да проверите дали вашите CSS промени или промени в оформлението изглеждат правилно на цялата страница, а не само в раздела, върху който сте се фокусирали.
Създавайте чисти, професионални изображения на уебстраници за публикации в блогове, туитове или презентации. Изходът без лента с инструменти и без хром (интерфейс) на браузъра изглежда изискан и професионален — няма нужда от изрязване на потребителския интерфейс (UI) на браузъра.
Отворете дока или изскачащия прозорец на DevSuite Pro и щракнете върху иконата Screenshot. Появява се селектор на режим с две опции: „Видима област“ (Visible Area) и „Цяла страница“ (Full Page).
Щракнете върху „Видима област“, за да заснемете текущия изглед (това, което виждате в момента), или „Цяла страница“, за да заснемете цялата страница отгоре до долу.
Снимките на видимата област са мигновени (под 1 секунда). Заснемането на цяла страница отнема няколко секунди, тъй като инструментът превърта и зашива плочките. Индикатор за напредъка показва състоянието на заснемането.
Заснетото изображение се изтегля автоматично като PNG файл. Проверете папката за изтегляне (downloads) на вашия браузър за файла, наименуван със заглавието на страницата и времевото клеймо (timestamp).
Инструментът остава активен след всяко заснемане. Направете допълнителни екранни снимки на същата или на различни страници, без да го активирате отново. Превъртете, направете промени и заснемете отново.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
