Chủ YếU Firefox Chụp ảnh màn hình của một phần tử trang web cụ thể trong Firefox

Chụp ảnh màn hình của một phần tử trang web cụ thể trong Firefox



Để lại câu trả lời

Tôi muốn chia sẻ với các bạn một thủ thuật hay cho Mozilla Firefox có thể tăng năng suất và tiết kiệm thời gian của bạn. Trong khi lướt web, đôi khi bạn muốn chia sẻ điều gì đó với bạn bè bằng cách chụp ảnh màn hình của nó. Nhưng phải mất một số bước để chụp ảnh màn hình của toàn bộ trang, lưu nó, cắt nó, v.v. Trong bài viết này, chúng ta sẽ thấy cách trực tiếp chụp ảnh màn hình của một phần tử cụ thể trên trang web mà không cần sử dụng tiện ích bổ sung.

Quảng cáo


Khi một trang web được tải, trình duyệt web của bạn sẽ tạo Mô hình Đối tượng Tài liệu của trang. DOM được xây dựng dưới dạng cấu trúc cây, trong đó mỗi nút là một đối tượng đại diện cho một phần của tài liệu.

Hãy xem cách bạn có thể sử dụng điều này để chỉ chụp một phần tử cụ thể vào ảnh chụp màn hình của bạn.

Đến chụp ảnh màn hình của một phần tử trang web cụ thể trong Firefox , hãy thực hiện các bước sau:

  1. Mở trang mong muốn trong Firefox và nhấp chuột phải vào phần tử bạn muốn chụp.
  2. Từ menu ngữ cảnh, chọn 'Kiểm tra phần tử':Ví dụ ảnh chụp màn hình Firefox 2
  3. Công cụ thanh tra sẽ được mở. Lưu ý rằng nó có một điều khiển breadcrumb cho các nút cây DOM:Bảng điều khiển Firefox nhập lệnh chụp màn hình
  4. Ở đó, bạn có thể nhấp chuột phải vào bất kỳ phần tử nào và chọn Nút chụp màn hình từ menu ngữ cảnh:Ví dụ về lệnh chụp màn hình FirefoxĐây chính là thứ chúng ta cần.

Điều tuyệt vời về tính năng này là nó cũng chụp các phần tử dài, bao gồm hầu hết các phần tử yêu cầu cuộn. Trong trường hợp của tôi, đây là cách ảnh chụp màn hình trông như thế nào:

Ngoài ra, bạn có thể sử dụng ảnh chụp màn hình chỉ huy. Trước đó, tôi đã viết Cách chụp ảnh màn hình của trang đã mở trong Firefox . Trong bài viết đã đề cập, chúng tôi đã sử dụng lệnh 'screenshot' tích hợp trong Firefox để chụp toàn bộ trang. Chức năng tương tự có thể được sử dụng để chụp màn hình một phần tử cụ thể trên trang đã mở.

  1. Mở Firefox và nhấn Shift + F2 trên bàn phím. Firefox sẽ mở một bảng điều khiển / dòng lệnh ở cuối màn hình.
  2. Nhập lệnh sau vào bên trong nó:
    ảnh chụp màn hình --selector 'name'

    Thay thế tên 'phần' bằng tên bộ chọn thích hợp. Trong trường hợp của tôi, nó phải

    ảnh chụp màn hình --selector '# widget-apps> .iconlist> .iconlist-content> ul'

Phương pháp thứ hai hữu ích cho các nhà phát triển web biết đường dẫn chính xác của phần tử DOM. Người dùng bình thường rõ ràng sẽ thích phương pháp đầu tiên để chụp ảnh màn hình của một phần tử trang web cụ thể.

Bài ViếT Thú Vị

Editor Choice

Cách tắt OneDrive trong Windows 10
Cách tắt OneDrive trong Windows 10
OneDrive đi kèm với Windows 10. Nếu bạn không sử dụng nó, đây là cách tắt nó hoàn toàn.
Ngăn Windows 10 cài đặt lại các ứng dụng tích hợp
Ngăn Windows 10 cài đặt lại các ứng dụng tích hợp
Windows 10 bao gồm một tính năng tự động cài đặt ứng dụng từ Store vì Microsoft muốn quảng cáo một số ứng dụng trong số đó. Dưới đây là cách ngăn Windows 10 cài đặt ứng dụng.
Tag Archives: tải xuống tệp crx
Tag Archives: tải xuống tệp crx
Cách sử dụng định dạng APA trong Google Docs
Cách sử dụng định dạng APA trong Google Docs
Định dạng APA là bắt buộc đối với một số tài liệu học thuật. Có mẫu APA trong Google Tài liệu mà bạn có thể sử dụng để thiết lập tài liệu của mình hoặc đây là cách thực hiện định dạng APA trong Google Tài liệu theo cách thủ công.
Cách tạo dấu kiểm bằng bàn phím trong MS Office
Cách tạo dấu kiểm bằng bàn phím trong MS Office
Cần kiểm tra một mục trong danh sách của bạn? Tìm hiểu cách tạo dấu kiểm trên bàn phím hoặc sử dụng dải băng trong ứng dụng Microsoft Office.
Cách đặt lại Spotlight trong Windows 10
Cách đặt lại Spotlight trong Windows 10
Nếu Spotlight gặp sự cố với bạn và không thay đổi được hình ảnh, thì đây là cách đặt lại tính năng Windows Spotlight trong Windows 10.
Cách thiết lập và kiểm tra micrô trong Windows 10 hoặc Windows 11
Cách thiết lập và kiểm tra micrô trong Windows 10 hoặc Windows 11
Kiểm tra micrô trong Windows thường là quy trình cắm và chạy nhưng micrô Bluetooth yêu cầu các bước bổ sung. Tìm hiểu cách kiểm tra micrô của bạn trên Windows.