Trang web hoặc bookmarklet để có ảnh chụp màn hình của trang web [đã đóng]


17

Có một trang web hoặc bookmarklet nào được cung cấp một URL sẽ xuất ra ảnh chụp màn hình của trang đó không?

Tốt nhất nên có các tùy chọn để thay đổi kích thước hình ảnh xuất ra.


một ảnh chụp màn hình của những gì bạn đang nhìn thấy ngay bây giờ (trạng thái hiện tại của dom) hoặc chỉ là một ảnh chụp màn hình của trang web như những người khác có thể nhìn thấy?
akira

Cả hai đều là những lựa chọn tốt, nhưng sau này là điều tôi quan tâm hơn.
Senseful

blitapp.com rất hữu ích nếu bạn muốn chụp ảnh màn hình theo lịch trình được gửi qua email cho bạn thường xuyên.
jowerspamjustin

Câu trả lời:


6

Bạn có thể thử Aviary

Rất đơn giản: sao chép dán url của trang web và Aviary sẽ tải nó lên trong trình chỉnh sửa hình ảnh trực tuyến của nó (xem bên dưới)

Họ cũng có một addon Firefox và bookmarklet, trong trường hợp đó, nó sẽ điền vào trang web hiện tại của bạn cho bạn (nhưng trên cùng một tab, vì vậy hãy coi chừng!)

văn bản thay thế


Điều này có vẻ như nó làm những gì tôi muốn, thật không may, mỗi URL tôi cung cấp không hoạt động. Nó chỉ nói "Uh oh! Chúng tôi không thể thực hiện việc chụp."
Ý thức

Tôi khuyên bạn nên cung cấp cho tiện ích mở rộng Chrome, hoạt động hoàn hảo đối với tôi
Ivo Flipse



2

Tôi muốn một cái gì đó có thể chụp ảnh màn hình của một máy chủ cục bộ, vì vậy một dịch vụ web như Trình duyệt ảnh không phải là thứ tôi muốn.

Do đó, bằng cách sử dụng html2canvas, tôi đã tạo một bookmarklet để chụp ảnh màn hình cục bộ, kết xuất các thành phần bằng một khung vẽ.

Để sử dụng nó, hãy sao chép nó dưới dạng bookmarklet:

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Sau đó, nhấp vào nó và có thể cho phép cửa sổ bật lên mà nó tạo ra (cửa sổ bật lên chứa ảnh chụp màn hình).

Ví dụ: trên Chrome, bạn phải nhấp vào phần bên phải của thanh địa chỉ như sau:

                                          ảnh chụp màn hình

Sau đó nhấp vào liên kết tương ứng với cửa sổ bật lên của ảnh chụp màn hình để mở nó.


Xin chào, bookmarklet này thực sự hữu ích, cảm ơn vì đã chia sẻ. Tôi dự định tùy chỉnh nó theo nhu cầu của mình, đã tự hỏi tại sao bạn đặt 5 tham số bên trong hàm và làm thế nào để chúng nhận được giá trị của chúng vì hàm được gọi khi nhấp vào bookmarklet mà không có bất kỳ tham số nào và các tên tham số đó không có khả năng được xác định trong mỗi trang web.
Chirag Bhatia - chirag64

1
@ Chirag64 tôi đã làm nó như thế này để tiết kiệm một vài ký tự (tôi là loại người mã golf), đây là những gì sẽ xảy ra: các d, whcác thông số có được thông qua cuối cùng (ví dụ: (function(d){/* d is now an alias to document */}(document))). Các tham số thứ tư và thứ năm chỉ là các trình giữ chỗ mà tôi đã sử dụng lại sau này để lưu một vài ký tự trên các varkhai báo :) Vì vậy, tôi không làm ô nhiễm phạm vi toàn cầu trong khi mã hóa nó.
Camilo Martin

Đó là một số mã hóa tốt ngay tại đó. Cảm ơn đã giải thích :)
Chirag Bhatia - chirag64


0

Tôi biết đó không phải là một ứng dụng web hoặc bookmarklet, nhưng những gì tôi sử dụng cho mục đích này là một plugin Firefox có tên là Screengrab . Tôi không biết đó có phải là một lựa chọn cho bạn không, nhưng bạn có thể dùng thử (tất nhiên nếu bạn đang sử dụng Firefox; và tôi chắc chắn sẽ có những tùy chọn tương tự khác cho các trình duyệt khác)


0

GreenShot

Hãy thử phần mềm này, một phần tốt của mã hóa.

Chỉ cần nhấn PrintScreen trên bàn phím - một công cụ xuất hiện và chọn vùng ảnh chụp màn hình, hình ảnh xuất hiện !!


1
Đây là phần mềm Windows. Tôi đã thay đổi liên kết từ .exe đến trang chủ.
Rebecca Chernoff

0

Tôi đã thử các trang web ở đây, nhưng chúng không hoạt động tốt. Cả Aviary và Duyệt ảnh đều không dễ sử dụng. Bạn không nên sử dụng một ứng dụng web, mà là một phần mở rộng trình duyệt cho việc này.


0

Nếu bạn đang tìm kiếm một plugin wordpress sẽ tự động hóa công việc cho bạn hơn là "Ảnh chụp màn hình trang web đơn giản" thì đó là một công việc tuyệt vời. Bạn có thể chỉ định kích thước hình thu nhỏ, v.v.

http://www.digg-it.info/wordpress-simple-website-sc Muff-v-5-5

Chúng tôi sử dụng nó trên trang web của riêng chúng tôi ( http://productivewebapps.com ) nếu bạn muốn xem một ví dụ về nó được sử dụng! (Tuyên bố miễn trừ trách nhiệm: Tôi là chủ sở hữu của trang web này)


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.