如何通过javascript提取Chrome开发者工具的网络标签内容？

Question

我想提取Chrome开发者工具的网络标签内容，以获取在网页后端运行的网络服务的详细信息。

Answer 1

You can get list of those value via JavaScript:

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

The function above returns array of performance entries. See an example to print the value below.

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

Or you can get an entry from the array:

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

You can get entries of other types such as 'navigation'. See entry types from performanceEntryType