Những điều cần biết
- Chọn menu More (ba chấm) > More tools (Công cụ khác) > Developer tools (Công cụ nhà phát triển). Nhấp vào biểu tượng ba chấm > Run command (Chạy lệnh) > nhập "screenshot".
- Chọn loại: Area screenshot (Chụp vùng), Full size screenshot (Chụp toàn trang), Node screenshot (Chụp nút), hoặc Screenshot (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 một tiện ích ẩn sâu trong công cụ 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 trực tiếp từ trình duyệt là vô giá vì không phải phần mềm chụp màn hình nào cũng làm tốt việc này với nội dung có thanh cuộn. Bạn có thể sử dụng Developer tools (Công cụ nhà phát triển) trong Edge để chụp ảnh màn hình toàn trang và ba loại chụp ảnh 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 chọn vị trí cụ thể.
Nhấn phím F12 hoặc Ctrl + Shift + I trên bàn phím Windows để mở Developer tools trong Microsoft Edge. Người dùng macOS nên dùng phím tắt Command + Option + I. Bạn cũng có thể truy cập Developer tools từ thanh công cụ Edge. Chọn menu ba chấm More > More tools > Developer tools.
Trong bảng Developer tools, chọn biểu tượng ba chấm (ellipsis) ở góc trên bên phải để mở Customize and control DevTools (Tùy chỉnh và kiểm soát DevTools).
Chọn Run command (Chạy lệnh) (hoặc nhấn Ctrl + Shift + P) từ menu dọc.
Nhập "screenshot" vào bảng Run command để 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 bạn muốn chụp.
Chọn Capture area screenshot (Chụp ảnh màn hình khu vực) từ danh sách lệnh để chụp ảnh màn hình của một khu vực cụ thể. Sử dụng con trỏ chéo để nhấn chuột trái và vẽ đường viền cho ảnh chụp màn hình. (Chúng tôi làm nổi bật một phần để cho bạn thấy nó biến thành màu xám đậm, nhưng rõ ràng bạn sẽ làm nổi bật phần bạn muốn.)
Chọn Capture full size screenshot (Chụp ảnh màn hình toàn kích thước) từ danh sách lệnh để chụp ảnh màn hình toàn trang. Điều này chụp toàn bộ trang web, bao gồm cả nội dung có thanh cuộn không hiển thị trên màn hình.
Chọn Capture node screenshot (Chụp ảnh màn hình nút) từ danh sách lệnh để chụp một HTML Node được chọn trong Dev Tools từ tab Elements (Các phần tử). Bạn cũng có thể nhấp chuột phải vào nút được chọn và chọn Capture node screenshot. Ví dụ, chọn "header class" và chụp phần header của trang web.
Chọn Capture screenshot (Chụp ảnh màn hình) từ danh sách lệnh để chụp ảnh màn hình của khung nhìn đ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 cuộn nhưng không thấy được.
Mẹo:
Các trình duyệt dựa trên 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 ảnh màn hình để chụp trang web trông như thế nào trên một thiết bị cụ thể.
Chọn Toggle device emulation (Bật/tắt mô phỏng thiết bị) trên thanh công cụ Developer tools (hoặc nhấn Ctrl + Shift + M).