Làm cách nào để chụp ảnh màn hình bao gồm yếu tố cuộn trong trang web trong Firefox?

Tôi cần phải chụp ảnh màn hình của toàn bộ trang web. Mẹo nhỏ là tôi cần ảnh chụp màn hình để bao gồm toàn bộ nội dung của một yếu tố không phù hợp với màn hình.

Đó là một bảng cột duy nhất có một thanh cuộn do chiều cao của nó. Nó không phải là IFRAME (sẽ đơn giản để tải trong tab riêng của nó).

Cột chứa văn bản được định dạng và một vài hình ảnh nhỏ.

Đối với các trang web dài cuộn, việc thực hiện nhiệm vụ này là không quan trọng. Nhưng làm thế nào nó có thể được thực hiện khi nó chứa một yếu tố riêng lẻ trong trang cuộn?

Để rõ ràng, tôi cần phải chụp toàn bộ trang, không chỉ riêng phần tử.

Tôi muốn thực hiện điều này bằng Firefox trên Windows.

Đề nghị của tôi là sử dụng tính năng tích hợp của Firefox cho phép bạn chụp ảnh màn hình của một thành phần DOM duy nhất.

Chỉ cần bật mở các công cụ dành cho nhà phát triển → Tìm phần tử → Nhấp chuột phải và chụp ảnh màn hình

Nó không hoạt động trên một trong những trang web nội bộ của tôi nên không thể nói nó sẽ hoạt động cho tất cả.

Cập nhật sau khi chỉnh sửa của OP:

Nếu bạn định ghi lại toàn bộ trang cùng với toàn bộ nội dung phần tử DOM như bên dưới, bạn nên chỉnh sửa trực tiếp chiều cao của phần tử DOM nhưng ...

Nó sẽ đẩy rất nhiều yếu tố DOM ra khỏi chế độ xem và ảnh chụp màn hình hoặc AFAIK, bất kỳ công cụ nào khác sẽ không nắm bắt được, điều này đánh bại mục đích của bạn tôi nghĩ.

Đọc dưới đây từ https://en.wikipedia.org/wiki/Sc mãi

Ảnh chụp màn hình, chụp màn hình, nắp màn hình, nắp, đổ màn hình hoặc chụp màn hình là hình ảnh được chụp bởi một người để ghi lại các mục hiển thị được hiển thị trên màn hình, TV hoặc thiết bị đầu ra hình ảnh khác đang sử dụng.

Nếu tôi thực sự phải làm theo cách của bạn, tôi sẽ tạo một GIF hoặc chụp hai ảnh chụp màn hình một trang đầy đủ và chỉ một phần tử DOM khác để hợp nhất thành một.

Bạn có thể sử dụng lệnh chụp màn hình từ Thanh công cụ dành cho nhà phát triển:

1. Nhấn Shift+ F2để mở thanh công cụ hoặc chọn nó từ menu Công cụ dành cho nhà phát triển web.

2. Trên thanh công cụ, gõ lệnh screenshot --fullpage fullpage.png.

Để chụp một phần tử duy nhất, bạn có thể sử dụng bộ chọn css của nó với cờ --selector, vd

screenshot --selector #hot-network-questions

sẽ giúp bạn có được hình ảnh dưới đây

Sử dụng Chế độ thiết kế đáp ứng của Firefox , đặt chiều rộng thành bình thường và chiều cao sao cho đủ để bao quanh toàn bộ trang, nhấp vào nút chụp màn hình (biểu tượng camera).

Có phần mềm được gọi là Snagit có thể giải quyết vấn đề của bạn. Phần mềm này có thể chụp ảnh màn hình theo các loại khác nhau, như cửa sổ cuộn và cũng có thể quay video.

Nó là một ứng dụng trả phí, nhưng cũng có sẵn một bản dùng thử.

Tôi sử dụng Screenpresso . Nó cho phép bạn chụp ảnh màn hình cuộn. Về cơ bản, bạn chụp ảnh màn hình, cuộn xuống và chụp ảnh khác, sau đó Screenpresso ghép chúng lại với nhau. Screenpresso cũng miễn phí.

FYI, các phím tắt để cuộn ảnh chụp màn hình là WindowsKey + Shift + PrintScreen. Sau đó, bạn cần phải nhấp vào cửa sổ bạn muốn cuộn. Khi bạn đến phần tiếp theo để chụp ảnh màn hình, nhấp chuột phải, cuộn xuống, nhấp chuột phải và cứ thế. Khi bạn kết thúc, nhấp chuột trái và họ sẽ được khâu lại với nhau. Đảm bảo có được một số chồng lấp trên mỗi ảnh chụp màn hình để quá trình khâu hoạt động tốt hơn.

Có một phần mở rộng được gọi là Nimbus Screen Capture hoàn toàn phù hợp với nhiệm vụ này.

Bạn có tùy chọn để chụp:

• phần hiển thị của trang (hữu ích để không bao gồm các thành phần trình duyệt trái ngược với alt+ Print Scrn)
• một đoạn của trang (theo đó bạn có thể di chuột qua các vùng trên màn hình để tìm đoạn bạn muốn - các vùng này tương ứng với các phần tử HTML nằm bên dưới của chúng)
• khu vực đã chọn (bạn nhấp và kéo thủ công nơi bạn muốn chụp màn hình, hỗ trợ cuộn trong khi kéo)
• toàn bộ trang

Tùy chọn để phù hợp với mọi thứ trên một trang:

• Sử dụng <Ctrl>-để phù hợp với mọi thứ trên một trang
• Xoay màn hình của bạn sang chế độ dọc
• Sử dụng màn hình thứ hai ở chế độ dọc và xác định vị trí bên dưới màn hình thứ nhất
• Kết hợp tất cả những điều trên

Một lựa chọn khác là chụp ảnh màn hình phần trên của những gì bạn muốn chụp. Cuộn xuống, chụp màn hình tiếp theo. Lặp lại điều này cho đến khi bạn nắm bắt được mọi thứ.
Tùy chọn: kết hợp ảnh chụp màn hình thành một hình ảnh lớn bằng trình chỉnh sửa hình ảnh (ví dụ: gimp).

Để chụp ảnh màn hình, bạn có thể thêm Tiện ích mở rộng như ảnh chụp màn hình dễ dàng. Sau đó, nó sẽ dễ dàng hơn nhiều để bạn chụp ảnh màn hình.

Đối với các chương trình DESKTOP, với cửa sổ cuộn ApowerSoft chụp đã làm công việc cho tôi.