chrome-devtools-frontend/front_end/ui/components/docs/user_agent_client_hints/basic.ts

Chrome DevTools UI

// Copyright 2021 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import * as FrontendHelpers from '../../../../../test/unittests/front_end/helpers/EnvironmentHelpers.js';
import * as EmulationComponents from '../../../../panels/settings/emulation/components/components.js';
import * as ComponentHelpers from '../../helpers/helpers.js';

await ComponentHelpers.ComponentServerSetup.setup();
await FrontendHelpers.initializeGlobalVars();

const userAgentClientHintsContainer = document.getElementById('user-agent-client-hints-container');

const userAgentsForm = new EmulationComponents.UserAgentClientHintsForm.UserAgentClientHintsForm();
userAgentsForm.value = {
  metaData: {
    fullVersion: '',
    platform: '',
    platformVersion: '',
    architecture: '',
    model: '',
    mobile: true,
  },
  showMobileCheckbox: true,
};

userAgentClientHintsContainer?.appendChild(userAgentsForm);