Làm cách nào tôi có thể sao chép hình ảnh slideshow của nytimes.com vào clipboard?


57

Trình chiếu trên trang web của Thời báo New York dường như đã sử dụng một số mánh khóe để * gây ra nhấp chuột phải trong Firefox (và IE / Chrome) sau đó "xem hình ảnh" hoặc "sao chép hình ảnh" để trả về pixel 1 x 1. Các hình ảnh cũng sẽ không được in.

Làm thế nào tôi có thể bỏ qua việc chụp màn hình ngắn này? Điểm thưởng cho việc mô tả cách họ đã làm điều đó.

* Nó kết thúc rằng Ijgww chỉ ra rằng điều này có thể không phải là mánh khóe, mà thay vào đó có lẽ là do một số hạn chế của trình duyệt yêu cầu hành vi kỳ quặc này, như được minh chứng bởi hình ảnh bài viết này , trong đó sao chép, dán và in chức năng chính xác. Đạo đức của câu chuyện: không bao giờ giả định ý định tiêu cực.

Nếu nó là một slideshow, nó có thể không phải là khó khăn chút nào. Nhiều slideshow   giải pháp chỉ có thể nếu hình ảnh ở chế độ nền bởi css do   đến các cơ sở cắt x-browser. Và một pixel 1x1 được sử dụng để xác định crop   kích thước.


2
Tôi sẽ gửi email cho trang web, giải thích tôi là ai và yêu cầu cho hình ảnh
Canadian Luke

8
@Luke Điều này là không khả thi, tôi cũng không cần phải làm vậy. Điều này dễ dàng rơi vào hướng dẫn sử dụng hợp pháp bản quyền.
glenviewjeff

4
Làm thế nào để bạn cung cấp điểm thưởng chính xác?
Dave

1
@DaveRook tiền thưởng? Bạn sẽ không bao giờ biết cho đến khi bạn thử ...
glenviewjeff

1
Tôi không nói rõ mục đích sao chép hình ảnh; Tôi cũng không nên Có khả năng vô hạn hợp lệ sử dụng hợp lý trường hợp sao chép một hình ảnh vào clipboard máy tính của bạn hoặc in nó. Ví dụ; in nó ra và ghim nó vào trán của con bạn.
glenviewjeff

Câu trả lời:


82

Thời báo New York tạo ra một <div> phần tử chứa hình ảnh một pixel được kéo dài và trong suốt và định vị hình ảnh thực trong nền:

<div class="centeredElement" style="background-image:url('http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg');width:600px; height:400px;">
<img width="600" height="400" src="http://graphics8.nytimes.com/images/misc/pixel.gif" />
</div>

Để lưu hình ảnh:

  1. Nhấp chuột phải vào nó.
  2. Nhấp chuột Xem thông tin hình ảnh .
  3. Chọn thực hình ảnh (một trên hình ảnh một pixel).
  4. Nhấp chuột Lưu thành... .

Cách in trang:

  1. nhấn Ctrl + P .
  2. Nhập Tùy chọn chuyển hướng.
  3. Kiểm tra In hình ảnh nền .
  4. Nhấp chuột In .

4
Có vẻ ngớ ngẩn trong số họ nghĩ rằng loại mánh khóe này sẽ ngăn người dùng chụp ảnh của họ.
Eliot Ball

51
@EliotBall Tôi sẽ bị sốc nếu nó không có tỷ lệ thành công & gt; 95%. Phần lớn người dùng internet không biết chữ về mặt kỹ thuật kể từ khi trở lại những năm 90.
Dan Neely

11
Ngoài ra, không có nhiều lợi ích để làm cho nó phức tạp hơn. Khoảng cách giữa những người bị chặn bởi một thứ tầm thường và những người có thể sử dụng các công cụ adblock / webdev của trình duyệt của họ để tìm ra cách trích xuất hình ảnh miễn phí trực tiếp hoặc có thể hỏi và làm theo chỉ dẫn từ người khác có thể rất nhỏ. Trong khi đó, việc thêm tất cả các công cụ bổ sung vào trang sẽ làm chậm quá trình tải xuống và kết xuất, gây khó chịu.
Dan Neely

9
@EliotBall Nếu nó quá rõ ràng, vậy tại sao câu hỏi này trên SuperUser? Bây giờ, hãy tính xem có bao nhiêu người sẽ không bao giờ nghe về SuperUser
MattiSG

5
@DanNeely - ' Vĩnh cửu tháng chín 'bắt đầu vào năm 1993 .;)
BryanH

49
  1. Sử dụng plugin AdBlockPlus, nhấp chuột phải vào hình ảnh và chặn nó (chọn tùy chọn cuối cùng 'tùy chỉnh ... pixel.gif'). Từ giờ, sau khi làm mới trang một lần, bạn sẽ có thể nhấp bằng nút chuột phải trên hình ảnh và chọn 'xem hình nền' và voila!

    Đây là tùy chọn tốt nhất vì chỉ được thực hiện một lần, sẽ cho phép bạn lưu hình ảnh từ các phòng trưng bày luôn mà không cần nỗ lực thêm.

  2. Với plugin Fireorms trong Firefox hoặc với tùy chọn tích hợp trong Chrome, hãy chọn 'kiểm tra phần tử'. Sau đó, bạn sẽ thấy mã HTML trỏ đến thẻ img với src tới pixel.gif lén lút. Các div chứa nó có hình ảnh phù hợp được đặt làm nền. Chỉ cần sao chép url hình ảnh từ phong cách của phần tử div (hình nền: url) và bạn đã hoàn thành.


Tôi thích giải pháp của bạn nhất, nhưng tôi chấp nhận @ Dennis's vì lời giải thích.
glenviewjeff

Tôi cũng muốn giải thích, nhưng vội vàng có một số vấn đề để dán mã HTML ví dụ nên cuối cùng đã bỏ qua nó. Chà, có lẽ lần tới tôi sẽ nhận được chữ "V" màu xanh lá cây. Quan trọng nhất câu trả lời của tôi là hữu ích cho bạn :)
topr

+1, cái này (sử dụng ABP) là chính xác những gì tôi làm tốt trong những tình huống như thế này
Karan

1
Trình duyệt opera có thể chặn bất cứ thứ gì mà không cần plugin. Đối với quảng cáo, vui lòng sử dụng danh sách trắng cho các trang web bạn thích, họ cần tiền từ quảng cáo.
Manu

1
@manu có Opera được thêm vào chặn dựa trên DOM, hoặc bạn vẫn cần một plugin cho bất cứ thứ gì ngoài bộ lọc URL?
Dan Neely

17

Vì bạn đã gắn thẻ câu hỏi với firefox và bạn đã đánh dấu là phương pháp chính xác mô tả cách lưu hình ảnh, tôi đề xuất phương án sau:

  • Hoặc:
    • Nhấp chuột phải vào trang - & gt; View Page Info.
    • Chọn Tools - & gt; Page Info từ thanh menu.
  • Lựa chọn Media Tab trên cửa sổ bật lên.
  • Duyệt đến hình ảnh mà bạn đang tìm kiếm và nhấp vào Save as nút. Sắp xếp phương tiện theo kích thước thường giúp bạn nhanh hơn với hình ảnh bạn đang tìm kiếm.

firefox-page-info

Phương pháp này sẽ hoạt động với trình chiếu NY Times. Tuy nhiên, nó có ích nhất với:

  1. Các trang có chứa nhiều hình ảnh bạn muốn tải xuống. Bạn có thể chọn nhiều tệp từ danh sách phương tiện và lưu tất cả chúng chỉ bằng một cú nhấp chuột Save as.
  2. Các trang có hạn chế ngớ ngẩn khi nhấp chuột phải (ví dụ: Trình chiếu IMDB ). Phương pháp này giúp bạn không phải vô hiệu hóa và sau đó kích hoạt lại javascript.

4
Đó là một số gà nhìn ngon.
Russell Borogove

2
@RussellBorogove tại sao bạn nghĩ tôi muốn in nó?
glenviewjeff

15

Nhấp chuột phải và chọn kiểm tra phần tử trong Chrome. Bây giờ sao chép url trong hình nền cánh đồng

Cung cấp cho tôi liên kết thực tế

http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg

enter link description here


Đây chính xác là những gì tôi làm. Cảm thấy như nó thiếu sự tinh tế, nhưng nó hoạt động và nhanh chóng và đơn giản. Lựa chọn hình ảnh đẹp quá: (nguyên bản) Gà Georgia với Tam Thất cho ngày lễ! Yum!
Ellie Kesselman

6

Nếu nó là một slideshow, nó có thể không phải là khó khăn chút nào. Nhiều giải pháp trình chiếu chỉ có thể nếu hình ảnh ở chế độ nền bởi css do phương tiện cắt x-browser. Và 1x1 pixel được sử dụng để xác định kích thước cây trồng.

Những người khác đã trả lời làm thế nào để tải hình ảnh như vậy. Tôi chỉ muốn làm sáng tỏ một số chủ đề khác, không phải để thu tiền thưởng.

Chúc mừng!


Bạn có vẻ là khá đúng ! Thật buồn cười là nhiều người trong chúng ta bị hút vào giả định có mục đích xấu. Chỉnh sửa câu hỏi và thẻ.
glenviewjeff

Đó là câu trả lời của lập trình viên javascript (một câu hỏi lén lút về những gì các nhà thiết kế web làm);) Cảm ơn vì điểm :)
ljgww

3

Tôi chỉ cần sử dụng một bookmarklet JavaScript để thay thế hình ảnh giả bằng hình ảnh thật, sau đó bạn có thể chỉ cần lưu nó hoặc kéo nó vào máy tính để bàn của bạn.

Chọn và kéo mã bên dưới trực tiếp vào thanh công cụ đánh dấu của trình duyệt của bạn, sau đó nhấp để chạy mã trên mỗi trang bạn muốn xem hình ảnh từ:

javascript: var div = document.getElementsByClassName('image')[0]; var url = div.getElementsByClassName('centeredElement')[0].style.backgroundImage.replace(/^url\("|"\)$/g, ''); div.getElementsByTagName('img')[0].src = url; void(0);

Điều này sẽ chỉ hoạt động trên trang web này và chỉ trong khi họ có bộ HTML như hiện tại.


2

Sử dụng Chrome, nhấp chuột phải vào hình ảnh, thực hiện Kiểm tra phần tử. Bỏ qua thẻ hình ảnh và xem url nền cho div, cung cấp cho bạn đường dẫn hình ảnh thật, bạn có thể sao chép, tải vào một tab mới và lưu lại


1
Ví dụ: dựa trên liên kết của bạn trong câu hỏi: - Graphics8.nytimes.com/images/2011/09/21/dining/
Rob Cowell

2

Đây là một giải pháp chung nên làm việc cho bất kỳ trang web.

Cài đặt và bắt đầu Tay đấm . Duyệt đến trang web với hình ảnh.

Kiểm tra nhật ký lưu lượng đã chụp được ghi lại trong Fiddler và bạn sẽ tìm thấy tất cả hình ảnh được tải xuống trình duyệt của mình.


Bạn không cần Fiddler vì điều đó, các trình duyệt cũng cung cấp thông tin đó (xem một số câu trả lời ở trên). Chim sẻ và đại bác.
Konrad Rudolph

1
Giải pháp Fiddler sẽ hoạt động với TẤT CẢ các trình duyệt và ngay cả khi tài nguyên được tải thông qua flash hoặc một số đối tượng nhúng khác, miễn là chúng được tải thông qua HTTP hoặc HTTPS. Với Fiddler, quy trình được thực hiện theo cách tương tự, mọi lúc. Mặt khác, quy trình hơi khác nhau dựa trên trang web hoặc trình duyệt. Tôi không nói rằng đây là giải pháp đơn giản nhất, chỉ là một giải pháp thay thế phổ quát tốt.
dotnetengineer

Việc bạn đề cập đến tài nguyên Flash thực sự là một điểm khá tốt.
Konrad Rudolph

2
Không cần thêm phần mềm, đó là sự gia tăng lớn về độ phức tạp đối với quy trình đơn giản. Fiddler cũng là một công cụ dành cho lập trình viên, không phải người dùng máy tính nói chung.
Jeff Atwood

@JeffAtwood: Mặc dù tôi đồng ý với tuyên bố của bạn rằng nó sẽ (trong nhiều trường hợp) là sự gia tăng không cần thiết về độ phức tạp, nhưng điều đó không phủ nhận thực tế là sử dụng proxy trung gian trong một số trường hợp, là cách hợp lý duy nhất để nắm bắt nội dung này .
dotnetengineer

1

nhấn PrtScrn , mở một chương trình sơn, dán.

Nếu bạn đang sử dụng Windows: để chỉ chụp cửa sổ đang hoạt động: Alt + PrtScrn , nếu Vista trở lên, bạn có thể sử dụng công cụ snipping để chỉ chụp một lựa chọn.


Đây là giải pháp chung nhất cho tất cả chúng, và lý do tại sao sẽ không bao giờ có bất kỳ giải pháp nào trong trình duyệt để "đánh cắp" hình ảnh.
UncleZeiv

1
Trên thực tế, đây là một nỗi đau nếu hình ảnh kéo dài độ phân giải lớn hơn màn hình của bạn có thể hiển thị - vẫn có thể thực hiện được nhưng nó trở nên tẻ nhạt.
Thomas

Từ OP, "Làm thế nào tôi có thể bỏ qua điều này thiếu một màn hình ? "
glenviewjeff

xin lỗi - Tôi đọc "ngắn" là "sắp xếp" sau đó cho rằng bạn đang nói về "chụp màn hình [phòng ngừa] [công nghệ]".
markmnl

1

Tất cả các hình ảnh bạn nhìn thấy trên trình duyệt của bạn được lưu trữ trong bộ đệm ở đâu đó trên ổ cứng của bạn. Bạn có thể sử dụng công cụ trích xuất bộ đệm để trích xuất hình ảnh sau phiên duyệt web. Và không cần phải tiết kiệm từng cái một. Một trong những công cụ bạn có thể sử dụng là bộ đệm . Cho phép bạn chọn trình duyệt, chọn bộ đệm. Làm thế nào lớn (kích thước tập tin hoặc độ phân giải) hình ảnh bạn muốn lưu. Và cũng cho phép bạn cung cấp cho các tập tin của bạn một tên thích hợp.

Nhược điểm của phương pháp này, bạn sẽ cần lọc ra hình ảnh từ trang đích từ tất cả các mục khác trong bộ đệm của bạn. Nhưng điều này có thể tránh được nếu bạn xóa bộ đệm trước khi bạn bắt đầu duyệt tìm hình ảnh thu hoạch. Ngoài ra công cụ này không hoạt động ở chế độ riêng tư, vì bộ đệm không được sử dụng ở đó.

Disclaimer: nó là một phích cắm không biết xấu hổ. Tôi là tác giả của ứng dụng đó.


um .. cho bất cứ mục đích gì. Ban đầu được tạo ra để lấy flickr
trailmax

0

Nói chung: Chrome / Kiểm tra phần tử / tab Tài nguyên / Khung / khung duy nhất trong trang / Hình ảnh. Không có mánh khóe nào trên thế giới có thể che giấu một hình ảnh khỏi danh sách 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.