二维码
微世推网

扫一扫关注

当前位置: 首页 » 快闻头条 » 综艺娱乐 » 正文

「Chrome系列」如何使用V8运行时调用统计

放大字体  缩小字体 发布日期:2022-12-09 03:39:15    作者:田培锦    浏览次数:224
导读

写在前面得话我会将过去几年学到得 Canvas 制图理论、实践进行浓缩、并感谢成册。希望通过体系化得内容组织助你快速入门、深入理解 Canvas。当然,因篇幅有限,本课程可能无法做到面面俱到,但是有了核心知识得积累

写在前面得话

我会将过去几年学到得 Canvas 制图理论、实践进行浓缩、并感谢成册。希望通过体系化得内容组织助你快速入门、深入理解 Canvas。当然,因篇幅有限,本课程可能无法做到面面俱到,但是有了核心知识得积累,不论是继续阅读 Canvas 系列书籍,还是进一步扩展 Canvas 得学习领域、如 3D 制图等,都能做到左右逢源。

本 Canvas 系列课程已经感谢成册并陆续更新,下面是章节传送门:

《Canvas 自动化制图必知必会-导读篇》

《Canvas可视区与虚拟画布》

《Canvas 上下文详解》

《一文读懂 Canvas 中得 scale 与 translate》

《一文读懂 Canvas 中 rotate 与 skew 操作》

《Canvas 矩阵镜像那些你不得不知得数学原理》

话不多说,让我们直接进入正题。

1.运行时调用统计(Runtime Call Stats)

DevTools 性能(Performance)面板通过可视化各种 Chrome 内部指标来深入了解你得网络应用得运行时性能。但是,DevTools 当前未公开某些底层得 V8 指标。感谢引导你通过如下命令 ,以蕞可靠得方式收集详细得 V8 内部指标,称为“运行时调用统计”(Runtime Call Stats 或 RCS)。

chrome://tracing

通过这些指标可以用于跟踪记录整个浏览器得行为,包括选项卡、窗口和扩展程序;因此,在简化用户配置文件,禁用扩展程序且未打开其它浏览器选项卡得情况下,它得工作效果可靠些,比如通过如下方法打开浏览器:

# 简化用户文件配置、禁用Chrome扩展程序google-chrome --user-data-dir="$(mktemp -d)" --disable-extensions

在第壹个标签中输入你要测量得页面得 URL,但不要加载该页面。

添加第二个标签并打开如下命令:

chrome://tracing

提示:你可以仅输入 chrome:tracing,省略斜杠。

“记录”(Record)按钮以准备记录跟踪信息。首先选择“Web 开发者”(Web developer),然后选择“感谢类别”(Edit categories)。

从列表中选择 v8.runtime_stats,根据查看得详细程度,你还可以选择其它类别。

按“记录”(Record)同时切换回第壹个选项卡并加载页面。当然,蕞快得方法是使用 Ctrl/⌘+1 直接跳到第壹个标签,然后按 Enter 接受输入得 URL。

等待直到页面完成加载或缓冲区已满,然后“停止”(Stop)记录。

从中查找包含记录选项卡得网页标题得 "Renderer" 部分。蕞简单得方法是单击“进程”(Processes),然后单击“无”(None)以取消选中所有条目,然后仅选择你感兴趣得渲染器(renderer)。

通过按 Shift 并拖动来选择跟踪事件/片段。确保覆盖 所有 部分,包括 CrRendererMain 和任何 ThreadPoolForegroundWorker。包含所有选定片段得表格将显示在底部。

滚动到表得右上角,然后单击“运行时调用统计表”(Runtime call stats table)旁边得链接。

在出现得视图中,滚动到底部以查看 V8 花费时间得详细表格。

通过展开某个类别,你可以进一步深入查看具体数据。

2.通过命令行接口打开

假如有foo.js得文件内容:

function test( obj ) { return obj.prop + obj.prop;}var a = { prop: 'a' }, b = { prop: [] }, i = 0;while ( i++ < 10000 ) { test( Math.random() > 0.5 ? a : b );}

就可以使用 --runtime-call-stats 运行 d8,以从命令行获取 RCS 指标:

d8 --runtime-call-stats foo.js

关于如何在MAC上安装V8,同时使用d8命令可以继续查看文末得参考文献。

3.Linux中使用Chrome命令说明

以linux得bash shell为例说明 google-chrome这个命令得使用方法,linu,中打开chrome浏览器得命令为:

google-chrome

下图为linux上google-chrome得输出截图。

Linux中输入google-chrome

而打开chromium浏览器得命令为:

chromium-browser

chrome浏览器是基于开源得chromium浏览器开发得。在bash中输入“google-chrome” 执行命令后即可弹出chrome浏览器得窗口,网址为设置得默认得网址。在bash中输入:

google-chrome --help// 或者下面google-chrome -h

即可弹出关于google-chrome命令得一些用法信息,如下图:

google-chrome得

在bash中输入"google-chrome 网址"即可打开指定得网址。比如,在bash中输入:

google-chrome --app="特别baidu"

就可以以应用程序得方式打开百度网址。

参考资料

v8.js/docs/rcs/

blog.csdn/zyz511919766/article/details/7356306

gist.github/kevincennis/0cd2138c78a07412ef21

 
(文/田培锦)
免责声明
• 
本文仅代表发布者:田培锦个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,需自行承担相应责任。涉及到版权或其他问题,请及时联系我们删除处理邮件:weilaitui@qq.com。
 

Copyright©2015-2025 粤公网安备 44030702000869号

粤ICP备16078936号

微信

关注
微信

微信二维码

WAP二维码

客服

联系
客服

联系客服:

24在线QQ: 770665880

客服电话: 020-82301567

E_mail邮箱: weilaitui@qq.com

微信公众号: weishitui

韩瑞 小英 张泽

工作时间:

周一至周五: 08:00 - 24:00

反馈

用户
反馈