Hướng dẫn cách chụp hình trang web trong Google Chrome

Đôi khi lướt web bạn muốn chụp hình toàn bộ một trạng web nào đó lại, tuy nhiên bạn chưa biết làm cách nào hoặc phải cài thêm extension hay phần mềm nào đó vào máy tính.
Hôm nay thietkeweb76.net sẽ hướng dẫn bạn cách chụp hình nhanh một trang web mà không cần phải cài thêm bất kỳ extension hoặc phần mềm nào cả.
Để bắt đầu, Bạn truy cập mất một trang web nào mà bạn muốn chụp hình. Sau đó bạn hãy mở cửa sổ Chrome Dev Tools bằng cách chọn Settings -> More Tools -> Developer Tools hoặc bấm phím F12 trên hệ điều hành Windows và Ubunu, Cmd+Opt+I trên Mac.

Hướng dẫn chụp hình trang web trong chrome - thietkeweb76.net Mở cửa sổ Developer Tool

Tiếp theo, Ở cửa sổ Developer Tools bậc chế độ mobile bằng cách click vào button Device Toolbar chuyển sang trạng thái màu xanh. Ở đây bạn có thể chọn nhiều loại màn hình của thiết bị có thể chụp. Muốn chụp màn hình danh cho PC bạn chọn "Reponsive" và kéo cửa sổ lớn ra hết cỡ là được, đừng quên set lại chế độ zoom là 100%.
Hướng dẫn chụp hình trang web trong chrome - thietkeweb76.net Chọn chế chộ mobile và điều chỉnh cửa sổ chụp hình

Mọi thứ đã sẵn sàng, Bạn hãy Click vào dấu 3 chấm ở phía trên bên phải của frame device và chọn Capture full size screenshot như vậy bạn sẽ có được một tấm hình của toàn bộ một trang web với định dạng PNG.
Hướng dẫn chụp hình trang web trong chrome  thietkeweb76.net Chụp hình trang web

Chúc bạn thành công!

Comment