KaiOS中显示运营商名称相关的用户界面（日志分析及代码逻辑）

界面简介

1、功能机主屏、小屏的状态栏（Data 和 WFC 模式下）

2、Settings 应用 Mobile Network 菜单内容：Carrier 和 搜网列表名称

Settings -> Mobile Network -> Carrier -> Automatic -> Network carriers in the area

• gaia/apps/settings/js/panels/carrier/panel.js 界面渲染逻辑
• gaia/apps/settings/js/utils/sim_card_helper.js SimCardHelper
• gaia/shared/js/mobile_operator.js MobileOperator
• gaia/apps/settings/elements/carrier_operator_settings.html

搜网列表：

• gaia/apps/settings/elements/carrier_manual_select.html  界面结构定义
• gaia/apps/settings/js/panels/carrier_manual_select/panel.js 界面加载逻辑（数据）

代码细节

Settings

其中Carrier项的信息对应是 elements.carrierSim1Desc 元素：

//gaia/apps/settings/js/panels/carrier/panel.js

//UI Content
    return SettingsPanel({
      onInit(panel) {
        elements = {
          carrierSim1: panel.querySelector('#carrier-sim1'),
          carrierSim1Desc: panel.querySelector('#carrier-sim1 small'),
          carrierSim2: panel.querySelector('#carrier-sim2'),
          carrierSim2Desc: panel.querySelector('#carrier-sim2 small'),
          dataConnectionSelect: panel.querySelector(
            '#liItem-dataConnection select'
          ),
          apnSim1: panel.querySelector('#apn-sim1'),
          apnSim1Desc: panel.querySelector('#apn-sim1 small'),
          apnSim2: panel.querySelector('#apn-sim2'),
          apnSim2Desc: panel.querySelector('#apn-sim2 small')
        };
        listElements = panel.querySelectorAll('#carrier li');
        if (ActivityHandler.currentActivity) {
          if (ActivityHandler.activityPanelId === 'connectivity_settings') {
            const header = panel.querySelector('gaia-header');
            header.setAttribute('data-href', '#connectivity_settings');
          }
        }
      },

      //显示内容
      onBeforeShow(panel) {
        na