Điều cần biết
- Chọn menu ba chấm Thêm> Công cụ khác> Công cụ dành cho nhà phát triển. Nhấp vào biểu tượng dấu chấm lửng > Chạy lệnh> nhập "ảnh chụp màn hình."
- Chọn loại: Ảnh chụp màn hình khu vực, Ảnh chụp màn hình kích thước đầy đủ, ảnh chụp màn hình nút hoặc ảnh chụp màn hình.
Bài viết này giải thích cách chụp ảnh màn hình trên Microsoft Edge bằng cách sử dụng một tiện ích ẩn bên trong các công cụ dành cho nhà phát triển.
Cách Chụp Ảnh Màn Hình Trang Web trên Edge
Khả năng chụp ảnh màn hình toàn trang của các trang web từ chính trình duyệt là vô giá vì không phải phần mềm chụp ảnh màn hình nào cũng hoạt động tốt với nội dung có thể cuộn được. Bạn có thể sử dụng Công cụ dành cho nhà phát triển trong Edge để chụp màn hình toàn trang và ba loại ảnh chụp màn hình khác.
Trình duyệt lưu các tệp hình ảnh trong thư mục tải xuống mặc định trên máy tính của bạn hoặc sẽ nhắc bạn đến một vị trí cụ thể.
-
Nhấn phím F12hoặc Ctrl + Shift + Itrên bàn phím của bạn trên Windows để mở Công cụ dành cho nhà phát triểntrong Microsoft Edge. người dùng macOS nên sử dụng phím tắt Command + Option + I. Bạn cũng có thể truy cập các công cụ dành cho nhà phát triển từ thanh công cụ Edge. Chọn dấu ba chấm Thêm> Công cụ khác> Công cụ dành cho nhà phát triển
Image -
Trong bảng điều khiển Công cụ dành cho nhà phát triển, chọn biểu tượng dấu chấm lửng ba chấm ở trên cùng bên phải để mở Tùy chỉnh và điều khiển DevTools.
Image - Chọn Chạy lệnh(hoặc nhấn Ctrl + Shift + P) từ menu dọc.
-
Nhập "ảnh chụp màn hình" trong bảng lệnh Chạy để hiển thị bốn lệnh có thể. Bốn lệnh này giúp bạn chọn phần của trang web mà bạn muốn chụp.
Image -
Chọn Chụp ảnh màn hình khu vựctừ danh sách các lệnh để chụp ảnh màn hình của một khu vực cụ thể. Sử dụng dấu chéo để nhấp chuột trái và vẽ đường viền cho ảnh chụp màn hình. (Chúng tôi đã đánh dấu một phần để cho bạn thấy nó chuyển sang màu xám đậm, nhưng rõ ràng, bạn sẽ đánh dấu phần mình muốn.)
Image - Chọn Chụp ảnh màn hình kích thước đầy đủtừ danh sách các lệnh để chụp ảnh màn hình kích thước đầy đủ. Thao tác này chụp toàn bộ trang web, bao gồm cả nội dung có thể cuộn không có trên màn hình.
-
Chọn Chụp ảnh màn hình núttừ danh sách các lệnh để chụp một Nút HTML đã chọn trong Công cụ Dev từ tab Elements. Bạn cũng có thể nhấp chuột phải vào nút đã chọn và chọn Chụp ảnh màn hình nút. Ví dụ: chọn “lớp tiêu đề” và chụp tiêu đề của trang web.
Image - Chọn Chụp ảnh màn hìnhtừ danh sách các lệnh để chụp ảnh màn hình của chế độ xem đang hoạt động. Đây là khu vực hiển thị bên trong trình duyệt và không bao gồm khu vực có thể cuộn nhưng ẩn.
Mẹo:
Các trình duyệt Chromium như Chrome và Edge cũng cho phép bạn mô phỏng các thiết bị khác và độ phân giải màn hình của chúng. Bạn cũng có thể sử dụng thuộc tính này và các lệnh chụp màn hình và chụp trang web trông như thế nào trên một thiết bị cụ thể.
Chọn Chuyển đổi mô phỏng thiết bịtrên thanh công cụ Developer tools (hoặc nhấn Ctrl + Shift + M).
