chromium 打印RenderTree

最新推荐文章于 2020-07-10 17:05:27 发布

u011882998

最新推荐文章于 2020-07-10 17:05:27 发布

阅读量1.8k

点赞数

分类专栏： chromium 文章标签： chromium Render Tree Dump

本文链接：https://blog.csdn.net/u011882998/article/details/44564587

版权

chromium 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

在浏览器内核开发工作中，我们往往需要查看一个网页加载之后的RenderTree情况。通过这个RenderTree Dump我们可以查看相关的render tree的结构和节点信息。

这里调用的是文件WebLocalFrame.cpp中的RenderAsTextPrinting函数。

我在render_view_impl.cc文件中，写了一个测试的方法：

void RenderViewImpl::OnGetRenderTreeDumpTest() {
  std::string result;
     result.append(
      main_render_frame_->GetWebFrame()->renderTreeAsText(blink::WebFrame::RenderAsTextPrinting).utf8());
     result.append("\n");

     FILE* gRenderTreeFile;
     #define RENDER_TREE_LOG_FILE "/sdcard/renderTree.txt"
     #define DUMP_RENDER_LOGD(...) { if (gRenderTreeFile) \
     fprintf(gRenderTreeFile, __VA_ARGS__); }
    
     const char* data = result.data();


     gRenderTreeFile = fopen(RENDER_TREE_LOG_FILE, "w");
     DUMP_RENDER_LOGD("%s", data);
     fclose(gRenderTreeFile);
     gRenderTreeFile = 0;
    
}

提醒下：我这里这是打印出mianFrame的 render tree信息。如果需要也打印出subFrame的信息，需要作出调整。

这样，调用该函数的时候，会在/sdcard目录下，生成一个文件：renderTree.txt。

这个文件中，会有Render Tree的信息。

调用该函数的逻辑，可以按照如下逻辑：

### Shell.java

### shell_android.cc

### web_contents_impl.cc

### render_view_host_impl.cc

### render_view_impl.cc

其中，shell.java 到shell_android.cc，通过JNI去调用相关逻辑；render_view_host_impl.cc到render_view_impl.cc通过IPC通讯机制调用