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

在開發人員工具中，您有一個可用的限制選項。

轉到網絡選項卡並選擇限制下拉列表。 您可以根據需要添加自定義限制並在它們周圍循環。