开发者工具默认英文,在中文环境的操作系统,每次打开都会与一个提示,下面是直接修改成中文UI的方法。

  • 修改默认语言

文件路径:third_party/devtools-frontend/src/front_end/entrypoints/main/main-meta.ts

Common.Settings.registerSettingExtension({
  category: Common.Settings.SettingCategory.APPEARANCE,
  storageType: Common.Settings.SettingStorageType.Synced,
  settingName: 'language',
  settingType: Common.Settings.SettingType.ENUM,
  title: i18nLazyString(UIStrings.language),
  defaultValue: 'en-US',//默认英文 修改为zh-CN
  options: [
    {
      value: 'browserLanguage',
      title: i18nLazyString(UIStrings.browserLanguage),
      text: i18nLazyString(UIStrings.browserLanguage),
    },
    ...filterLocalesForSettings().map(locale => createOptionForLocale(locale)),
  ],
  reloadRequired: true,
});
  • 屏蔽掉开发者工具加载时的语言界面提示

文件路径:third_party/devtools-frontend/src/front_end/ui/legacy/InspectorView.ts

function getDisableLocaleInfoBarSetting(): Common.Settings.Setting<boolean> {
  return Common.Settings.Settings.instance().createSetting('disableLocaleInfoBar', false);//True
}

更多推荐