Ответ 1
Адаптация из моих комментариев
Чтобы пойти с инъекцией взломанного стиля, просто поместите следующий код в тег script. Это помещает тег https://platform.twitter.com/widgets.js
script на вашу страницу, чтобы он больше не нуждался в нем как отдельный тег script.
// widgets script loading taken from Twitter
window.twttr = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function (f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind("rendered", function (event) {
var widgetFrame = event.target;
var retweets = widgetFrame.contentDocument.querySelectorAll('div.timeline-Tweet--isRetweet');
retweets.forEach(function (node) {
if (node.parentNode) { // (in)sanity check
node.parentNode.style = 'display: none;' // hide entire parent li tag
}
})
});
});
Замечание об этом
Мы берем родительский node, так как каждый div.timeline-Tweet--isRetweet
находится в теге li
, который дает вам границу, поэтому вы попадаете в какую-то странную двойную границу слева после скрытых ретвитов. Я думаю, что нет способа добраться до родителя с помощью селекторов CSS, поэтому мы должны сделать это с помощью кода.
Другое замечание
После взлома сильно зависит от того, как структурировано содержание временных графиков, и те могут измениться без уведомления из Twitter, поэтому вы рискуете здесь, что однажды вы проснетесь с тобой, покажите свои брюки и повторите попытку на временной шкале;)
Обновление
ok здесь v2, которые прослушивают обновления на ol
... но после его написания я начинаю понимать чувства Франкенштейна;)
window.twttr = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function (f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind("rendered", function (event) {
var frameDoc = event.target.contentDocument;
// initially hide retweets
var hideRetweets = function () {
var retweets = frameDoc.querySelectorAll('div.timeline-Tweet--isRetweet');
retweets.forEach(function (node) {
if (node.parentNode && node.parentNode.style !== 'display: none;') { // (in)sanity check
node.parentNode.style = 'display: none;' // hide entire parent li tag
}
});
};
hideRetweets();
// Twitter widget emitts no events on updates so we hook up ourselves to ol element to listen on it for additions of children
var watcher = new MutationObserver(function (mutations) {
// check whether new tweets arrived
var hasNewTweets = mutations.some(function (mutation) {
return mutation.addedNodes.length > 0;
});
if (hasNewTweets) {
hideRetweets(); // rescan all tweets as it is easier
}
});
watcher.observe(frameDoc.querySelector('ol.timeline-TweetList'), { childList: true });
});
});