Tôi có một số pixel theo dõi trên trang web của mình, rằng tôi muốn bảo vệ chống lại chúng ảnh hưởng đến trải nghiệm người dùng của chúng tôi nếu máy chủ của chúng bị hỏng hoặc chậm. Cách dễ nhất để chỉ định thời gian tối đa mà trình duyệt sẽ cố gắng tải một img - tức là thử 100ms và sau đó bỏ? (Tôi không muốn theo dõi một khách hàng nhất định hơn là có một máy chủ treo trên máy chủ của bên thứ ba tác động đến trang web của chúng tôi).<img src> w/timeout?
Trả lời
bạn nên tải chúng khi tài liệu sẵn sàng. hoặc ở dòng cuối cùng (trong html). theo cách này, nó sẽ không làm tổn hại đến trải nghiệm người dùng. tài liệu sẵn sàng cũng có thể được sử dụng với jQuery.
nhưng bạn có thể sử dụng window.load.
làm quy tắc (không phải lúc nào) - tất cả tập lệnh phải ở cuối trang.
nếu bạn muốn để buộc thời gian ra KILL:
tạo ra một thẻ img
.
đính kèm sự kiện load
đến img (chức năng này sẽ thiết lập cờ: download = 1;)
thiết lập src.
với setTimeout
Chức năng bạn sẽ giết img.
làm cách nào?
nếu sau X MS tải xuống == 0 thì hãy giết.
vì vậy: mỗi sự kiện tải (từ IMg) đang đặt cờ (được tải xuống = 1).
chức năng hết thời gian chờ của bạn không quan tâm gì cả !!! sau khi x MS cô sẽ giết img - chỉ khi tải về == 0.
Bạn có thể gọi quy trình máy chủ trong thẻ IMG. Hãy để nó lo lắng về thời gian ra tải.
Đã có quy trình máy chủ trong thẻ: nó cung cấp "hình ảnh". Đó là thời gian để dành thời gian và điều đó cần phải được hủy bỏ trong ứng dụng khách. Nếu hủy bỏ được giao cho máy chủ, việc hủy bỏ sẽ mất thời gian quá. –
Vì vậy, chuỗi nó và xem đồng hồ. – ethrbunny
Bạn có thể chèn <img>
bằng JavaScript và sử dụng setTimeout()
để xóa sau 100ms.
Ví dụ với jQuery:
var tracker = $("<img>", { src: trackingUrl }).appendTo(document.body);
setTimeout(function() { tracker.remove(); }, 100);
Bạn sẽ phải sử dụng javascript để làm điều này, không có gì mẹ đẻ sang HTML/HTTP rằng sẽ làm điều này trên cơ sở trang. Google xung quanh cho "HTML IMG timeout".
- 1. <img> và thẻ <image> trong HTML
- 2. Không gian dưới <img> tag
- 3. Tùy chỉnh <img title> tooltip
- 4. Tiêm javascript thourgh <img> -tag
- 5. PHP - xóa <img> thẻ từ chuỗi
- 6. Cách đóng thẻ <img> đúng cách?
- 7. Cách nhận mã trạng thái HTTP <img> thẻ
- 8. HTML và hiển thị phần tử <img/>
- 9. Làm <img> thẻ trong hỗ trợ GIF động?
- 10. Làm mới <img> trong jQuery theo định kỳ
- 11. Phần đệm bổ sung dưới một thẻ <img>?
- 12. Ảnh nền trong <img> phần tử
- 13. Thẻ thêm JQuery <a> xung quanh <img>
- 14. <img> bên trong <a> có đường viền màu xanh
- 15. android webview: phát hiện báo chí dài trên <a> và <img>
- 16. Bắt lỗi tải img cho <img> thẻ được tạo sau khi tải trang (ví dụ: qua AJAX)
- 17. Không thể thêm hình ảnh bên trong SVG qua jQuery: <image /> thẻ trở thành <img />
- 18. Có hợp lệ để bao gồm hình ảnh với <object> thay vì <img> không?
- 19. HTML/CSS - Đặt img trên đầu trang của img?
- 20. img hoạt động như một hình nền img?
- 21. Chụp màn hình <body> với html2canvas và lưu trữ img dưới dạng JS var
- 22. đưa chất lỏng-templated <img> một lớp trong Locomotive
- 23. Lưu trữ Azure - Sử dụng Blob từ Vùng chứa riêng trong <img> thẻ
- 24. jQuery thay đổi <img> src với $ (bộ chọn) .prop mất một thời gian dài
- 25. Cách nhắm mục tiêu một phần tử <img> cụ thể của div trong CSS?
- 26. Xác định kích thước hình ảnh trong JavaScript mà không cần `<img>` tag
- 27. Tại sao tôi không thể làm <img src="C:/localfile.jpg">?
- 28. JQuery thay đổi giá trị của một <img src="" by ID
- 29. Tại sao MFMailComposer với <img> không hiển thị hình ảnh trong thư?
- 30. Bộ chọn khung góc jQuery trông như thế nào, như $ ('<img/>')?
Vâng, nhưng sau đó thanh trạng thái vẫn hiển thị dữ liệu đang được tải xuống, vì vậy có vẻ như chưa hoàn tất. Tôi thực sự muốn có một cách thực tế để xác định thời gian chờ. –
@MichaelReston xem chỉnh sửa của tôi. –
Tại sao phải bận tâm với điều kiện thay vì xóa ' '? – Electro