Изменить CSS локально для домена

Question

Я хочу добавить CSS на страницы с определенным URL так же, как Greasemonkey добавляет JavaScript. Я думаю, что я мог бы внедрить некоторые CSS с помощью скрипта, но это не так чисто.

Есть ли какие-нибудь плагины для браузера, которые позволяют мне это делать? Это не обязательно должен быть Firefox.

Answer 1

Есть дополнение Стильный для Firefox. Он поддерживает глобальные пользовательские таблицы стилей для каждого домена и для каждого URL. Кажется, это хорошо работает для того, для чего я его использую, хотя я по общему признанию не играл с этим очень серьезно.

Answer 2

Если у вас есть доступ к jQuery , вы можете сделать это довольно легко:

var css_href = "path to css";
var head = document.getElementsByTagName('head')[0]; 

$(document.createElement('link')) 
    .attr({ type: 'text/css', 
            href: css_href, 
            rel: 'stylesheet, 
            media: 'screen''}) 
    .appendTo(head); 

[Source]

Это также можетсделать это довольно легко с ванильным JavaScript:

function addStyle(style) {
    var head = document.getElementsByTagName("HEA­D")[0];
    var ele = head.appendChild(window.document.c­reateElement( 'style' ));
    ele.innerHTML = style;
    return ele;
}

addStyle('@import "/URL/TO/STYLESHEET;"');

[Source] (Как видно из " Погружение в Greasemonkey " Mark Pilgrim первоначально)

Возможно, вы захотите убедиться, что ваши стили имеют объявления !important.

Сказав это, должно быть легко удалить существующие таблицы стилей таким же образом и, возможно, даже итерировать элементы иудалить встроенные стили.