Firefox là một trình duyệt phổ biến dành cho PC chạy Windows^{(Windows PC)} . Thanh công cụ dành cho nhà phát triển^{(Developer Toolbar)} trong Firefox và Chrome cho phép bạn chụp ảnh màn hình của cửa sổ trình duyệt mà không cần sử dụng bất kỳ tiện ích bổ sung nào của trình duyệt hoặc phần mềm chụp ảnh màn hình^{(screen capture software)} của bên thứ ba . Hướng dẫn này sẽ chỉ cho bạn cách chụp ảnh màn hình trong trình duyệt Chrome hoặc Firefox^{(capture screenshots in Chrome or Firefox browser)} nguyên bản mà không cần sử dụng hoặc cài đặt bất kỳ phần mềm bên thứ ba nào.

Tất nhiên bạn cũng biết rằng để chụp ảnh màn hình Desktop trên Windows^{(capturing Desktop screenshots on Windows)} , bạn phải nhấn phím Print Screen hoặc Prnt Scrn . Nó có thể được tìm thấy ở phần trên bên phải của bàn phím của bạn. Để chỉ chụp cửa sổ đang hoạt động, hãy giữ phím Alt^(Alt) trước khi bạn nhấn phím Print Screen . Hãy để chúng tôi xem cách thực hiện điều đó bằng Công cụ dành cho nhà phát triển^{(Developer Tools)} được tích hợp sẵn .

Chụp ảnh chụp màn hình^{(Screenshots)} trong trình duyệt Chrome

Chụp màn hình có thể vô cùng hữu ích trong trường hợp bạn xem một hướng dẫn thú vị trực tuyến và muốn lưu bản sao của trang web làm ảnh chụp màn hình trên máy tính của bạn để tham khảo sau này. Nếu bạn muốn làm điều tương tự, hãy làm theo các bước được nêu trong bài đăng bên dưới để giúp bạn chụp ảnh màn hình toàn trang của bất kỳ trang web nào trong Google Chrome .

Đầu tiên, khởi chạy Google Chrome và điều hướng đến trang web có màn hình bạn muốn chụp.

Khi đó, hãy nhấp vào biểu tượng bánh hamburger của trình duyệt, hiển thị ở góc trên bên phải màn hình máy tính của bạn.

Tiếp theo, chọn ' Công cụ khác^{(More tools)} ' khi menu hành động mở rộng và sau đó, chọn tùy chọn ' Công cụ dành cho nhà phát triển^{(Developer tools)} '.

Sau đó, một cửa sổ nhỏ dành cho Công cụ dành cho nhà phát triển^{(Developer Tools)} sẽ hiển thị. Nhấp^(Click) vào nút Toggle Device Mode như trong hình bên dưới để kích hoạt tùy chọn. Sau khi được kích hoạt, nút sẽ chuyển sang màu xanh lam.

Tại đây, thu nhỏ cửa sổ Công cụ dành cho nhà phát triển và trong phông nền, hãy thiết lập ảnh chụp màn hình của bạn. ^{(Developer Tools)}Ngoài ra, hãy chọn loại thiết bị phù hợp cho ảnh chụp màn hình của bạn từ menu thả xuống của thiết bị.

Nếu được yêu cầu, hãy định cấu hình kích thước và hướng của ảnh chụp màn hình.

Sau khi hoàn tất, hãy nhấp vào biểu tượng 3 dấu chấm ở góc trên cùng bên phải và từ danh sách các tùy chọn được hiển thị, hãy chọn một tùy chọn đọc là ' Chụp ảnh màn hình^{(Capture screenshot)} '.

That’s it!

Chụp ảnh màn hình trong trình duyệt Firefox

MẸO^(TIP) : Bây giờ bạn có thể bật tính năng Ảnh chụp màn hình của Firefox^{(enable the Firefox Screenshots)} .

Mở trình duyệt Mozilla Firefox^{(Mozilla Firefox)} và truy cập trang web có màn hình bạn muốn chụp. Khi đó, hãy nhấp vào biểu tượng Tác vụ khác^{(More Actions)} hiển thị ở góc trên bên phải.

Chọn Ngói dành cho nhà phát triển^{(Developer Tile)} . Thao tác này sẽ mở các công cụ dành cho nhà phát triển web. Ngoài ra, bạn có thể nhấn ' Ctrl+Shift+I ' để khởi chạy các công cụ dành cho nhà phát triển.

Tiếp theo, từ danh sách các tùy chọn được hiển thị, hãy chọn một bài đọc là ' Chế độ thiết kế đáp ứng^{(Responsive Design Mode)} '.

Tại đây, nếu được yêu cầu, bạn có thể thiết lập kích thước và hướng cho ảnh chụp màn hình của mình bằng cách định cấu hình bộ tùy chọn chính xác. Khi bạn đã tìm thấy mọi thứ ở đúng vị trí, hãy nhấn vào nút Máy ảnh^(Camera) để lấy màn hình.

Cuối cùng, lưu ảnh chụp màn hình đã chụp vào vị trí mong muốn trên máy tính của bạn.

Ảnh chụp màn hình có thể được sử dụng rộng rãi đối với các nhà thiết kế web , những người chụp ảnh màn hình trình duyệt để thực hiện kiểm tra kỹ lưỡng về khả năng tương thích của trình duyệt trong các hệ thống và trình duyệt web khác nhau. Dù mục đích là gì, bạn luôn có thể dựa vào trình duyệt Chrome hoặc Firefox để chụp ảnh màn hình một cách tự nhiên, bằng cách sử dụng các công cụ dành cho nhà phát triển này.

Đọc tiếp theo^{(Read next)} : Cách chụp ảnh màn hình của một trang web từ xa^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is а popular browsеr for Windows PC. The Developer Tоolbar in Firefox and Chrome allows you tо take screenshots of the browser window without using аny browser add-оns or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• Cách xóa Cache, Cookies, Browsing History trong Chrome and Firefox

• Chrome or Firefox không thể tải hoặc lưu các tập tin trên máy tính của bạn

• Vô hiệu hóa, Gỡ cài đặt Adobe Flash, Shockwave trong Chrome, Firefox, Edge, IE

• FIX: reCAPTCHA không làm việc trong Chrome, Firefox, hoặc bất kỳ trình duyệt

• Khắc phục: Vimeo Không hoạt động trong Chrome or Firefox

• 10 Best Chrome, Edge và Firefox Tiện ích mở rộng để lưu trang để đọc sau

• Không thể nhập vào các trường nhập văn bản trong Chrome and Firefox browsers

• không thể mở trang web cụ thể trong Chrome, Firefox, Edge, IE

• Bring BACK View Image and Search BY Image NÚT TRÊN Google

• Share Button Plugins cho Chrome, Firefox and Edge browsers

• Lazy Loading là gì? Kích hoạt hoặc vô hiệu hóa nó trong Chrome, Firefox, Edge

• Làm thế nào để sao chép URLs của tất cả Tabs mở trong Chrome and Firefox browser

• Copy and Paste Là Text đơn giản trong Chrome, các trình duyệt Firefox

• Cách vô hiệu hóa Hardware Acceleration trong Chrome or Firefox

• Hyperlink Auditing trong Chrome & Firefox browsers

• Cách đồng bộ hóa Tabs giữa Edge, Chrome and Firefox browsers

• Cách dừng chuyển hướng tự động trong các trình duyệt Chrome, Firefox, Edge

• Cách vô hiệu hóa hoặc kích hoạt Caret Browsing trong Chrome or Firefox

• Cách dịch Web page trong Chrome, Firefox and Edge

• Rõ ràng Cookies, Site Data, Cache cho trang web cụ thể: Chrome Edge Firefox