Wie kann ich die Größe des Recaptcha in Greasemonkey ändern?

Question

Ich möchte den Text des Captcha mit Greasemonkey verkleinern, damit er besser zu sehen ist.

Wie kann ich das tun?

Ich habe zum Beispiel dieses Captcha:

<div id="recaptcha_image" style="width: 300px; height: 57px; ">
  <img style="display:block;" height="57" width="300" src="http://www.google.com/recaptcha/api/image?c=03AHJ_VuuqeICMpU36GlHCSchBzERwiDzTH4A1RHobtEpbbSK5lWC47EVkgeuF_ause8bnYTHGhjRr_GFiVMh9e4sZFXIBlv4-vcY7WXNjtBHhVmIl2Z5tqK_CY5hRZjtr-MWDUrBOr7mQE0ZqfU8XeeUeXLM5cxcwEQ">
</div>

Ich möchte die height="57" und die width="300" aus der zweiten Zeile (aus dem Bildstil) auf 85 bzw. 450.

Ändern Sie es in der Inspektion funktioniert richtig, aber wie kann ich tun, um es immer mit Greasemonkey zu tun?

Answer 1

Diese userContent.css Einträge könnten funktionieren:

div#recaptcha_image,
div#recaptcha_image > img {
  width: 450px !important;
  height: 85px !important;
}

Answer 2

Da es sich um Greasemonkey handelt, gehe ich davon aus, dass Sie eine einigermaßen aktuelle Version von Firefox verwenden. In diesem Fall können Sie vielleicht querySelector verwenden:

var query = document.querySelector("#recaptcha_image > img");
if (query) {
    query.style.width = "450px !important";
    query.style.height = "85px !important";
}

Wenn das nicht funktioniert, können Sie stattdessen versuchen, die Attribute des img zu setzen:

var query = document.querySelector("#recaptcha_image > img");
if (query) {
    query.setAttribute("width", "450");
    query.setAttribute("height", "85");
}

Si dass nicht funktioniert, können Sie versuchen, sowohl das Feld als auch das Bild zu setzen:

var element = document.getElementById("recaptcha_image");
if (element) {
    element.style.width = "450px !important";
    element.style.height = "85px !important";
}

var query = element.querySelector("img");
if (query) {
    query.setAttribute("width", "450");
    query.setAttribute("height", "85");
}

Answer 3

Machen:

var img = document.evaluate("//div[@id='recaptcha_image']/img", document, null, 9, null).singleNodeValue;
img.setAttribute('width', '85');
img.setAttribute('height', '450');

Wenn das Recaptcha in einem Iframe ist, dann @include die Url des Iframe, und nicht die Url des Parent, aber beachten Sie, dass dies wahrscheinlich die Größe der Recaptcha's auf jeder Website ändern, so dass Sie vielleicht überprüfen möchten, dass window.top.location para fenster.oben ist der gewünschte Ort.