Chụp ảnh chụp màn hình cuộn trang web có kích thước đầy đủ trong Chrome

Mục lục:

Anonim

Trình duyệt Google Chrome cung cấp hai cách để chụp ảnh màn hình trang web có kích thước đầy đủ. Điều này có thể cần thiết hoặc hữu ích đối với nhiều nhân viên web, cho dù họ là nhà phát triển, nhà thiết kế, biên tập viên, người quản lý, nhà văn, nhà phân tích hay bất kỳ hợp đồng biểu diễn dựa trên web khả thi nào khác.

Các phương pháp chúng tôi sẽ đề cập để chụp ảnh màn hình trang web có kích thước đầy đủ bằng Chrome yêu cầu phiên bản Chrome đầy đủ cho mọi thiết bị cấp máy tính để bàn, bao gồm Mac, Windows, Linux và Chromebook.Không yêu cầu plugin vì chúng tôi sẽ sử dụng các công cụ dành cho nhà phát triển tích hợp với Chrome.

ote chúng tôi giới thiệu trình duyệt Chrome dành cho máy tính để bàn tại đây. Bạn cũng có thể chụp ảnh màn hình toàn trang bằng Firefox, Safari trên máy Mac và Safari dành cho iPhone và iPad, nếu bạn cần hoặc muốn.

Cách chụp ảnh màn hình cuộn kích thước đầy đủ trong Chrome

Bạn đã sẵn sàng chụp ảnh màn hình kích thước đầy đủ của một trang web trong Chrome chưa? Đây là những việc cần làm:

  1. Mở Công cụ dành cho nhà phát triển Chrome (Xem > Công cụ dành cho nhà phát triển > dành cho nhà phát triển)
  2. Nhấp vào nút Chế độ thiết kế đáp ứng trong ngăn công cụ dành cho nhà phát triển
  3. Cuộn xuống toàn bộ trang web để tải tất cả hình ảnh (điều này rất quan trọng để ghi lại hình ảnh tải chậm, một kỹ thuật phổ biến được sử dụng để tăng tốc độ trang web)
  4. Nhấp vào ba dấu chấm dọc ở góc trên bên phải của công cụ Thiết kế đáp ứng và chọn “Chụp ảnh chụp màn hình kích thước đầy đủ”
  5. Ảnh chụp màn hình kích thước đầy đủ sẽ xuất hiện trong thư mục tải xuống Chrome mặc định của bạn

Trên máy Mac, bạn sẽ tìm thấy ảnh chụp màn hình kích thước đầy đủ của trang web có trong Tải xuống của người dùng, trừ khi bạn thay đổi điều đó theo cách thủ công.

Kích thước của ảnh chụp màn hình đã chụp sẽ khác nhau tùy thuộc vào thiết bị bạn chọn ở chế độ phản hồi, ví dụ: nếu bạn chọn iPad Air và chụp ảnh màn hình cuộn có kích thước đầy đủ của trang chủ osxdaily.com, ảnh chụp màn hình của bạn có thể khoảng 2084 × 16439 pixel. Rõ ràng là kiểu trang dài hơn hoặc

Nếu bạn không cuộn qua toàn bộ trang web, mọi hình ảnh tải chậm sẽ không được chụp bằng ảnh chụp màn hình, làm cho ảnh chụp màn hình toàn trang không đầy đủ và không đại diện cho những gì người dùng nhìn thấy trên trang.

Chụp ảnh chụp màn hình toàn trang trong Chrome qua Bảng điều khiển

Một cách khác để chụp ảnh màn hình toàn trang trong Chrome là sử dụng lệnh 'Chạy' trong bảng điều khiển dành cho nhà phát triển và nhập "ảnh chụp màn hình", sau đó chọn "Chụp ảnh chụp màn hình kích thước đầy đủ" từ các tùy chọn xuất hiện. Đảm bảo cuộn qua toàn bộ trang web trước khi thực hiện cả thao tác này.

Đây có thể là một lựa chọn tốt hơn đối với một số người dùng, nhưng nó phức tạp hơn một chút đối với những người ít quen thuộc với các dòng lệnh.

Các phương pháp này dành cho Chrome có dễ dàng hơn những phương pháp có sẵn trong Safari dành cho Mac với Công cụ dành cho nhà phát triển không? Hoặc phương pháp cực kỳ đơn giản để chụp ảnh màn hình toàn bộ trang web trên máy Mac bằng Firefox? Hoặc cách dễ dàng hơn để chụp ảnh màn hình toàn trang bằng iPhone hoặc iPad? Điều đó tùy thuộc vào bạn quyết định và nó cũng có thể phụ thuộc vào trình duyệt bạn sử dụng thường xuyên nhất và mức độ thành thạo của bạn với từng trình duyệt đó.

Chụp ảnh chụp màn hình cuộn trang web có kích thước đầy đủ trong Chrome