Chrome上传“太快”，无法进行检查

Question

我有一个愚蠢的问题。我有一个使用roundcube网络邮件的页面。当我创建新邮件并想要附加文件时，在上传文件时，会在<li>元素后附加一个<ul>元素。上传完成后，<li>将被删除，并被另一个元素替换。

由于某些原因，我需要以某种方式检查临时<li>元素。但是，由于可见的时间太短，因此我没有足够的时间进行真正的检查。

我正在使用Roundcube Docker容器，并连接到我无权访问的远程iRedMail服务器。

我有以下想法：

• 使用一个名为DOMListener的Chrome扩展程序来查看该元素。我确实在这里看到了，但看不到该元素的内容/ html。
• 增加最大文件大小。当前的最大文件大小为5.0 MB，我尝试通过更改.htaccess，根据https://docs.iredmail.org/change.mail.attachment.size.html设置upload_max_filesize = 100M;来增加文件大小。这没有用，我仍然只能上传<= 5MB的文件。
• 以某种方式降低上传速度。我不知道如何。
• 在代码中搜索实际的元素类（uploading），但找不到。

有人知道我可以尝试什么吗？

Answer 1

将此代码复制到浏览器检查器控制台：

let count = document.getElementsByTagName('li').length;
setInterval(() => {
    if (count !== document.getElementsByTagName('li').length) {
        count = document.getElementsByTagName('li').length;
        console.log(document.getElementsByTagName('li'));
    }
}, 1);

在将任何li标记添加到DOM时，您将看到所有“ li”标记，查找并检查它。

如果替换，您还可以查看所有innerHTML而不是HTML元素（或属性）

console.log(document.getElementsByTagName('li'));

使用

console.log(Array.from(document.getElementsByTagName('li')).map((item) => item.innerHTML));

希望获得帮助

Answer 2

在开发人员工具中，您可以使用限制选项。

转到网络选项卡，然后选择节流下拉菜单。您可以根据需要添加自定义限制，并在其周围循环。