Friday 9 April 2021

Chụp full ảnh màn hình website bằng Chrome

Mình tham gia #QuánQuânGCP. Quest nhiều nhưng dài, làm xong trầm cảm mẹ luôn.

Submission form có yêu cầu là phải chụp màn hình để chứng minh đã làm đủ 10 quest. Mình có thử dùng Snipping Tool hay dùng cách thời đồ đá là bấm Print Screen, kết quả là chỉ chụp được một phần website, không được full size. Lên Google thì được recommend vài phần mềm, nhưng mình ngại cài mấy phần mềm nào không open-source lắm.

Thôi dài dòng vãi cứt, vào việc chính này:

Chrome Developer Tools có chức năng chụp full màn hình website, nhưng chức năng này nó không hiện ra cái button đỏ đỏ bự bự bảo "à click tao tao chụp full màn hình cho!" đâu. Thế nên mới có bài post này.

Làm theo các bước dưới này để chụp nè:

1. Mở Developer Tools.

Nói mẹ ra là mở Kiểm tra phần tử; nhấn F12; vào hacker mode, ..etc. Quan trọng là vào được Developer Tools.

Đến ChECkER FB Vjệt N4m Pr0 VJP còn làm được, chẳng lẽ bạn không làm được?

2. Mở Device Toolbar.

Nhấn cái nút này:


Device Toolbar thường dùng để giả lập màn hình di động (văn vở đời thường: xem cái web đó hiển thị trên thiết bị khác như thế nào).

Ngoài lề: muốn đăng hình lên Instagram từ máy tính, mở Device Toolbar lên và chuyển mode từ Responsive sang một cái điện thoại nào đó, sau đó F5.

3. Chụp màn hình.

Nhấn dấu ba chấm


Chọn Capture full-size screenshot.


Đợi chút xíu, rồi hình sẽ tự lưu về máy:


Mở lên xem:


Nếu cần, chỉnh lại resolution màn hình ở chỗ này:


---

Ngoài lề #1: bất kỳ trình duyệt lõi Chromium nào cũng có chức năng này. Nghĩa là, bạn bị tối cổ rồi đó!

Ngoài lề #2: Tôi không dùng Chrome mà tôi dùng Firefox thì sao ông?

Firefox không phức tạp như Chrome. Ông xem video này là rõ, dễ lắm:

Ngoài lề #3: Goods đợt này có cái balo màu cam, mình mang đi khắp trường toàn bị người ta nhìn kiểu "thằng này thần kinh vl".

Hình cái balo nè:

No comments:

Post a Comment

Popular posts