Chrome上传“太快”无法检查

Question

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

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

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

我有以下想法：

• 使用名为 DOMListener 的 Chrome 扩展程序查看元素。 我确实在那里看到它，但我看不到该元素的内容/html。
• 增加最大文件大小。 当前最大文件大小为 5.0 MB，我尝试通过更改.htaccess增加该大小，设置upload_max_filesize = 100M; 根据https://docs.iredmail.org/change.mail.attachment.size.html 。 这不起作用，我仍然只能上传 <= 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

在开发人员工具中，您有一个可用的限制选项。

转到网络选项卡并选择限制下拉列表。 您可以根据需要添加自定义限制并在它们周围循环。