html - Chrome 上传“太快”无法检查

Question

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

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

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

我有以下想法：

• 使用名为 DOMListener 的 Chrome 扩展程序来查看元素。我确实在那里看到了它，但我看不到元素的内容/html。
• 增加最大文件大小。当前的最大文件大小为 5.0 MB，我尝试根据https://docs.iredmail.org/change.mail.attachment.size.html.htaccess更改, 设置来增加它。这不起作用，我仍然只能上传 <= 5MB 的文件。upload_max_filesize = 100M;
• 以某种方式减慢上传速度。我不知道怎么做。
• 搜索实际元素类 ( 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

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

转到网络选项卡并选择节流下拉菜单。您可以根据需要添加自定义限制并围绕它们循环。