如何访问JSON格式的.har文件的数据？

Question

我有一个从网站生成的 .har 文件。我认为 .har 文件是一个 JSON 对象（来自我在网络上进行的搜索），我想访问一些特定数据，例如 serverIPAddress、startedDateTime 和一些更多信息。问题是我如何访问它们。

这是 HTML 用户上传 .har 文件的代码：

<!DOCTYPE html>
<html>
    <head>
        <title>SelectFile</title>
    </head>
    <body>
        <h1>Please select your HAR files</h1>
        <input type="file" id="logo" accept=".HAR" multiple>
    </body>
</html>

<style type="text/css">
    h1{text-align:center;}
    body {font-family: Arial, Helvetica, sans-serif;}
    form {border: 3px solid #f1f1f1;}

    input[type=text], input[type=password] {
      width: 100%;
      padding: 12px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }
</style>

这是javascript的脚本：

<script type="text/javascript"> 
    const fileselector = document.getElementById('logo')
    console.log(fileselector);

    fileselector.addEventListener('change', function() { 

        const file= this.files[0];
        console.log(file);
        console.log(file.entries);//This prints error message in console
</script>

我是 javascript 的新手，我大体上知道您可以访问这样的对象 objectName.propertyName。提前致谢。

Answer 1

首先必须读取 File 对象，然后 JSON 解析结果，然后才能执行任何操作。尝试这样的事情：

const dataString = await this.files[0].text();
const data = JSON.parse(dataString);

另请参阅：

如何访问JSON格式的.har文件的数据？

How to access the data of .har file with JSON format?

html

javascript

json

har