javascript - ¿Cómo ocultar ciertos elementos usando Greasemonkey?

tampermonkey

Question

Estoy buscando ocultar ciertos elementos usando Greasemonkey. Enlaces como este:

<a href="earn-google-circles.php" target="_blank" );"="">View</a>

O imágenes como esta:

<img src="http://www.somesite.org/img/icon/earn-google-circles-435912.png" alt="Circle" title="Google Circle" height="18px" width="50px">

Por supuesto, es parte de un Div más grande, pero ese div no se puede ocultar porque escondería otras cosas que no quiero ocultar.

Entonces, ¿hay alguna forma de ocultar estos elementos usando Greasemonkey?
(Nota del editor: también se aplica a Tampermonkey)

Answer 1

Para ocultar todo tipo de enlaces (o imágenes) de Google Circles , use un script de Greasemonkey / Tampermonkey como este:

// ==UserScript==
// @name     _Hide annoying links
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (
    "a[href*=''earn-google-circles''], img[src*=''earn-google-circles'']",
    hideNode
);

function hideNode (jNode) {
    jNode.hide ();
}

Esto obtiene instancias estáticas y cargadas con AJAX .

Consulte Elegir y activar los controles correctos en un sitio impulsado por AJAX para obtener consejos sobre cómo elegir un selector jQuery.

Referencia:

• Selectores jQuery
• waitForKeyElements()
• jQuery hide()