получение изображений, которые загружаются на страницу динамически

Я хотел бы получить все изображения в ленте новостей facebook по мере их загрузки. Я запускаю скрипт tampermonkey. У меня есть несколько проблем:

  1. конечный результат включает изображения с URL-адресами, которые я исключаю (со статическими URL-адресами facebook).
  2. он включает только некоторые изображения в ленте новостей, и если я прокручиваю вниз, он не переоценивает свои результаты. Вероятно, это из-за функции загрузки, но как я могу вместо этого сделать ее динамической загрузкой? Где я могу добавить функцию, например, .scroll?

Я использую jquery для запуска функций только при загрузке страницы. Должен ли я вместо этого заняться чем-то другим?

Ниже часть кода:

// ==UserScript==
// @name         Accountability
// @namespace    http://tampermonkey.net/
// @include     https://www.facebook.com/*
// @include     http*://*.facebook.com/*
// @exclude       htt*://*static*.facebook.com*
// @version      0.1
// @description  
// @author       You
// @match        http://tampermonkey.net/scripts.php
// @grant        none
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// ==/UserScript==
/* jshint -W097 */
'use strict';

 window.addEventListener('load', function() {

var all_images = document.evaluate('//img[@src]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); 
var newsfeed = document.evaluate('//*[contains(@id, topnews_main_stream_408239535924329)]', document, null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); 

var imgSrcs = [];
for (var i=0; i < all_images.snapshotLength; i++){
    var this_image = all_images.snapshotItem(i);
    var src = this_image.src;
    if(src.indexOf('static') > -1){
        continue;
    }
    if(src.indexOf('external') > -1){
        continue;
    }
    imgSrcs.push(src);
    console.log(this_image.src);
    this_image.addEventListener("click", my_func, false);
}

for (var i=0; i < newsfeed.snapshotLength; i++){
    var this_news = newsfeed.snapshotItem(i);
    var src = this_news.src;
    if(this_news.children.length>0){
        }
    if(Object.getOwnPropertyNames(this_news)[0]== '_startTime'){ 
        var x = this_news.onreadystatechange();
        }   
    this_news.addEventListener("click", my_func, false);
    this_news.addEventListener("mouseover", my_func, false);
}
var my_func = function(){
    console.log("the list", imgSrcs);
}

}, false);

person user65165    schedule 08.04.2016    source источник


Ответы (1)


Вы можете привязать load ко всем тегам img, например

$("img").on("load", function() {
  console.log($(this)[0].src)
});

Если вы действительно хотите использовать чистый javascript для имитации on, вы можете ссылаться на Emulate jQuery с селектором в чистом javascript

person YSJ    schedule 08.04.2016