tạo ảnh chụp màn hình của trang web bằng cách sử dụng jquery

Question

Tôi muốn tạo hình thu nhỏ của ảnh chụp màn hình của bất kỳ url đã cho nào sử dụng đúng javascript. Nếu điều này không thể được thực hiện bất cứ ai có thể chỉ cho tôi đi đúng hướng để làm điều này với api của riêng tôi?

chỉnh sửa Tôi chỉ quyết định lừa và sử dụng khung vì đó là điều tôi đang làm cho vui, nhưng cảm ơn tất cả các câu trả lời tuyệt vời khtmltox có lẽ là lựa chọn tốt nhất nếu bạn muốn làm điều gì đó như thế này ... cũng có các ràng buộc php.

Answer 1

Nếu bạn nhìn vào wkhtmltox, có nguồn gốc lib/app để chuyển đổi một trang web để một hình ảnh.

<?php // file: img.php 
    $img=render_image($_GET['url']); 
?> 


<!-- Your Website --> 

<img alt='ldr'/> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var url='http://google.com/'; 
     $('#img').attr('src','img.php?url='+encodeURIComponent(url)); 
    }); 
</script> 

Trong trường hợp nhận xét không rõ ràng, bạn cần PHP ở đâu đó có thể chạy chương trình gốc.

Answer 2

Có hoàn toàn không cơ hội để làm điều đó với Javascript.

Thực ra, không có cơ hội nào để thực hiện điều đó với bất kỳ kỹ thuật ish "web" nào. Có thể có một ứng dụng flash sôi nổi, tôi không biết (nếu điều đó tồn tại, một lý do nữa để ghét flash: p).

Answer 3

Bạn không thể làm điều này chỉ với JavaScript. Bạn phải sử dụng một dịch vụ như SnapCasa hoặc tương tự (về cơ bản là xuống đến một thẻ img ở định dạng đúng, do đó, tất cả phía máy khách từ quan điểm của bạn).

Answer 4

Sẽ không xảy ra. Cách duy nhất bạn MIGHT có thể làm điều này với JS là nếu trang web được lưu trữ trên máy chủ CỦA BẠN và bạn có kích hoạt JS cho một số kịch bản lệnh shell hiển thị trang người dùng trên máy chủ cục bộ của bạn và lưu nó dưới dạng hình ảnh.

Bạn muốn có một thuê bao browser shots

Answer 5

Không có cách nào để thực hiện việc này trong Javascript.

Tôi tin rằng điều này có thể được thực hiện thông qua phía máy chủ sử dụng phần mềm của bên thứ ba.
Hãy xem this tutorial để biết thêm thông tin.

Answer 6

Bit cũ, nhưng tôi phải đối mặt với cùng một vấn đề và thấy http://html2canvas.hertzen.com/

Answer 7

Trong js tinh khiết không thể vào lúc này.

Tôi đã cài đặt cutycap trên máy chủ của tôi có trách nhiệm để tạo ra những hình ảnh và với một số js ma thuật ajax bạn có thể dễ dàng tạo ra chụp màn hình của riêng bạn - dịch vụ thumbnail

Answer 8

Gần đây tôi đã tạo ra một bất cứ ai REST API có thể sử dụng để tạo ảnh chụp màn hình của trang web. Nó là miễn phí (ofcourse) và có thể có thể giúp bạn là tốt.

Dưới đây là các liên kết đến một số thử nghiệm của tôi.

Mashable screenshot http://storage.damnovae.com/issac/ba3d01a1ddeeb068fd365eb8468c4cd35150d143.png

Pinterest http://storage.damnovae.com/issac/f3419f73e840f2684fa15cb14154d507484b7318.png

Envato Ảnh chụp màn hình với portview di động http://storage.damnovae.com/issac/81c875e6622ca105db4135b19cde6b83d148b21f.png

Làm thế nào nó hoạt động

Nhận key api tài khoản tác phẩm mô phỏng của bạn, và làm cho bài yêu cầu t ông api url để tạo ảnh chụp màn hình. Bạn có thể đọc thêm ở đây http://damnovae.com/pastiche

Answer 9

Cần phải lấy trang web screenshot thấy kiểm đây là một trong phpwdn.com