在开发greasemonkey脚本时如何检查值和字段？

Question

可能是一个非常愚蠢的问题，但我正在尝试做这样一个简单的事情：

var links = document.querySelectorAll ("a[href*='pattern'");
for (var J = links.length - 1;  J >= 0;  --J) {
    var link  = links[J];
    let myvar = "foobar";
    link.href = `https://example.com${myvar}`
}

这只是简单的文本替换，上面的代码确实替换了链接。

但我发现一团糟的是，我的开发感觉就像是反复试验。 我修改代码。 如果我更新时页面上没有任何反应，那么我知道有问题。 但这是极其低效的。 我的程序就像尝试这样的代码：

var myvar=link.text;
alert(myvar);

然后我更新页面。 如果根本没有显示任何内容，则链接可能没有名为 text 的字段。 我意识到开发油脂猴脚本的人正在以更有效的方式通过控制台或其他方式执行此操作。 但我就是不知道从哪里开始。 我将如何处理上述问题？ 如何找出对象中可用的字段和方法？ 如何检查它们的值？

Answer 1

这是一个基于您的代码的示例...

根据评论更新

// To view logged message, open Developer tools for THAT page 
// e.g. F12 in Firefox/Chrome

const myvar = 'foobar';

// get the target links
const links = document.querySelectorAll('a[href*="pattern"');
console.log('links', links);

// run a loop on the links
links.forEach(a => { 
 
  console.log('link url before change', a.href);
  a.href = 'https://example.com' + myvar
  console.log('link url after change', a.href);

  // if you need link text
  console.log('link text', a.textContent);
});