usercript для переопределения сайта css/custom css

Question

У меня есть рабочее решение userstyles.org для этого. однако, я бы хотел, чтобы некоторые пользовательские css переопределили данные на данном веб-сайте через пользовательский указатель.

это то, что я до сих пор:

// ==UserScript== 
// @id   Custom_Style 
// @name   Custom CSS for domain.com 
// @version  1.0 
// @author  vulgarbulgar 
// @description Changes the default css for domain.com 
// @include  http://site.com/* 
// @include  https://site.com/* 
// @include  http://*.site.com/* 
// @include  https://*.site.com/* 
// @resource  css http://userstyles.org/custom.css 
// ==/UserScript== 

$(document).ready(function() { 
    GM_addStyle(GM_getResourceText("css")); 
}); 

не похоже на работу.

У меня нет каких-либо знаний js, но они собраны вместе из приведенных выше примеров. установка вышеприведенного usercript в chrome, похоже, не вызывает изменений при посещении целевого сайта.

спасибо.

Answer 1

Этот скрипт использует $(document).ready(), но не имеет директивы @require для jQuery!

Кроме того, $(document).ready() не требуется в большинстве сценариев GM, поскольку по умолчанию Greasemonkey работает в правильное время.

Еще одна вещь, которая спасет ваше здравомыслие: не используйте такие короткие, перегруженные имена в качестве переменных. Вместо «css» используйте что-то доступное для поиска.

Так что ваш текущий сценарий станет:

// ==UserScript== 
// @id   Custom_Style 
// @name   Custom CSS for domain.com 
// @version  1.0 
// @author  vulgarbulgar 
// @description Changes the default css for domain.com 
// @include  http://site.com/* 
// @include  https://site.com/* 
// @include  http://*.site.com/* 
// @include  https://*.site.com/* 
// @resource  myCustomCss http://userstyles.org/custom.css 
// @grant   GM_addStyle 
// @grant   GM_getResourceText 
// ==/UserScript== 

GM_addStyle (GM_getResourceText ("myCustomCss"));