Cách Chụp ảnh màn hình trên Google Chrome bằng Công cụ dành cho nhà phát triển

Mục lục:

Cách Chụp ảnh màn hình trên Google Chrome bằng Công cụ dành cho nhà phát triển
Cách Chụp ảnh màn hình trên Google Chrome bằng Công cụ dành cho nhà phát triển
Anonim

Điều cần biết

  • Trên PC: Nhấn Ctrl + Shift + Irồi đến Ctrl + Shift P.
  • Mac: Nhấn Command + Option + Irồi đến Command + Shift P.
  • Sau đó nhập "ảnh chụp màn hình" để xem bốn tùy chọn ả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 trong Chrome bằng công cụ dành cho nhà phát triển.

Cách sử dụng Công cụ dành cho nhà phát triển của Chrome để chụp ảnh màn hình

Sự khác biệt giữa việc sử dụng phím Print Screen và công cụ Chrome là công cụ ảnh chụp màn hình Chrome không bao gồm đường viền của cửa sổ trình duyệt Chrome mà chỉ bao gồm nội dung của trang web. Nếu bạn chỉ muốn chụp nội dung trang mà không cần chỉnh sửa ảnh chụp màn hình của mình, các công cụ dành cho nhà phát triển có thể giúp bạn tiết kiệm một bước.

Bạn có thể sử dụng menu hoặc phím tắt để truy cập các công cụ dành cho nhà phát triển.

  1. Nhấn Ctrl + Shift + Itrên PC hoặc Command + Option + Itrên Mac. Ngoài ra, hãy nhấp vào biểu tượng menu ba chấm và chọn Công cụ khác> Công cụ dành cho nhà phát triểnThực hiện việc này sẽ mở menu nhà phát triển Trình kiểm tra yếu tố, hiển thị trang web của Mã hóa HTML.

    Image
    Image
  2. Sau đó, nhấn Ctrl + Shift P(PC) hoặc Command + Shift P(Mac) hoặc nhấp vào menu ba chấm cho Customize And Control DevToolsvà chọn Run Command.

    Image
    Image

    Chỉ dành cho ảnh chụp màn hình kích thước thông thường hoặc kích thước đầy đủ, hãy nhấp vào biểu tượng menu ba chấm ở đầu trang bạn muốn chụp và chọn Chụp ảnh màn hìnhhoặc Chụp ảnh màn hình kích thước đầy đủ.

  3. Nhập "ảnh chụp màn hình" để xem các tùy chọn ảnh chụp màn hình, đó là:

    • Chụp ảnh màn hình khu vực
    • Chụp ảnh màn hình kích thước đầy đủ
    • Chụp ảnh màn hình nút
    • Chụp ảnh màn hình
    Image
    Image
  4. Cuộn xuống để chọn kiểu ảnh chụp màn hình bạn muốn chụp bằng chuột hoặc các phím mũi tên trên bàn phím.

Tùy chọn ảnh chụp màn hình dành cho nhà phát triển Chrome

Chọn Chụp ảnh màn hình khu vựcđể lấy một phần của màn hình. Sử dụng chuột để kéo một hộp xung quanh khu vực bạn muốn chụp ảnh màn hình.

Để có ảnh chụp màn hình của toàn bộ trang web, hãy chọn Chụp ảnh màn hình kích thước đầy đủ. Tùy chọn này cho phép bạn có được hình ảnh của một trang web không vừa với một màn hình.

Tùy chọn này có nhiều kết quả khác nhau trong thử nghiệm của chúng tôi, tùy thuộc vào trang web.

Nếu bạn muốn có một ảnh chụp màn hình chuẩn, hãy chọn Chụp ảnh màn hìnhđể lấy những gì hiển thị trên màn hình của bạn.

Cuối cùng, bạn có thể lấy ảnh chụp màn hình của một phần tử HTML bằng cách chọn Chụp ảnh màn hình nút.

Sau khi chụp ảnh màn hình, bạn sẽ nhận được hộp thoại Lưu. Chọn một thư mục và đặt tên tệp cho ảnh chụp màn hình của bạn. Tất cả ảnh chụp màn hình được chụp bằng Công cụ dành cho nhà phát triển cũng có sẵn trong trình quản lý tải xuống của Chrome.

Đề xuất: