打开有systrace生成的网页 trace.html，显示空白

最新推荐文章于 2022-09-04 17:43:29 发布
原创 最新推荐文章于 2022-09-04 17:43:29 发布 · 2.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#chrome #systrace

本文详细指导如何在Chrome浏览器中解决systrace生成的trace.html文件打开为空白的问题，步骤包括取消阻止第三方Cookie并提供相关参考链接。
部署运行你感兴趣的模型镜像

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

使用 Python2.7 抓取 systrace 文件
lijian2017的博客
07-03 1086
1、安装python 2.72、打开cmd执行命令安装python包：pip install pypiwin323、解压six-1.16.0.tar.gz，进入目录用命令安装six：python setup.py install4、adb 连接设备：adb connect x.x.x.x:55555、进入目录systrace，执行命令：python systrace.py -t 10 -o systrace.html。
systrace环境搭建和常见问题处理
Step By Step
07-15 4219
本文简介systrace/adb环境搭建，抓取和查看方法，以及一些常见问题处理。
Systrace生成的trace.html打开空白或者打不开的解决办法
热门推荐
YanRu的专栏
08-09 1万+
1.必须用Chrome打开 2.在mac电脑上，可能Chrome打开也是空白，解决办法是：在chrome地址栏中输入”chrome:tracing”，然后点击load按钮load你的trace.html文件。
Android性能分析工具-systrace使用
Jason_Lee155的博客
09-04 9251
Systrace是分析Android性能问题的神器
Systrace 和 Perfetto的使用
he980725866的博客
01-27 6301
systrace 和per的使用
Android代码-一个转换debug的trace文件位html的工具
08-08
TraceToHtml Convert debug trace file to html on Android device 这是一个转换debug的trace 文件位html的工具。 是个挺鸡肋的工具。。 完全使用 dmtracedump 的源码开发 使用Android Studio 2.0 Preview 7 NDK 编译 可以参照一下Android Studio 的NDK开发，gradle用的都是最新的 screenshot
systrace html空白,Android性能优化之Systrace工具介绍(一) _&& Systrace生成的trace.html打开空白或者打不开的解决办法...
weixin_36072709的博客
06-28 498
1.必须用Chrome打开2.在mac电脑上，可能Chrome打开也是空白，解决办法是：在chrome地址栏中输入”chrome:tracing”，然后点击load按钮load你的trace.html文件。Systrace简单介绍Systrace是Android4.1中新增的性能数据采样和分析工具。它可帮助开发者收集Android关键子系统(如surfaceflinger、WindowManage...
Chrome浏览器打开systrace生成的文件空或者提示Could not find an importer for the provided eventData终结解决指南
IT先森
07-03 8493
Chrome浏览器打开systrace生成的文件空或者提示Could not find an importer for the provided eventData终结解决指南 前言   当我们将新鲜出炉的systrace生成的文件导入chrome内核浏览器，譬如谷歌极速或者搜狗等浏览器时，却发现怎么也打开不成功，要么是浏览器显示空白要么是Could not find an importer ...
import json import re from bs4 import BeautifulSoup import matplotlib.pyplot as plt import os import sys def parse_systrace_html(html_path): """解析systrace.html文件，提取跟踪事件数据""" with open(html_path, 'r', encoding='utf-8') as f: html_content = f.read() soup = BeautifulSoup(html_content, 'html.parser') script_tag = soup.find('script', id='trace-data-json') if not script_tag: raise ValueError("未找到trace数据，检查文件格式") return json.loads(script_tag.string) def find_keyword_timestamps(events, keywords): """查找关键字首次出现的时间戳""" timestamps = {kw: None for kw in keywords} found_count = 0 for event in events: name = event.get('name', '') ts = event.get('ts', None) if ts is None: continue for kw in keywords: if timestamps[kw] is None and kw in name: timestamps[kw] = ts found_count += 1 if found_count == len(keywords): return timestamps return timestamps def calculate_intervals(timestamps): """计算关键字之间的时间间隔""" keywords = list(timestamps.keys()) intervals = [] for i in range(1, len(keywords)): prev_key = keywords[i-1] curr_key = keywords[i] if timestamps[prev_key] is not None and timestamps[curr_key] is not None: interval = abs(timestamps[curr_key] - timestamps[prev_key]) intervals.append({ 'from': prev_key, 'to': curr_key, 'interval_us': interval, 'interval_ms': interval / 1000 }) else: intervals.append({ 'from': prev_key, 'to': curr_key, 'interval_us': None, 'interval_ms': None }) return intervals def visualize_intervals(intervals, html_path): """可视化时间间隔结果""" labels = [] values = [] for interval in intervals: if interval['interval_ms'] is not None: label = f"{interval['from']} → {interval['to']}" labels.append(label) values.append(interval['interval_ms']) if not labels: print("无有效数据可绘制图表") return plt.figure(figsize=(12, 6)) bars = plt.bar(labels, values, color='skyblue') plt.ylabel('时间间隔 (ms)') plt.title(f'Systrace关键字时间间隔分析: {os.path.basename(html_path)}') plt.xticks(rotation=45, ha='right') # 在柱状图上显示数值 for bar in bars: height = bar.get_height() plt.text(bar.get_x() + bar.get_width()/2., height, f'{height:.2f} ms', ha='center', va='bottom', fontsize=9) plt.tight_layout() plt.savefig('systrace_intervals.png', dpi=150) print("已生成可视化图表: systrace_intervals.png") def analyze_systrace_intervals(html_path, keywords): """主函数：分析systrace中多个关键字的时间间隔""" # 1. 解析HTML文件 trace_data = parse_systrace_html(html_path) events = trace_data.get('traceEvents', []) # 2. 查找关键字时间戳 timestamps = find_keyword_timestamps(events, keywords) # 3. 检查未找到的关键字 not_found = [kw for kw, ts in timestamps.items() if ts is None] if not_found: print(f"警告: 未找到以下关键字: {', '.join(not_found)}") # 4. 计算时间间隔 intervals = calculate_intervals(timestamps) # 5. 打印结果 print("\n关键字时间间隔分析结果:") print("=" * 60) print(f"{'起始关键字':<20} {'结束关键字':<20} {'时间间隔(µs)':<15} {'时间间隔(ms)':<15}") print("-" * 60) for interval in intervals: if interval['interval_us'] is not None: print(f"{interval['from']:<20} {interval['to']:<20} {interval['interval_us']:<15} {interval['interval_ms']:.2f}") else: print(f"{interval['from']:<20} {interval['to']:<20} {'N/A':<15} {'N/A':<15}") # 6. 可视化结果 visualize_intervals(intervals, html_path) return intervals # 使用示例 if __name__ == "__main__": if len(sys.argv) != 2: print("Usage: python pFtraceParseKeyTime.py <text_file>") print("Example: python pFtraceParseKeyTime.py camera_trace.txt") sys.exit(1) html_path = sys.argv[1] # 定义要分析的关键字序列 keywords = [ 'CameraCapturePerformance.onShutterButtonClick', # 应用启动开始 'CameraTest loaded full image from', # 布局加载 ] # 执行分析 results = analyze_systrace_intervals(html_path, keywords) python pFtraceParseKeyTimeMultiKey.py 2025-10-18-10-38-53-perfetto-con.html Traceback (most recent call last): File "pFtraceParseKeyTimeMultiKey.py", line 149, in <module> results = analyze_systrace_intervals(html_path, keywords) File "pFtraceParseKeyTimeMultiKey.py", line 102, in analyze_systrace_intervals trace_data = parse_systrace_html(html_path) File "pFtraceParseKeyTimeMultiKey.py", line 16, in parse_systrace_html raise ValueError("未找到trace数据，检查文件格式") ValueError: 未找到trace数据，检查文件格式
10-19
根据引用[1]中的信息，用户遇到了类似的问题（抓到的trace.html是空白的，并且有报错日志），但具体原因可能是文件格式无效。 引用[2]提供了一个在线工具（https://ui.perfetto.dev）用于打开trace文件，这暗示了...
行 697558: ervice-mediatek-1074 ( 1074) [003] ..... 229.090666: tracing_mark_write2: B|1074|mtk_dmabuf_page_pool_alloc 在systrace的html文件中发现了这个，怎么在systrace查找到这条？
08-15
若打开 trace.html 文件时遇到空白页面，可参考以下方法： - 检查浏览器是否支持 Systrace（推荐使用 Chrome）。 - 查看 trace.html 文件是否被正确生成且未损坏。 - 尝试重新生成 trace 文件并使用 `sed` 命令进行...
如何抓systrace
最新发布
11-10
5. **浏览器打开Perfetto文件显示空白如何处理？** > ⚠️ 注意：实际命令参数需根据分析场景调整，如 **UI卡顿**需重点监控 `gfx`/`input` 模块，**CPU调度**则关注 `sched`/`idle` 等类别[^2][^3]。
systrace html空白,Android性能優化之Systrace工具介紹(一) _&& Systrace生成的trace.html打開空白或者打不開的解決辦法...
weixin_36298146的博客
07-03 457
1.必須用Chrome打開2.在mac電腦上，可能Chrome打開也是空白，解決辦法是：在chrome地址欄中輸入”chrome:tracing”，然后點擊load按鈕load你的trace.html文件。Systrace簡單介紹Systrace是Android4.1中新增的性能數據采樣和分析工具。它可幫助開發者收集Android關鍵子系統(如surfaceflinger、WindowManage...
【Android】systrace 生成 trace.html，打开后一片空白
青禾tester
05-19 2380
systrace 生成 trace.html，打开后一片空白 报错： VM29 trace.html:6544 Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document. 方法1： (1) python2 -m CGIHTT...
学习使用systrace进行卡顿分析中遇到的一些问题，以及html打开是空白的问题解决
weixin_48931839的博客
12-06 893
systrace
systrace html空白,Android性能优化之Systrace工具介绍(一) _&& Systrace生成的trace.html打开空白或者打不开的解决办法...
weixin_28878185的博客
06-28 624
1.必须用Chrome打开2.在mac电脑上，可能Chrome打开也是空白，解决办法是：在chrome地址栏中输入”chrome:tracing”，然后点击load按钮load你的trace.html文件。Systrace简单介绍Systrace是Android4.1中新增的性能数据采样和分析工具。它可帮助开发者收集Android关键子系统(如surfaceflinger、WindowManage...
systrace
csy_best的博客
02-21 421
1.如何打开systrace文件 (1).chrome浏览器输入 chrome://tracing/ (2).将systrace html拖进去
Android性能调试工具：Systrace(二)浏览和解读Systrace报告
JoggingPig的博客
11-23 1247
查看systrace报告的键盘快捷键 键 说明 W 放大跟踪时间轴。 A 在跟踪时间轴上向左平移。 S 缩小跟踪时间轴。 D 在跟踪时间轴上向右平移。 E 以当前鼠标位置为中定位跟踪时间轴。 M 高亮当前选区。 1 将当前正在使用中的选择模型更改为“选择”模式。对应于鼠标选择器工具栏中显示的第 1 个按钮（请参见右图）。 2 将当前正在使用中的选择模型更改为“平移”模式。对应于鼠标选择器工具栏中显示的第 2 个
一种chrome trace排查白屏问题的方法
https://www.ilovegirl.top
12-07 1267
问题发生在前不久。刚开发完的功能被测试人员发现了问题。如下图所示，在两个页面跳转过程中，会出现闪一下白屏的情况。于是我开始排查这个问题。 搭建排查环境与定位问题 由于前后两个页面都是移动端APP内的页面，因此使用chrome进行调试。 第一步，在手机上开启USB开发者模式。从APP中进入要调试的网页。 第二步，在电脑使用以下命令行运行chrome /Applications/Google Chrome.app/Contents/MacOs/Google\ Chrome --enable-threaded-
systrace工具如何生成.html文件
12-14
systrace是一个强大的性能分析工具，主要用于分析Android系统的性能瓶颈。它可以通过生成.html文件来可视化系统的性能数据。以下是生成.html文件的步骤： 1. **安装必要的工具**： - 确保你已经安装了Android SDK。 - 确保你已经安装了Python，因为systrace依赖于Python脚本。 2. **运行systrace命令**： - 打开终端或命令提示符。 - 导航到Android SDK的tools目录下的systrace子目录。例如： ```sh cd /path/to/android- 运行systrace命令，指定你要分析的系统和应用模块。例如： ```sh python systrace.py -o my_systrace.html gfx input view webview wm am sm hal idle load binder_driver irq workq ``` 这个命令会生成一个名为my_systrace.html的文件，包含了你指定的系统和应用模块的性能数据。 3. **查看生成的.html文件**： - 打开生成的my_systrace.html文件，可以使用Chrome浏览器来查看和分析性能数据。 4. **分析性能数据**： - 在Chrome浏览器中打开生成的.html文件后，你可以看到系统各个模块的性能数据，包括CPU使用率、线程调度、图形渲染等。 - 通过这些数据，你可以识别出系统的性能瓶颈，并进行相应的优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值