Chromium内核浏览器编译记（三）116版本内核UI定制

容华谢后2023-08-09 9:30

转载请注明出处：juejin.cn/user/375558...

本文出自 容华谢后的博客

往期回顾：

Chromium内核浏览器编译记（一）踩坑实录

Chromium内核浏览器编译记（二）UI定制

0.写在前面

最近因为业务需求，需要编译最新版本的Chromium内核，目前最新的版本是116.0.5845.59，编译的过程中发现有一些代码逻辑修改的地方都变了，所以在此记录下，分享给大家。

定制需求是这样的：

  • 修改包名、版本号、应用图标、应用名称

  • 不显示应用第一次启动时的设置引导页

  • 应用全屏显示，移除首页的所有菜单栏

  • 增加点击两次退出应用的功能

  • 默认不加载新标签页

1.修改包名

源码路径：/chromium/src/chrome/android/chrome_public_apk_tmpl.gni

将下面两个属性的值替换成你要修改的包名就可以了：

ini 复制代码 
chrome_public_manifest_package = "org.chromium.chrome"

chrome_public_test_manifest_package = "org.chromium.chrome.tests"

2.修改版本号

源码路径：/chromium/src/build/config/android/config.gni

将下面四个属性的值替换成你要修改的版本号就可以了：

ini 复制代码 
android_default_version_code = "10000"
android_default_version_name = "1.00.00"

android_override_version_code = "10000"
android_override_version_name = "1.00.00"

3.修改应用图标

源码路径：/chromium/src/chrome/android/java/res_chromium_base

在这个目录下，有几个mipmap文件夹，把里面的图标替换下就可以，和AS项目是一样的。

4.修改应用名称

源码路径：/chromium/src/chrome/android/java/res_chromium_base/values/channel_constants.xml

ini 复制代码 
<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <string name="app_name" translatable="false">应用名称</string>
</resources>

5.屏蔽启动引导页

源码路径：/chromium/src/chrome/android/java/src/org/chromium/chrome/browser/init/AsyncInitializationActivity.java

将requiresFirstRunToBeCompleted方法的返回值修改为false：

typescript 复制代码 
/**
 * Overriding this function is almost always wrong.
 * @return Whether or not the user needs to go through First Run before using this Activity.
 */
protected boolean requiresFirstRunToBeCompleted(Intent intent) {
    return false;
}

源码路径：/chromium/src/chrome/android/java/src/org/chromium/chrome/browser/LaunchIntentDispatcher.java

删除或注释掉dispatch方法中下面的判断逻辑：

kotlin 复制代码 
// Check if we should push the user through First Run.
if (FirstRunFlowSequencer.launch(mActivity, mIntent, false /* requiresBroadcast */,
            false /* preferLightweightFre */)) {
    return Action.FINISH_ACTIVITY;
}

6.应用全屏显示

源码路径：/chromium/src/chrome/android/java/res/values/styles.xml

在上面的源码中，找到Base.Theme.Chromium.WithWindowAnimation主题，增加下面的全屏设置属性：

ini 复制代码 
<style name="Base.Theme.Chromium.WithWindowAnimation">
   ...
   
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowActionBar">false</item>
</style>

7.移除首页的所有菜单栏

源码路径：/chromium/src/chrome/android/java/res_app/layout/main.xml

在CoordinatorLayoutForPointer控件中，增加layout_marginTop属性，其实是往上移动了UI，把菜单栏隐藏了：

ini 复制代码 
<merge
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

	...

    <org.chromium.components.browser_ui.widget.CoordinatorLayoutForPointer
        android:id="@+id/coordinator"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" 
        android:layout_marginTop="-96dp">

</mergr>

8.增加点击两次退出应用的功能

源码路径：/chromium/src/chrome/android/java/src/org/chromium/chrome/browser/app/ChromeActivity.java

在ChromeActivity类中增加下面的方法：

csharp 复制代码 
public int getTabsCount() {
    TabModelSelector modelSelector = getTabModelSelector();
    if (modelSelector == null) return 0;
    return modelSelector.getTotalTabCount();
}

源码路径：/chromium/src/chrome/android/java/src/org/chromium/chrome/browser/ChromeTabbedActivity.java

修改minimizeAppAndCloseTabOnBackPress方法：

java 复制代码 
private boolean mExitApp;

private boolean minimizeAppAndCloseTabOnBackPress(@Nullable Tab currentTab) {
    if (currentTab == null) {
        BackPressManager.record(BackPressHandler.Type.MINIMIZE_APP_AND_CLOSE_TAB);
        MinimizeAppAndCloseTabBackPressHandler.record(MinimizeAppAndCloseTabType.MINIMIZE_APP);
        assertOnLastBackPress();
        moveTaskToBack(true);
        return true;
    }
    // TAB history handler has a higher priority and should navigate page back before
    // minimizing app and closing tab.
    assert !currentTab.canGoBack()
        : "Tab should be navigated back before closing or exiting app";
    final boolean shouldCloseTab = backShouldCloseTab(currentTab);
    final WebContents webContents = currentTab.getWebContents();

    // Minimize the app if either:
    // - we decided not to close the tab
    // - we decided to close the tab, but it was opened by an external app, so we will go
    //   exit Chrome on top of closing the tab
    final boolean minimizeApp = false;

    BackPressManager.record(BackPressHandler.Type.MINIMIZE_APP_AND_CLOSE_TAB);
    assertOnLastBackPress();

    if (minimizeApp) {
        if (shouldCloseTab) {
            MinimizeAppAndCloseTabBackPressHandler.record(
                    MinimizeAppAndCloseTabType.MINIMIZE_APP_AND_CLOSE_TAB);
            sendToBackground(currentTab);
        } else {
            MinimizeAppAndCloseTabBackPressHandler.record(
                    MinimizeAppAndCloseTabType.MINIMIZE_APP);
            sendToBackground(null);
        }
        return true;
    } else if (shouldCloseTab) {
        if (getTabsCount() > 1) {
            MinimizeAppAndCloseTabBackPressHandler.record(MinimizeAppAndCloseTabType.CLOSE_TAB);
            if (webContents != null) webContents.dispatchBeforeUnload(false);
            return true;
        }
        if (mExitApp) {
            MinimizeAppAndCloseTabBackPressHandler.record(MinimizeAppAndCloseTabType.CLOSE_TAB);
            if (webContents != null) webContents.dispatchBeforeUnload(false);
            return false;
        }
        Toast.makeText(this, "再按一次退出", Toast.LENGTH_SHORT).show();
        mExitApp = true;
        new Timer().schedule(new TimerTask() {
            @Override
            public void run() {
                mExitApp = false;
            }
        }, 2000);
        return true;
    }
    return false;
}

9.默认不加载新标签页

源码路径：/chromium/src/components/embedder_support/android/java/src/org/chromium/components/embedder_support/util/UrlConstants.java

把下面两个参数，改成你想要显示的网页地址就可以了：

arduino 复制代码 
public static final String NTP_URL = "chrome-native://newtab/";

public static final String NTP_NON_NATIVE_URL = "chrome://newtab/";

10.导航栏背景

新版本的浏览器，底部导航栏背景是白色的，如果有修改背景颜色的需求，可以改这里：

源码路径：/chromium/src/chrome/android/java/src/org/chromium/chrome/browser/tabbed_mode/TabbedNavigationBarColorController.java

把updateNavigationBarColor方法中，setNavigationBarIconColor参数改成false：

typescript 复制代码 
@SuppressLint("NewApi")
private void updateNavigationBarColor() {
    ...
    
    UiUtils.setNavigationBarIconColor(mRootView, false);
}

修改下面两个方法，冒号后面修改成你想要设置的导航栏背景颜色就可以了：

java 复制代码 
private @ColorInt int getNavigationBarColor(boolean forceDarkNavigationBar) {
    return forceDarkNavigationBar
            ? mContext.getColor(R.color.toolbar_background_primary_dark)
            : mContext.getColor(R.color.navigation_bubble_arrow);
}

private @ColorInt int getNavigationBarDividerColor(boolean forceDarkNavigationBar) {
    return forceDarkNavigationBar
            ? mContext.getColor(R.color.bottom_system_nav_divider_color_light)
            : mContext.getColor(R.color.navigation_bubble_arrow);
}

11.遇到的问题

更新源码的时候，遇到这个提示：

vbnet 复制代码 
NOTICE: You have PROXY values set in your environment, but gsutilin depot_tools does not (yet) obey them.

Also, --no_auth prevents the normal BOTO_CONFIG environmentvariable from being used.

To use a proxy in this situation, please supply those settingsin a .boto file pointed to by the NO_AUTH_BOTO_CONFIG environmentvariable.

被墙了，已经设置了全局代理，还需要再加个配置，将下面的配置保存成文件**.boto**，然后配置下环境变量：

ini 复制代码 
[boto]
proxy=127.0.0.1
proxy_port=端口号

环境变量：

bash 复制代码 
export PATH="$PATH:$HOME/.boto"

注意：文章中是把depot_tool下载到了【home/用户名】目录下，所以使用【$HOME】代表，环境变量要根据实际下载的路径修改。

12.编译脚本

最后在附上args.gn编译脚本：

ini 复制代码 
target_os = "android"
target_cpu = "arm"
# Release版本
is_debug = false
# 不允许远程调试
enable_remoting = false
# 使用Chrome官方的编译优化建议
is_official_build = true
# 分散链接编译
is_component_build = false
# 不使用官方API秘钥
use_official_google_api_keys = false
# 关闭支持NACL，这是一种Chrome插件，因为安全性，稳定性存在问题，已经很少使用了
enable_nacl = false

# 支持H264编码
proprietary_codecs = true
# 解码器
ffmpeg_branding = "Chrome"

# 解决不能播放MP4格式的视频问题
rtc_use_h264  = true

declare_args(){
  # 整体优化，对整个程序的多个编译单元进行全局优化，获取更好的性能和代码体积优化
  full_wpo_on_official = true
  # 删除内核层支持调试的符号文件
  remove_webcore_debug_symbols = false
  # 初始化FFmpeg
  rtc_initialize_ffmpeg = true
  # 支持OpenH264
  use_openh264 = true
}

13.写在最后

到这里，Chromium源码的UI定制就完成了，有问题可以给我留言评论，谢谢。

相关推荐
愈努力俞幸运1 小时前
chrome 扩展（插件）开发入门教程
前端·chrome
SCBAiotAigc6 小时前
Chrome的cookie编辑插件EditThisCookie
人工智能·chrome·python·ubuntu
搬砖的kk9 小时前
实现 Lycium 智能产物检查机制【鸿蒙pc实践系列】
chrome·华为·harmonyos
凯歌的博客18 小时前
springboot项目jar包启动, 配置文件外置
chrome·spring boot
QT 小鲜肉1 天前
【Linux命令大全】001.文件管理之gitview命令（实操篇）
linux·运维·服务器·chrome·笔记
A13247053121 天前
进程管理入门：查看和控制Linux进程
linux·运维·服务器·网络·chrome·github
云舟吖1 天前
Chrome 扩展开发指南：从入门到精通 Manifest V3
前端·chrome·前端框架
黑蛋同志1 天前
使用 pyenv 在Ubuntu 20 上安装 Python 3.10
chrome·python·ubuntu
winfredzhang2 天前
wxPython实战：打造一个优雅的图片预览工具
chrome·python·预览·剪切板
Bruce_Liuxiaowei2 天前
一键清理Chrome浏览器缓存：批处理与PowerShell双脚本实现
前端·chrome·缓存
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看：一次教科书式的业务层饱和攻击033D 圣诞树网页代码04电脑检测软件—图吧工具箱05Linux下V2Ray安装配置指南06UV安装并设置国内源07在VSCode配置Java开发环境的保姆级教程（适配各类AI编程IDE）08jdk21下载、安装（Windows、Linux、macOS）09Gemini3 生成的基于手势控制3D粒子圣诞树10Claude Code Skills 实用使用手册