Chụp ảnh màn hình trang web lớn trong Chrome

Trang web rất lớn (một vài MB). Tôi đã thử các tiện ích mở rộng này và tất cả đều thất bại:

• Chụp màn hình (bởi Google) - Tôi nhận được một tab mới không có hình ảnh trong đó
• Pixlr Grabber - Tôi gặp lỗi yêu cầu "500" sau khi nhấn lưu
• Chụp ảnh màn hình trang web - Fireshot - nói với tôi rằng trang web quá lớn và nó sẽ được lưu vào RAM, sau đó tôi gặp lỗi: Insufficient video memory: You need at least -2365 MB of RAM(thật nực cười, và tôi có 1 GB)
• Trang web & Ảnh chụp màn hình WebCam - Tôi không có hình ảnh
• Ảnh chụp màn hình tuyệt vời - Chụp và chú thích - Nó nói capturing...và khi hoàn tất, nó sẽ mở một tab mới với một số nút. Khi tôi nhấn "xong", nó nói preparing your image...mãi mãi.

Bạn có biết công cụ chụp màn hình trang web nào thực sự hoạt động không?

Nếu bạn đang sử dụng chrome, tôi sẽ sử dụng CutyCapt, nó sẽ hiển thị kết xuất của webkit thành hình ảnh.

CutyCapt là một tiện ích dòng lệnh đa nền tảng nhỏ để thu thập kết xuất trang web của WebKit thành nhiều định dạng vector và bitmap, bao gồm SVG, PDF, PS, PNG, JPEG, TIFF, GIF và BMP. Xem IECapt để biết công cụ tương tự dựa trên Internet Explorer.

Tôi đã kết thúc việc sử dụng PhantomJS trong windows, tôi đã sử dụng ...

ảnh chụp màn hình

var page = require('webpage').create();

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

Kết xuất cái này trong thư mục ph Phantomjs của bạn, sau đó thêm một tệp, ảnh chụp màn hình.cmd

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

Với cả hai tệp này trong thư mục ph Phantomjs của bạn, hãy chạy ảnh chụp màn hình.cmd ... Tôi vừa tạo một tệp png 40mb của một trang khổng lồ, phải mất một lúc và bỏ đi nhưng cuối cùng nó cũng xuất ra!

Chụp ảnh màn hình trang web lớn trong Chrome? Trang web rất lớn (một vài MB). Tôi đã thử Chụp màn hình (bởi Google) - Tôi nhận được một tab mới không có hình ảnh trong đó

Đó là vì những điều kỳ quặc với yếu tố canvas mà nó sử dụng. Bỏ qua nó và lưu tệp, sau đó mở tệp; nó sẽ ổn thôi

Cách đây một thời gian, tôi cũng gặp vấn đề về tab trống (dường như hơi phổ biến khi sử dụng chức năng Caputre Whole Page ), và trên một vỏ cây, tôi vẫn nhấp vào [Save]nút. Khi tôi mở tệp kết quả (vì tò mò, nghĩ rằng nó sẽ trống hoặc 0x0), tôi đã ngạc nhiên khi thấy hình ảnh không chỉ ở đó, mà là chính xác ! Đẹp.

Tất nhiên, điều này có nghĩa là bạn sẽ không thể sử dụng các công cụ chỉnh sửa hình ảnh (có giới hạn) của tiện ích mở rộng trước khi lưu, nhưng vậy thì sao? bạn có thể sử dụng MSPaint hoặc bất cứ thứ gì dễ dàng (Tôi cho một người luôn lưu nó mà không sửa đổi, sau đó sửa đổi một bản sao).

Điều này có thể đạt được trong Chrome kể từ v59:

Thông báo trong blog của nhà phát triển

Video hướng dẫn

Tóm tắt các bước (nếu bạn thích văn bản):

1. Mở công cụ dành cho nhà phát triển
2. Chuyển đổi thanh công cụ thiết bị
3. Đặt độ phân giải mong muốn trong thanh công cụ của thiết bị
4. Chọn menu tràn tùy chọn khác trong thanh công cụ của thiết bị
5. Chọn Chụp ảnh màn hình hoặc Chụp ảnh màn hình kích thước đầy đủ
6. Ảnh chụp màn hình sẽ được lưu vào thư mục Tải xuống của bạn