如何通過javascript提取Chrome開發者工具的網絡標簽內容？

Question

我想提取Chrome開發者工具的網絡標簽內容，以獲取在網頁后端運行的網絡服務的詳細信息。

Answer 1

您可以通過JavaScript獲取這些值的列表：

window.performance.getEntries().filter(e=>e.initiatorType==='xmlhttprequest');

上面的函數返回性能條目數組。 請參閱示例以在下面打印該值。

<script type="text/javascript">window.performance.getEntries().filter(e=>e.initiatorType==='xmlhttprequest').forEach(entry=>document.write(JSON.stringify(entry) + '<br/>'));</script>

或者您可以從數組中獲得一個條目：

var entry = performance.getEntries().filter(e=>e.initiatorType==='xmlhttprequest')[0];
var name = entry.name;
var startTime = entry.startTime;
var duration = entry.duration;

您可以獲取其他類型的條目，例如“導航”。 查看PerformanceEntryType中的條目類型