Question

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

Answer 1

您可以通过JavaScript获取这些值的列表：

<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;

或者你可以从阵列中获得一个条目：

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
var isIE = /*@cc_on!@*/false || !!document.documentMode;
// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;
// Chrome 1+
var output = 'Detecting browsers by ducktyping:<hr>';
output += 'isFirefox: ' + isFirefox + '<br>';
output += 'isChrome: ' + isChrome + '<br>';
output += 'isSafari: ' + isSafari + '<br>';
output += 'isOpera: ' + isOpera + '<br>';
output += 'isIE: ' + isIE + '<br>';
output += 'isIE Edge: ' + isEdge + '<br>';
document.body.innerHTML = output;

您可以获取其他类型的条目，例如“导航”。请参阅performanceEntryType

中的条目类型

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

1 个答案: