Question

如何使用tampermonkey在Google搜索框中设置一些文字？

我尝试过以下内容，但未设置任何文字：

// ==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

您可以等待元素到达。只需传入一个限制和每次检查之间等待的ms数。

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)

Answer 2

你的选择器是正确的。您只需在JavaScript控制台中输入代码document.querySelector('input.gsfi[type=text]')即可查看。它应该显示正确的元素。

Google网站的问题是在调用Tampermonkey函数之后添加了input元素的类（可能是通过一些JavaScript）。

因此，解决方法可能是在短暂的间隔后检查输入元素：

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);
})();

Tampermonkey - 如何在谷歌搜索框中设置文字？

2 个答案: