Question

我汇编了这个简单的代码，以单击几个下载链接中的第一个下载链接。
问题是我必须等待下载链接显示出来（有一些转换过程）。我进行了测试，它们的显示时间比Load或DOMContentLoaded要晚得多。（顺便说一句，有没有办法描述这种情况下一切加载的真正结束？）

以下是示例链接：
https://www.saveoffline.com/#https://www.youtube.com/watch?v=vEROU2XtPR8

无论如何，首先，我汇编了一个代码，等待30秒，然后为我单击链接，它起作用了，我得到了正确的目标链接！但是互联网连接速度各不相同，30秒并不完美，所以现在我想要一个代码，在链接显示时自动单击该下载链接。这是代码：

// ==UserScript==
// @name        saveoffline click first format
// @include     https://www.saveoffline.com/*
// @grant       none

var x = 0
function waitforgrab() {
    // 1200 = 10min/500ms of waiting
    if(x>1200) stopthere();//use a wrong function to stop this js.
    if(document.getElementById("output")===null) {//I have to pick the correct element to describe download links showing up.
        x = x+1
        setTimeout(waitforgrab(), 500)
    }
}
waitforgrab();
// the above lines : wait until download links show up.

// the following line: click first link. This line proves correct.
document.getElementById("media-formats").firstElementChild.click();

测试结果：

错误：脚本'saveoffline click first format'的执行失败！无法读取null的属性“点击” ...

那么，我选择了错误的元素？ -尽管此元素不为null，但这是否意味着会显示下载链接？但是我尝试了4到5个元素，只是不正确。

请帮助我找到此“正确”元素。或者，也许如何描述一切负载的真正终结，那么我只需单击目标下载链接即可。

Answer 1

不要重新发明轮子。如您所见，尝试在网络上估计加载延迟是一种非常脆弱的方法。
使用类似waitForKeyElements或MutationObserver的东西。
document.getElementById("media-formats")立即触发，而不是在setTimeout秒之后触发。
该代码还有其他几个问题，请替换为如下所示的内容。
在AJAX驱动的页面上，很少有一种方法来“描述加载所有内容的真正目的”。而且，如果有的话，它是特定于页面的，因此不需要依赖。

无论如何，由于您链接了目标页面，因此正确的选择器会显示在此正常运行的Tampermonkey脚本中：

// ==UserScript==
// @name     Saveoffline, click the first download format
// @match    https://www.saveoffline.com/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// @grant    GM.getValue
// ==/UserScript==
//- The @grant directives are needed to restore the proper sandbox.
/* global $, waitForKeyElements */

waitForKeyElements ("#media-formats > a > .formatButton", clickNode, true);

function clickNode (jNode) {
    //- The buttons are loaded in reverse order, so ensure we have the first child.
    var frstNode   = jNode.parent ().siblings ().first ().children (".formatButton");
    var clickEvent = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    frstNode[0].dispatchEvent (clickEvent);
}

我应该为该Tampermonkey脚本选择哪个元素？还是可以等到所有内容加载结束？

1 个答案: