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

Hoàng Anh

Ban Quản Trị
Tham gia
1/2/17
Bài viết
21
Xếp hạng
15
#1

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".


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


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 :).

 
Sửa lần cuối bởi điều hành viên:

Thành viên trực tuyến

Không có thành viên trực tuyến.

Group ITRUM Community

Thống kê diễn đàn

Chủ đề
1,391
Bài viết
2,816
Thành viên
5,414
Thành viên mới nhất
ronduong
Top Bottom