在Google Play订单历史上过滤$ 0.00值

Question

我想在Google Play上检查旧购买，但是历史将显示一切我声称。包括大量免费应用程序（列出为$ 0.00），并且不可能过滤该列表中的任何内容。

因此，我认为我可以制作一个简单的TampermonKey脚本来为我做，但由于某种原因无法工作。
我在这里想念什么？谢谢。

这是我到目前为止得到的：

// ==UserScript==
// @name         Filter Out $0.00 Garbage
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  ...
// @author       Me
// @match        https://play.google.com/store/account/orderhistory
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
// @grant        none
// ==/UserScript==

(function() {
  var ele = document.getElementsByClassName('mshXob');
  for (var i = 0; i < ele.length; ++i) {
    var item = ele[i];
    if (item.innerHTML == '$0.00') {
      var gp = item.parentNode.parentNode.parentNode;
      gp.style.display = 'none';
    }
  }
})();

Answer 1

也许在此处使用XPATH尝试一下

：

// ==UserScript==
// @name         Filter Out $0.00 Garbage
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  ...
// @author       Me
// @match        https://play.google.com/store/account/orderhistory*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
// @grant        none
// ==/UserScript==

(function() {
    const MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
    const observer = new MutationObserver(hideZeroElements);
    // tried with div elements but does not seem to work.
    observer.observe(document.body, {
        subtree: true,
        childList: true,
        attributes: false
    });
})();

function hideZeroElements(mutations, observer) {
  /**
  * Get all the divs whom grand children contain a 0,00 value or 0.00 in your case
  */
  const history = document.evaluate('//div[div[2]/div//div[contains(text(), "0.00")]]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  /**
  * Loop over all the elements found and hide them.
  */
  for ( let i = 0; i < history.snapshotLength; i++) {
      history.snapshotItem(i).style.display = "none";
  }
}

Note ：我不确定是否有一种方法可以断开观察者在Userscript中的连接。

Answer 2

您可能依靠更改的类名称。 JavaScript库（例如Angular/React/etc）可能会将ID和类名称更改为混淆代码。

尝试使用不依赖恒定ID和类名的DOM选择器和DOM遍历方法。

尝试以下操作：

// ==UserScript==
// @name         play.google.com/store/account/orderhistory
// @namespace    http://tampermonkey.net/
// @match        https://play.google.com/store/account/orderhistory
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const container = document.querySelector('body>c-wiz:nth-child(5)>div>div>div:nth-child(3)+div>div:nth-child(1)');
    const orders = container.querySelectorAll('div');
    orders.forEach((el,_) => {
        const bucks = el.querySelector('div:nth-child(2)>div>div:nth-child(2)');
        if (bucks !== null){
            if (bucks.innerText === 'US$0.00') el.remove();
        }
    });

})();

Answer 3

这是另一个答复您的评论（由于需要更多的灵活性而无法回答）。

访问该页面时，TM图标会得到红点吗？如果是这样，脚本正在运行但不起作用；如果没有，@Match行没有触发脚本（即与URL不匹配）。您能确定哪种情况吗？

接下来要检查：打开DevTools（F12）并在第一个QuerySelector中粘贴。 devtools是否显示这样的内容（DevTools正在使用div.ngftbf.fny74c）：

”行，可能有必要调整选择器。做到这一点的方法是逐步构建选择器，并查看添加每个阶段时会发生什么：

document.querySelector('body')  //this HAS to return something...!

然后：

document.querySelector('body>c-wiz:nth-child(5)')

noreferrer“> - 也尝试）

在每个阶段，Chrome DevTools应该显示一些东西。例如：

您可能会发现此视频很有帮助： https> https：https： //www.youtube.com/watch?v=sowajlx1uka

让我知道您所看到的。