Tampermonkey - Comment mettre du texte dans le champ de recherche google?

Question

Comment puis-je définir du texte dans le champ de recherche google avec tampermonkey?

J'ai essayé ce qui suit, mais aucun texte est défini:

// ==UserScript== 
// @name   Google Search Test 
// @namespace http://tampermonkey.net/ 
// @version  0.1 
// @description Testing selectors. 
// @author  You 
// @match  https://www.google.co.uk* 
// @grant  none 
// ==/UserScript== 

(function() { 
    'use strict'; 

    var textinput = document.querySelector('input.gsfi[type=text]'); 
    textinput.value = "Cats"; 
})(); 

Answer 1

Votre sélection est correcte. Vous pouvez simplement vérifier cela en tapant le code document.querySelector('input.gsfi[type=text]') dans la console JavaScript. Il devrait montrer l'élément correct. Le problème avec le site Web de Google est que la classe de l'élément d'entrée est ajoutée après l'appel de la fonction Tampermonkey (peut-être avec du JavaScript).

Ainsi, une solution pourrait être de vérifier l'élément d'entrée après un court intervalle:

function test() { 
    var textinput = document.querySelector('input.gsfi[type=text]'); 
    if (textinput!==null) 
     textinput.value = "Cats"; 
    else 
     console.log("textinput is null"); 
} 

(function() { 
    'use strict'; 
    setTimeout(test, 1000); 
})(); 

Answer 2

Vous pouvez attendre que l'élément d'arriver. Il suffit de passer une limite et le nombre de ms que vous attendez entre chaque vérification.

function onArrival(selector, callback, interval, limit) { 
 
    interval = interval || 1000; // Default wait time is 1 second. 
 
    limit = limit || 10;   // Default number of attempts is 10. 
 
    var el = document.querySelector(selector); 
 
    if (el != null) { 
 
    if (callback != null) { 
 
     callback(el); 
 
    } 
 
    } else { 
 
    if (limit > 0) { 
 
     setTimeout(function() { 
 
     onArrival(selector, callback, interval, limit - 1); 
 
     }, interval); 
 
    } else { 
 
     console.log('Element not found!'); 
 
    } 
 
    } 
 
} 
 

 
// Wait 3 seconds to load the input element. 
 
setTimeout(function() { 
 
    var label = document.createElement('label'); 
 
    label.innerHTML = 'Google Search: '; 
 
    document.body.appendChild(label); 
 
    
 
    var input = document.createElement('input'); 
 
    input.setAttribute('type', 'text'); 
 
    input.className = 'gsfi'; 
 
    document.body.appendChild(input); 
 
}, 3000); 
 

 
// Wait 5 times, 1 second at a time, for the input element to arrive. 
 
onArrival('input[type="text"].gsfi', function(el) { 
 
    el.value = 'Cats'; 
 
}, 1000, 5)