Створення простого додатку Twitter Safari за допомогою JavaScript - javascript, html, twitter

Як можна було б створити простий TwitterРозширення Safari за допомогою Javascript? В ідеалі я хотів би знайти заголовки твітних публікацій і змінити їх колір тексту, коли користувач прокручується вниз по екрану. Я знаю, що канал каналу twitter динамічно завантажується, тому, гадаю, сценарій повинен виконуватись кожного разу, коли користувачі завантажують нові твіти.

Я дуже новий у JavaScript, але виконую щось таке:

var myNodelist = document.getElementsByClassName("question-hyperlink");
myNodelist[0].style.backgroundColor = "red"

змінить кольори посилань, наприклад, на stackoverflow.com, але не на Twitter.

Отже, мої запитання полягають у тому, як динамічно схоплювати текст твіт, коли він завантажується, і як він змінює його зовнішній вигляд? Дякую!

Відповіді:

Ви можете використовувати інспектор у Firefox або Chrome Інструменти для розробників для перегляду класів та ідентифікаторів даного елемента.

Твіти до Twitter мають ім’я класу tweet, так, наприклад, наступне зробить усі фони твіту червоними і зафіксує текст твіт на консолі.

var myNodelist = document.getElementsByClassName("tweet");
for(var i=0; i<myNodelist.length; i++){
// change the background to red
myNodelist[i].style.backgroundColor = "red"

// get the actual tweet text
var tweet = myNodelist[i].getElementsByClassName("TweetTextSize")[0].textContent.trim();
console.log(tweet);
}