[identity profile] inmineo.livejournal.com posting in [community profile] useful_faq
Есть сайт, на котором присутствует определенный графический элемент (графика или флеш), который надо заменить. Известна ссылка на этот объект: для примера возьмем иконку жж-человечка http://l-stat.livejournal.com/img/userinfo.gif?v=3 — необходимо чтобы при считывании страницы браузером этот объект заменялся на другой, т.е. подгружался не с сервера или временных файлов браузера, а заменялся на указанный мной. Т.е. чтобы при заходе на livejournal у меня отображался не синий человечек, а любое нечто.jpeg аналогичного размера.

Интересуют варианты для любого браузера под винду. Вариант с заменой временных файлов не подходит, желательно именно какая-нибудь пристройка к браузеру (или самостоятельная програмка) с несложными настройками. Спасибо!

Date: 2011-04-25 11:24 am (UTC)
From: [identity profile] smartgrinder.livejournal.com
Можно покурить в сторону скрипта для дополнения Greasemonkey для Firefox. Видел готовые скрипты для замены картинок, на счёт готового скрипта для замены флеша не уверен.

Date: 2011-04-25 02:04 pm (UTC)
From: [identity profile] sizif73.livejournal.com
Если бы я заморочился чем-то подобным, то ковырял бы HandyCache - локальный прокси-сервер. У меня почти все в инет через него ходит. Есть функция переадресации. Правда не знаю, насколько простыми покажутся настройки.

Date: 2011-04-25 02:48 pm (UTC)
From: [identity profile] chaotic-sys.livejournal.com
+1, метод работает.

Date: 2011-04-25 07:04 pm (UTC)
From: [identity profile] mithgol.livejournal.com
1) Устанавливается расширение Stylish в Firefox (https://addons.mozilla.org/firefox/addon/stylish/) (есть его аналог для Chrome (https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe)).

2) В нём создаётся новый CSS-cтиль для LiveJournal, имеющий следующий код:

@-moz-document domain('livejournal.com') {
img[src^="http://l-stat.livejournal.com/img/userinfo.gif"]{

height: 0 !important; width: 0 !important;

/* по размеру новой картинки: */
padding-left: 17px !important;
padding-top: 17px !important;

/* Адрес новой картинки: */
background: url(http://example.com/your/image/here) no-repeat !important;
}
}


Всё, задача решена.

(Для браузера Chrome вместо @-moz-document используется, вроде бы, другой селектор; я не изучал этот вопрос, так как пользуюсь Stylish только в Файерфоксе.)