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

转载请注明出处: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定制就完成了,有问题可以给我留言评论,谢谢。

相关推荐
我爱加班、、20 小时前
Chrome安装最新vue-devtool插件
javascript·vue.js·chrome·vue-devtool
T0uken2 天前
【Python】UV:单脚本依赖管理
chrome·python·uv
powerfulzyh3 天前
Docker中运行的Chrome崩溃问题解决
chrome·docker·容器
代码的乐趣4 天前
支持selenium的chrome driver更新到136.0.7103.92
chrome·python·selenium
努力学习的小廉4 天前
深入了解linux系统—— 自定义shell
linux·运维·chrome
fenglllle5 天前
macOS 15.4.1 Chrome不能访问本地网络
chrome·macos
yousuotu5 天前
python如何提取Chrome中的保存的网站登录用户名密码?
java·chrome·python
颜淡慕潇6 天前
【Python】超全常用 conda 命令整理
chrome·python·conda
网硕互联的小客服6 天前
如何解决 Linux 系统文件描述符耗尽的问题
linux·运维·chrome
海尔辛6 天前
学习黑客正经版Bash 脚本入门教程
chrome·学习·bash