解决Chrome 浏览器ERR_INSUFFICIENT_RESOURCES过程

目录

一、背景

二、下载编译工具depot_tools

三、下载Chromium源码

四、分析Chromium代码并加日志

四、编译Chrome

五、定位问题

六、解决方案

七、踩坑记录

一、背景

最近公司客服同事经常反馈每到下午四点以后chrome浏览器经常会出现ERR_INSUFFICIENT_RESOURCES 异常，导致客服系统无法正常工作。主要特征就是新打开Tab时会报这个异常，在原来的tab内可以正常的使用。清理一下浏览器缓存，过不了多久还会出现。这个问题我们团队的前端小伙伴也没有遇到过，所以我们在网上也找了很多相关资料，发现有一个篇博客遇到的场景和我们遇到的场景较为相似，因此我们沿着这个思路尝试定位了一下，最终验证了是相同的问题，接下来我把整个的定位和解决的过程描述一下，希望对遇到相关问题的同学有所帮助。

二、下载编译工具depot_tools

（在下载chrome源码时，确保能正常的访问google）deptool是下载和编译chromium的工具。使用git把deptool工具克隆到本地：

git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git

此时fetch、gclient等命令行工具其实已经可以通过绝对路径访问并执行了，不过为了后续操作方便，可以将其加入到PATH中

export PATH="$PATH:/path/to/depot_tools"

完成后，在命令行里测试下 fetch 命令是否可用：

which fetch

三、下载Chromium源码

因为 gclient、fetch等工具核心下载代码的过程也是依赖于git的，所以有如下git全局设置建议调整下：

git config --global http.postBuffer 524288000git config --global core.precomposeUnicode true

因为chrommium项目历史悠久，git仓库巨大无比，为更快的完成下载代码，可以忽略历史提交代码的方式拉取能够加快速度。

fetch --no-history chromium

如果拉取失败可以执行以下命令继续拉取，此命令支持断点续传。

gclient sync

四、分析Chromium代码并加日志

用VS打开Chromium/src/services目录，该目录是chrome的基础的系统服务层。搜索ERR_INSUFFICIENT_RESOURCES,发现有100多处,我们发现在services/network/url_loader_factory.cc中有如下代码

void URLLoaderFactory::CreateLoaderAndStartWithSyncClient(    mojo::PendingReceiver receiver,    int32_t request_id,    uint32_t options,    const ResourceRequest& resource_request,    mojo::PendingRemote client,    base::WeakPtr sync_client,    const net::MutableNetworkTrafficAnnotationTag& traffic_annotation) {   // 省略前面代码    bool exhausted = false;  if (!context_->CanCreateLoader(params_->process_id)) {    exhausted = true;  }  int keepalive_request_size = 0;  if (resource_request.keepalive && keepalive_statistics_recorder) {    const size_t url_size = resource_request.url.spec().size();    size_t headers_size = 0;    net::HttpRequestHeaders merged_headers = resource_request.headers;    merged_headers.MergeFrom(resource_request.cors_exempt_headers);    for (const auto& pair : merged_headers.GetHeaderVector()) {      headers_size += (pair.key.size() + pair.value.size());    }    keepalive_request_size = url_size + headers_size;    const auto& top_frame_id = *params_->top_frame_id;    const auto& recorder = *keepalive_statistics_recorder;    if (!exhausted) {      if (recorder.num_inflight_requests() >= kMaxKeepaliveConnections ||          recorder.NumInflightRequestsPerTopLevelFrame(top_frame_id) >=              kMaxKeepaliveConnectionsPerTopLevelFrame ||          recorder.GetTotalRequestSizePerTopLevelFrame(top_frame_id) +                  keepalive_request_size >              kMaxTotalKeepaliveRequestSize) {                LOG(ERROR) <>>>CreateLoaderAndStartWithSyncClient>>keepalive_request_size:" << keepalive_request_size                 << "kMaxTotalKeepaliveRequestSize" << kMaxTotalKeepaliveRequestSize << "recorder.num_inflight_requests()" << recorder.num_inflight_requests()                 << "kMaxKeepaliveConnections" << kMaxKeepaliveConnections << "recorder.NumInflightRequestsPerTopLevelFrame(top_frame_id) " << recorder.NumInflightRequestsPerTopLevelFrame(top_frame_id)                 << kMaxKeepaliveConnectionsPerTopLevelFrame << kMaxKeepaliveConnectionsPerTopLevelFrame << " recorder.GetTotalRequestSizePerTopLevelFrame(top_frame_id) + keepalive_request_size "                  << recorder.GetTotalRequestSizePerTopLevelFrame(top_frame_id) + keepalive_request_size ;        exhausted = true;      }    }  }  if (exhausted) {    //新增日志便于测试    LOG(ERROR) <>>>ERR_INSUFFICIENT_RESOURCES";    URLLoaderCompletionStatus status;    status.error_code = net::ERR_INSUFFICIENT_RESOURCES;    status.exists_in_cache = false;    status.completion_time = base::TimeTicks::Now();    mojo::Remote(std::move(client))->OnComplete(status);    return;  }  //省略后面代码}

分析services/network/url_loader_factory.cc的CreateLoaderAndStartWithSyncClient方法发现，当exhausted=true时，会抛出ERR_INSUFFICIENT_RESOURCES异常。我们继续查看是在什么场景下exhausted=true。

bool NetworkContext::CanCreateLoader(uint32_t process_id) {  auto it = loader_count_per_process_.find(process_id);  uint32_t count = (it == loader_count_per_process_.end() ? 0 : it->second);  //新增日志便于测试  LOG(ERROR) <>>>CanCreateLoader>>count" << count << "process_id:" << process_id;  return count < max_loaders_per_process_;}

  // A count of outstanding requests per initiating process.  //每一个初始化进程所能承受的最大未完成的请求数。  std::map loader_count_per_process_;  // static constexpr uint32_t kMaxOutstandingRequestsPerProcess = 2700;  //便于复现问题将数值调整为100=================================================  static constexpr uint32_t kMaxOutstandingRequestsPerProcess = 100;  uint32_t max_loaders_per_process_ = kMaxOutstandingRequestsPerProcess;

services/network/network_context.cc的CanCreateLoader方法会根据相同process_id

下的count是否大于kMaxOutstandingRequestsPerProcess的值（默认值为2700），来决定exhausted的值，为了便于复现问题，我把它调整成了100。同时我也加入了相应的日志。

四、编译Chrome

Google的C++项目大多使用ninja这样一个跨平台的编译工具，在mac端ninja底层会调用苹果公司的clang编译器。

由于ninja的编译参数较为复杂，Google又提供了gn 这样一个工具用于 根据当前系统环境生成合适的ninjaFile，此后使用autoninja进行编译时就不用设置任何参数了，直接基于ninjaFile配置文件进行编译。

具体过程如下：

gn gen out/Default

现在会在out目录下生成编译Chrome所需的一系列参数和配置，然后开始编译（整个过程大概耗时8个小时左右，这个取决于电脑配置）：

autoninja -C out/Default chrome

编译完成后，你会看到在out目录下出现了 ./out/Default/Chromium.app/Contents/MacOS/Chromium 这样一个可执行文件。

为了能够查看加入的日志，需要使用命令行启动并加上–enable-logging参数

/个人文件目录/chromium/src/out/Default/Chromium.app/Contents/MacOS/Chromium  --enable-logging

这样操作chrome时就会输出相应的日志。

五、定位问题

[38514:19971:1103/151157.874646:ERROR:network_context.cc(915)] network_context.cc>>>>LoaderCreated>>process_id:0 count>>101[38514:19971:1103/151157.875321:ERROR:url_loader_factory.cc(182)] url_loader_factory.cc>>>>CreateLoaderAndStartWithSyncClient>>url:https://content-autofill.googleapis.com/v1/pages/ChNDaHJvbWUvMTA5LjAuNTM4MS4wEjMJBAwQwvyO8h4SBQ2RYZVOEgUNkWGVThIFDZFhlU4SBQ2BkPF8EgUNgZDxfBIFDZFhlU4SEAkcC8bFxOA28RIFDQbtu_8=?alt=proto[38514:19971:1103/151157.875475:ERROR:network_context.cc(933)] network_context.cc>>>>CanCreateLoader>>count101process_id:0[38514:19971:1103/151157.875565:ERROR:url_loader_factory.cc(263)] url_loader_factory.cc>>>>ERR_INSUFFICIENT_RESOURCES[38514:19971:1103/151157.876158:ERROR:network_context.cc(926)] network_context.cc>>>>LoaderDestroyed>>process_id:0 count>>100

分析发现每次创建新tab时，都会触发process_id:0 的进程，因为前端项目中用到了autofill功能，会不断的触发https://content-autofill.googleapis.com/v1/pages的请求，而本机又无法访问google，会导致process_id:0 的进程中未完成的请求数一直在累加，而我们公司的客服系统会持续工作8个小时往上。这就导致了当每次开启新的tab时会先执行process_id:0 进程的校验逻，进而导致了前面代码中的exhausted=true，但我们再次打开新的tab无论访问任何网站都会抛出ERR_INSUFFICIENT_RESOURCES这个异常。

六、解决方案

我采用的方案是在本地配置host，将*.googleapis.com域名指向了127.0.0.1，这样.googleapis.com的请求会快速结束，进而不会触发chrome的阈值， 进而避免了exhausted=true的情况，后续再也没有收到客服团队反馈相关的问题。

七、踩坑记录

1.如果开启了科学上网，仍然无法拉取代码
fatal: unable to access ‘https://chromium.googlesource.com/chromium/tools/depot_tools.git/’: Failed to connect to chromium.googlesource.com port 443 after 75123 ms: Operation timed out

export https_proxy=http://127.0.0.1:7890
export http_proxy=http://127.0.0.1:7890

2.在克隆大型git仓库时出现问题：

error: RPC failed; curl 18 transfer closed with outstanding read data remain

（错误：RPC失败；curl 18传输已关闭，但仍有未完成的读取数据）

经查原因是curl的postBuffer的默认值太小，我们需要在终端重新配置大小：

//设置全局http.postBuffer为200M，即2000x1024x1024=2097152000 bite
//（如果目标实在大于200M,自行根据实际需求更改）
git config –global http.postBuffer 209715200000
//改完后可查看现有git私有配置列表确定是否成功
git config –list

参考：分享一次替Boss直聘企业端Debug的经历 – 知乎

Mac上本地编译Chrome浏览器踩坑笔记（2021.02最新） – 知乎