Har文件解析工具

一、安卓手机如何打开har文件

Har文件是JSON格式文件，可以使用任何文本编辑器打开。然而在安卓手机上打开har文件时，可以使用以下两种方式：

1、使用“文本编辑器”等第三方软件打开。在手机上安装一个支持查看代码的App，如，文本编辑器、QuickEdit、OfficeSuite等。可以通过从手机端的存储空间直接访问har文件，打开后，可以看到JSON代码格式的文件。


Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(filePath));
intent.setDataAndType(Uri.fromFile(new File(filePath)), "text/plain");
try {
    context.startActivity(intent);
} catch (ActivityNotFoundException e) {
    Toast.makeText(context, "No handler for this type of file.", Toast.LENGTH_SHORT).show();
}

2、使用HarViewer。该应用是一款专门查看har文件的应用，用户可以方便的导入har文件，并可以将其进行解析。使用该应用可以直观的查看har文件的内容和性能数据。

二、Har文件解析工具的相关功能

Har文件解析工具主要用于解析har文件，提取其中的性能数据和网络请求数据，可以获取以下信息：

1. 性能数据

可以获取页面加载的性能数据，如总下载时间、DOM加载时间、页面渲染时间等。可以帮助开发者定位并优化页面性能瓶颈。


function getPerformanceTiming () {
    var performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {};
    var timing = performance.timing || {};

    function getTimeStamp (name) {
        return timing[name] ? timing[name] - timing.navigationStart : '';
    }

    var tpl = [];
    tpl.push('Redirect time: ' + getTimeStamp('redirectEnd'));
    tpl.push('DNS query time: ' + getTimeStamp('domainLookupEnd'));
    tpl.push('TCP handshake time: ' + getTimeStamp('connectEnd'));
    tpl.push('Time to first byte: ' + getTimeStamp('responseStart'));
    tpl.push('Content loading time: ' + getTimeStamp('responseEnd'));
    tpl.push('DOM parsing time: ' + getTimeStamp('domComplete'));
    tpl.push('Page rendering time: ' + getTimeStamp('loadEventEnd'));
    tpl.push('Total load time: ' + (timing.loadEventEnd - timing.navigationStart) + 'ms');

    return tpl.join('\n');
}

2. 网络请求数据

可以获取网络请求的相关信息，如请求URL、请求方法、请求参数、响应时间、状态码、响应头等。可以帮助开发者找到网络请求出现的问题，并优化接口的性能。


var entries = log.entries;
for (var i = 0, len = entries.length; i < len; i++) {
    var entry = entries[i];
    var request = entry.request;
    var response = entry.response;

    var url = request.url || '';
    var method = request.method || '';
    var params = request.postData ? JSON.parse(request.postData.text) : {};
    var status = response.status || '';
    var responseTime = entry.time;
    var responseHeaders = response.headers || [];

    console.log('URL:', url);
    console.log('Method:', method);
    console.log('Params:', params);
    console.log('Status:', status);
    console.log('Response Time:', responseTime + 'ms');
    console.log('Response Headers:', responseHeaders);
}

三、Har文件解析工具的使用场景

Har文件解析工具适用于以下几个方面的场景：

1. 页面性能优化

通过解析页面的性能数据，开发者可以判断页面的性能是否达标，找到性能瓶颈并进行优化。同时也可以对比不同页面的性能数据，看看哪些页面需要进一步优化。

2. 接口性能优化

通过解析请求数据，可以分析接口的性能表现，发现问题并进行优化。

3. 接口调试

通过解析请求数据，可以查看接口的请求参数和响应数据，方便开发者对接口进行调试和排查问题。

4. 接口复盘

通过保存接口请求和响应数据到har文件中，以备后续查看和复盘。该方法可以在接口出现异常的时候，将问题数据保存下来作为参考，以便排查问题。

四、Har文件解析工具的其他使用技巧

除了以上的基本使用之外，Har文件解析工具还有以下几个技巧：

1. 结合Chrome DevTools进行网络请求抓包

通过Chrome的DevTools工具，可以方便的抓取当前页面的网络请求，并将其保存为har文件，再用Har文件解析工具进行解析和分析。

2. 结合Postman使用

在Postman中发送请求时，可以保存请求和响应数据到har文件中，使用Har文件解析工具可以解析和分析该文件，方便开发者查看请求和响应数据。

3. 使用Charles抓包

使用Charles等抓包工具抓取网络请求时，可以将抓取到的数据保存为har文件，再使用Har文件解析工具分析和查看数据。

4. 结合其他前端性能分析工具使用

可以将Har文件导入到其他性能分析工具中，如Webpage Test、Google PageSpeed等，以获得更为精细的分析结果。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/295528.html