为什么 XPath exaluate 给 /html/body 的 snapshotLength = 1 和 /html/body/div[3]/div[3]/div/div[6]/div[2]/div/div/div 的 0？

Question

你能告诉我为什么 XPath exaluate 给出了

  snapshotLength = 1 for /html/body 

和 0 代表

  /html/body/div[3]/div[3]/div/div[6]/div[2]/div/div/div

较长的 XPath 是真实的，由 Firepath 为该页面上的对象计算得出

http://srv1.yogh.io/#mine:height:0

我在 Greasemonkey 中运行以下脚本。

// ==UserScript==
// @name        xpath greasemonkey
// @namespace   bbb
// @description f
// @match       http://srv1.yogh.io/#mine:height:0
// @version     1
// @grant       none
// ==/UserScript==
var allLinks, thisLink;
console.log("dfsdsdsdfg");
allLinks = document.evaluate(
     "/html/body/div",
     document,
     null,
     XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
     null);
// for (var i = 0; i < allLinks.snapshotLength; i++) {
//   thisLink = allLinks.snapshotItem(i);
 // console.log("found");
// }
console.log(allLinks.snapshotLength)


// /html/body/div[3]/div[3]/div/div[6]/div[2]/div/div/div
// ---
// UPDATED userscript

// ==UserScript==
// @name        xpath greasemonkey2
// @namespace   bbb
// @description f
// @match       http://srv1.yogh.io/#mine:height:0
// @version     1
// @grant       none
// ==/UserScript==

window.setTimeout(function() {
  var allLinks, thisLink;
  console.log("dfsdsdsdfg");
   
  allLinks = document.evaluate(
       "/html/body/div[3]/div[3]/div/div[6]/div[2]/div/div/div",
       document,
       null,
       XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
       null);
  if(allLinks.snapshotLength) {
    console.log(allLinks.snapshotLength);
    console.log(allLinks.snapshotItem(0).innerHTML)
  } else {
    console.log("Bother...");
    console.log(allLinks.snapshotLength)
  }
}, 15000);

function myFunction() {
    if (window.top != window.self)  {
      alert("This window is not the topmost window! Am I in a frame?");
        document.getElementById("demo").innerHTML = "This window is not the topmost window! Am I in a frame?";
    } else { 
       alert("This window is the topmost window! Am I in a frame?");
        document.getElementById("demo").innerHTML = "This window is the topmost window!";
    } 
}
var input=document.createElement("input");
input.type="button";
input.value="GreaseMonkey Button";
input.onclick = myFunction;
document.body.appendChild(input); 

我想要代码在网页上找到 XPathed DIV 对象 突出显示它并通过 console.log 返回：

<div class="gwt-Label">2083236893</div>

用于后处理以通过以下方式读取字符串 2083236893 .innerText 或 .innerHTML

有任何想法或任何可在 GM 或 Fiddle 中工作的脚本演示吗？

Answer 1

您的 XPath 实际上没问题，如果您直接在浏览器的控制台中输入它应该可以工作。问题是区块链网页的内容是由脚本动态生成的，所以在执行用户脚本时，您要查找的节点并不存在。

您需要延迟代码运行，直到页面完成加载。 @run-at userscript 元数据指令应该可以实现这一点，但是它在 GreaseMonkey v4 中被破坏了，或者区块链脚本运行时间太长，您需要将用户脚本延迟更长的时间。无论哪种方式，将代码包装在 setTimeout() 中都是一种简单的方法（检测其他脚本何时完成会更优雅）：

// ==UserScript==
// @name        xpath greasemonkey
// @namespace   bbb
// @description f
// @match       http://srv1.yogh.io/
// @version     1
// @grant       none
// ==/UserScript==

window.setTimeout(function() {
  var allLinks, thisLink;
  console.log("dfsdsdsdfg");
  allLinks = document.evaluate(
       "/html/body/div[3]/div[3]/div/div[6]/div[2]/div/div/div",
       document,
       null,
       XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
       null);
  if(allLinks.snapshotLength) {
    console.log(allLinks.snapshotItem(0).innerHTML);
  } else {
    console.log("Bother...");
  }
}, 5000);

（请注意，我还必须更改您的 @match 指令以让 Greasemonkey 在正确的页面上运行脚本）。