Muszę zrobić zrzut ekranu całej strony. Chodzi o to, że potrzebuję zrzut ekranu, aby uwzględnić całą zawartość jednego elementu, który nie mieści się na ekranie.
Jest to tabela jednokolumnowa, która ze względu na wysokość ma pasek przewijania. To nie jest ramka IFRAME (którą można łatwo załadować we własnej zakładce).
Kolumna zawiera sformatowany tekst i kilka małych obrazów.
W przypadku przewijanych długich stron internetowych wykonanie tego zadania jest banalne. Ale jak można to osiągnąć, gdy zawiera on przewijany element na stronie?
Żeby było jasne, muszę uchwycić całą stronę, a nie tylko sam element.
Chciałbym to zrobić za pomocą przeglądarki Firefox w systemie Windows.
Odpowiedzi:
Moją sugestią jest użycie wbudowanej funkcji Firefoksa, która pozwala robić zrzuty ekranu z pojedynczego elementu DOM.
Wystarczy otworzyć narzędzia programistyczne → Znajdź element → Kliknij prawym przyciskiem myszy i zrób zrzut ekranu
Nie działało na jednej z moich wewnętrznych stron, więc nie mogę powiedzieć, że będzie działać dla wszystkich.
Zaktualizuj po edycji OP:
Jeśli zamierzasz nagrywać całą stronę wraz z całą zawartością elementu DOM, jak pokazano poniżej, powinieneś na żywo edytować wysokość elementu DOM, ale ...
Spowoduje to wypchnięcie wielu elementów DOM z okienka ekranu i zrzutu ekranu lub AFAIK, które nie zostanie przechwycone przez żadne inne narzędzie, co moim zdaniem jest lepsze niż cel.
Przeczytaj poniżej z https://en.wikipedia.org/wiki/Screenshot
Gdybym naprawdę musiał to zrobić po swojemu, stworzyłbym GIF lub zrobiłem dwa zrzuty ekranu, jedną pełną stronę, a drugą tylko element DOM, aby scalić w jedną.
źródło
<body>element, a otrzymasz pożądany zrzut ekranu.Możesz użyć polecenia zrzutu ekranu z paska narzędzi programisty:
Naciśnij Shift+, F2aby otworzyć pasek narzędzi lub wybierz go z menu Narzędzi dla webmasterów.
Na pasku narzędzi wpisz polecenie
screenshot --fullpage fullpage.png.Aby przechwycić pojedynczy element, możesz użyć jego selektora css z flagą --selector, np
dostaniesz obraz poniżej
źródło
Użyj trybu responsywnego projektowania Firefoksa , ustaw szerokość na coś normalnego, a wysokość tak, aby wystarczyła, aby objąć całą stronę, kliknij przycisk zrzutu ekranu (ikona aparatu).
źródło
Istnieje oprogramowanie o nazwie Snagit, które może rozwiązać Twój problem. To oprogramowanie może wykonywać zrzuty ekranu różnych typów, takich jak przewijane okno, a także nagrywać wideo.
Jest to aplikacja płatna, ale dostępna jest również wersja próbna.
źródło
Używam Screenpresso . Umożliwia zrobienie przewijanego zrzutu ekranu. Zasadniczo wykonujesz zrzut ekranu, przewijasz w dół i bierzesz kolejny itd., A następnie Screenpresso łączy je ze sobą. Screenpresso jest również bezpłatny.
Do Twojej wiadomości, klawisze skrótu do przewijania zrzutu ekranu to WindowsKey + Shift + PrintScreen. Następnie musisz kliknąć okno, które chcesz przewinąć. Po przejściu do następnej części zrzutu ekranu kliknij prawym przyciskiem myszy, przewiń w dół, kliknij prawym przyciskiem myszy i tak dalej. Gdy skończysz, kliknij lewym przyciskiem myszy, a zostaną one zszyte. Upewnij się, że na każdym zrzucie widać zakładkę, aby proces szycia działał lepiej.
źródło
Istnieje rozszerzenie o nazwie Nimbus Screen Capture, które doskonale nadaje się do tego zadania.
Masz możliwość przechwycenia:
źródło
Opcje dopasowania wszystkiego na jednej stronie:
<Ctrl>-aby zmieścić wszystko na jednej stronieInną opcją jest zrobienie zrzutu ekranu z górnej części tego, co chcesz uchwycić. Przewiń w dół, zrób następny zrzut ekranu. Powtarzaj to, dopóki nie uchwycisz wszystkiego.
Opcjonalnie: połącz zrzuty ekranu w jeden duży obraz za pomocą edytora obrazów (np. Gimp).
źródło
Aby robić zrzuty ekranu, możesz dodać rozszerzenie takie jak łatwy zrzut ekranu. Dzięki temu robienie zrzutów ekranu będzie znacznie łatwiejsze.
źródło
W przypadku programów DESKTOP, z przewijanym oknem przechwytywanie ApowerSoft wykonało dla mnie pracę.
źródło