用戶重寫網站的CSS /自定義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知識，但已經從一些例子拼湊在一起。將上面的腳本安裝到chrome中似乎不會在訪問目標站點時觸發更改。

謝謝。

Answer 1

該腳本使用$(document).ready()，但沒有針對jQuery的@require指令！

此外，（大多數）GM腳本中不需要$(document).ready()，因爲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"));