Как динамически переписать твиттер-изображения с помощью jQuery? - PullRequest
Новая
       7

Как динамически переписать твиттер-изображения с помощью jQuery?

0 голосов
/ 09 февраля 2019

Я новичок в Javascript и jQuery и пытаюсь удалить все значки на временной шкале Twitter.

Что я хочу сделать, это удалить все значки на временной шкале Twitter динамически (я имею в виду, что каждыйвремя, когда нажата кнопка «Просмотреть новые твиты»), а также переписать каждый значок произвольно выбранным цветом.

Итак, я собираюсь сделать следующее.https://photos.google.com/share/AF1QipNU-ct8h6oA1_-QNgA4rLNrBpmdbULS-THe3Zt6FONNkxhMwI4rrBT-x0weyRq7YA?key=dDhHaENQNzkzLVYwYm5zUWczTF9XVl9RdFpGYUVB

Вот мои коды. 

// If class containts 'avatar', just rewrite.

// rewrite for each tag https://symfoware.blog.fc2.com/blog-entry-1515.html

$(function(){
    $("img").each(function(){

      // /4018406/jquery-opredelit-est-li-ul-klass-ili-drugoi

        if ($('img').hasClass('Avatar Avatar--size32') ||
           $('img').hasClass('avatar size32') ||
           $('img').hasClass('DashboardProfileCard-avatarImage js-action-profile-avatar') ||
           $('img').hasClass('avatar js-action-profile-avatar ') ||
           $('img').hasClass('top-timeline-tweet-box-user-image avatar size32') ||
           $('img').hasClass('avatar js-action-profile-avatar ') ||
           $('img').hasClass('avatar js-action-profile-avatar') ||
           $('img').hasClass('MomentUserByline-avatar') ||
           $('img').hasClass('ProfileAvatar-image') ||
           $('img').hasClass('ProfileCardMini-avatarImage')
        ) {
          // https://peacepopo.net/blog-entry-161.html
          var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
          // Rewrite image to random colors
          // http://shanabrian.com/web/jquery/image01.php

          var stylechar = "background-color:" + hue
           $("img").removeAttr('src');
           $("img").attr('style',stylechar);
      }
    });
});

Некоторые значки удалены, но есть много проблем.Проблема заключается в том, что

  • удаляется только верхняя часть 2 или несколько значков на временной шкале.
  • Не работает динамически.Когда нажата кнопка «новые твиты», значки появляются как сами по себе.
  • icon-backgroundcolor все еще не изменяется.

Если бы вы знали, как это можно исправить, я быбыть очень благодарным.Спасибо.

1 Ответ

0 голосов
/ 10 февраля 2019

Вы не сказали, на что настроен ваш код (вы должны настроить его на бездействие документа в вашем манифесте).Это может помочь некоторым, но вам понадобится какое-то событие для динамически изменяющегося контента твиттера.Поместите свой код в функцию, после чего вы сможете прослушивать щелчки по кнопке «Просмотреть новые твиты» или настроить Mutation Observer для повторного выполнения вашей функции при изменении страницы.

...