DIỄN ĐÀN ITRUM

Nơi Chia Sẻ Tài Liệu, Thủ Thuật, Code Và Kinh Nghiệm Cho Anh Em Công Nghệ

Kiến Thức Hướng dẫn chụp toàn bộ trang web với "DEV Tool Chrome"

Thảo luận trong 'Kiến Thức về mạng Internet' bắt đầu bởi Hoàng Anh, 30/6/17.

  1. Kiến Thức về mạng Internet

    Kiến Thức - Hướng dẫn chụp toàn bộ trang web với "DEV Tool Chrome"

    #1 Hoàng Anh, 30/6/17 lúc 16:57
    Chỉnh sửa lần cuối bởi người kiểm duyệt: 1/7/17
    [​IMG]
    Chào mọi người, chắc hẳn khi chúng ta làm web để kinh doanh, hay giới thiệu về website của mình thì luôn có những hình ảnh để "demo" cho người dùng xem trước, hoặc sử dụng vào những mục đích khác thì chúng ta cần chụp lại toàn bộ trang web, nhưng chỉ phím "Print Screen SysRq" thôi thì không đủ, vì thế ta cần những biện pháp khác, trước đây tôi sử dụng 1 tiện ích trong webstore để làm việc này nhưng nó khá nặng và đi kèm với những rắc rối khác, mới đây (cũng hơi lâu rồi), khi ra mắt chrome 59 thì google đã phát triển thêm tính năng chụp toàn bộ trang web, bây giờ chúng ta sẽ bắt đàu tìm hiểu.

    Note: Bạn phải cập nhật chrome 59 trở lên mới có thể thực hiện.

    :tt:

    Bước 1: Vào web mà bạn muốn chụp toàn bộ, nhần phím "F12" hoặc "Crl + Shift + I" để mở "Chrome Dev Tool".

    [​IMG]
    Bước 2: Nhấn tổ hợp phím "Ctrl + Shif + P" để mở hộp thoại "Command Menu", sau đó gõ lênh:
    Mã:
    Capture full size screenshot

    [​IMG]
    Bước 3: Sau khi gõ lệnh bên trên google sẽ tự động tải về cho chúng ta, thế là done :).

    [​IMG]

     
  2. Bình Luận Bằng Facebook

trang này