Заснемане на екранни снимки с превъртане на уеб страница в пълен размер в Chrome

Съдържание:

Anonim

Браузърът Google Chrome предлага два начина за заснемане на екранни снимки на уеб страници в пълен размер. Това може да бъде необходимо или полезно за много работещи в мрежата, независимо дали са разработчици, дизайнери, редактори, мениджъри, писатели, анализатори или почти всеки друг възможен уеб базиран концерт.

Подходите, които ще разгледаме за заснемане на екранни снимки на уеб страници в пълен размер с Chrome, изискват пълната версия на Chrome за всяко устройство на ниво настолен компютър, което включва Mac, Windows, Linux и Chromebook.Не са необходими добавки, тъй като ще използваме вградени инструменти за разработчици с Chrome.

отбележете, че тук разглеждаме браузъра Chrome за настолен компютър. Можете също така да правите екранни снимки на цели страници с Firefox, Safari на Mac и Safari за iPhone и iPad, ако е необходимо или предпочитате.

Как да заснемате превъртащи екранни снимки в пълен размер в Chrome

Готови ли сте да направите екранна снимка в пълен размер на уеб страница в Chrome? Ето какво да направите:

  1. Отворете Chrome Developer Tools (Вижте > Developer > Developer Tools)
  2. Щракнете върху бутона Responsive Design Mode в чекмеджето с инструменти за програмисти
  3. Превъртете надолу през цялата уеб страница, така че всички изображения да се заредят (това е важно за заснемане на изображения с отложено зареждане, обичайна техника, използвана за ускоряване на уеб страници)
  4. Щракнете върху трите вертикални точки в горния десен ъгъл на инструмента за адаптивен дизайн и изберете „Заснемане на екранна снимка в пълен размер“
  5. Екранната снимка в пълен размер ще се появи във вашата папка за изтегляния на Chrome по подразбиране

На Mac ще намерите екранна снимка в пълен размер на уеб страницата, налична в потребителските изтегляния, освен ако не сте променили това ръчно.

Размерите на заснетата екранна снимка ще варират в зависимост от това кое устройство сте избрали в режим на реагиране, например ако сте избрали iPad Air и сте направили превъртаща екранна снимка в пълен размер на началната страница на osxdaily.com, вашата екранна снимка може да бъде около 2084 × 16439 пиксела. Очевидно по-дългият стил на страница или

Ако не превъртите цяла уеб страница, всички бавно заредени изображения няма да бъдат заснети от екранната снимка, което прави екранната снимка на цялата страница непълна и непредставителна за това, което потребителят вижда на страницата.

Заснемане на екранни снимки на цяла страница в Chrome чрез конзола

Друг начин да правите екранни снимки на цяла страница в Chrome е да използвате командата Run на конзолата за разработчици и да въведете „screenshot“, след което да изберете „Capture full size screenshot“ от появилите се опции. Не забравяйте да превъртите цялата уеб страница, преди да направите и това.

Това може да е по-добра опция за някои потребители, но е малко по-сложна за тези, които са по-малко запознати с командните редове.

По-лесни ли са тези методи за Chrome от наличните в Safari за Mac с инструменти за разработчици? Или супер простият метод за правене на екранни снимки на цели уеб страници на Mac с Firefox? Или още по-лесният начин за правене на екранни снимки на цяла страница с помощта на iPhone или iPad? Това зависи от вас да решите и също така вероятно зависи от браузъра, който използвате най-често, и уменията ви с всеки от тях.

Заснемане на екранни снимки с превъртане на уеб страница в пълен размер в Chrome