








<!doctype html>
<html 
      lang="zh-CN-x-mtfrom-en"
      dir="ltr">
  <head>
    <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com">
    <meta name="google-signin-scope"
          content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award">
    <meta property="og:site_name" content="Google for Developers">
    <meta property="og:type" content="website"><meta name="theme-color" content="#fff"><meta charset="utf-8">
    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    <link rel="manifest" href="/_pwa/developers/manifest.json"
          crossorigin="use-credentials">
    <link rel="preconnect" href="//www.gstatic.com" crossorigin>
    <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="//fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="//apis.google.com" crossorigin>
    <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap">
      <link rel="stylesheet"
            href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/css/app.css">
      <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/favicon-new.png">
    <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/touchicon-180-new.png"><link rel="canonical" href="https://developers.google.com/?hl=zh-cn"><link rel="search" type="application/opensearchdescription+xml"
            title="Google for Developers" href="https://developers.google.com/s/opensearch.xml?hl=zh-cn">
      <link rel="alternate" hreflang="en"
          href="https://developers.google.com/" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/" /><link rel="alternate" hreflang="ar"
          href="https://developers.google.com/?hl=ar" /><link rel="alternate" hreflang="bn"
          href="https://developers.google.com/?hl=bn" /><link rel="alternate" hreflang="zh-Hans"
          href="https://developers.google.com/?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant"
          href="https://developers.google.com/?hl=zh-tw" /><link rel="alternate" hreflang="fa"
          href="https://developers.google.com/?hl=fa" /><link rel="alternate" hreflang="fr"
          href="https://developers.google.com/?hl=fr" /><link rel="alternate" hreflang="de"
          href="https://developers.google.com/?hl=de" /><link rel="alternate" hreflang="he"
          href="https://developers.google.com/?hl=he" /><link rel="alternate" hreflang="hi"
          href="https://developers.google.com/?hl=hi" /><link rel="alternate" hreflang="id"
          href="https://developers.google.com/?hl=id" /><link rel="alternate" hreflang="it"
          href="https://developers.google.com/?hl=it" /><link rel="alternate" hreflang="ja"
          href="https://developers.google.com/?hl=ja" /><link rel="alternate" hreflang="ko"
          href="https://developers.google.com/?hl=ko" /><link rel="alternate" hreflang="pl"
          href="https://developers.google.com/?hl=pl" /><link rel="alternate" hreflang="pt-BR"
          href="https://developers.google.com/?hl=pt-br" /><link rel="alternate" hreflang="ru"
          href="https://developers.google.com/?hl=ru" /><link rel="alternate" hreflang="es-419"
          href="https://developers.google.com/?hl=es-419" /><link rel="alternate" hreflang="th"
          href="https://developers.google.com/?hl=th" /><link rel="alternate" hreflang="tr"
          href="https://developers.google.com/?hl=tr" /><link rel="alternate" hreflang="vi"
          href="https://developers.google.com/?hl=vi" /><title>Google for Developers - 从 AI 和云到移动和 Web</title>

<meta property="og:title" content="Google for Developers - 从 AI 和云到移动和 Web"><meta name="description" content="探索开发者资源、社区活动和鼓舞人心的故事，它们可以帮助您更智能地构建应用和更快地完成交付。">
  <meta property="og:description" content="探索开发者资源、社区活动和鼓舞人心的故事，它们可以帮助您更智能地构建应用和更快地完成交付。"><meta property="og:url" content="https://developers.google.com/?hl=zh-cn"><meta property="og:image" content="https://developers.google.com/static/site-assets/images/home/developers-social-media.png?hl=zh-cn">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="675"><meta property="og:locale" content="zh_cn"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://developers.google.com/static/site-assets/images/home/developers-social-media.png?hl=zh-cn"><script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    
    "headline": "Google for Developers - 从 AI 和云到移动和 Web"
  }
</script>
    <meta name="google-site-verification" content="u63GsPxC7nSL9_iKT6-jN0FpOze5tBvZ0yeeayDob7g"><script type="application/ld+json">
  {
    "@context": "http://schema.org/",
    "@type": "Organization",
    "name": "Google for Developers",
    "logo": "https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/touchicon-180-new.png",
    "url": "https://developers.google.com/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "Google for Developers",
    "url": "https://developers.google.com/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://developers.google.com/s/results?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script><link rel="alternate machine-translated-from" hreflang="en"
        href="https://developers.google.com/?hl=en">
    
      <link rel="stylesheet" href="/extras.css"></head>
  <body class="dgc-hero-fullscreen"
        template="landing"
        theme="white"
        type="article"
        
        
        
        
        layout="full"
        
        
        
        
        
        pending>
    <devsite-progress type="indeterminate" id="app-progress"></devsite-progress>
  
    <a href="#main-content" class="skip-link button">
      
      跳至主要内容
    </a>
    <section class="devsite-wrapper">
      <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner">
  
    





















<div class="devsite-header--inner" data-nosnippet>
  <div class="devsite-top-logo-row-wrapper-wrapper">
    <div class="devsite-top-logo-row-wrapper">
      <div class="devsite-top-logo-row">
        <button type="button" id="devsite-hamburger-menu"
          class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
          data-category="Site-Wide Custom Events"
          data-label="Navigation menu button"
          visually-hidden
          aria-label="打开菜单">
        </button>
        
<div class="devsite-product-name-wrapper">

  <a href="/" class="devsite-site-logo-link gc-analytics-event"
   data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
   track-name="googleForDevelopers" track-metadata-position="nav"
   track-metadata-eventDetail="nav">
  
  <picture>
    
    <img src="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/lockup-new.svg" class="devsite-site-logo" alt="Google for Developers">
  </picture>
  
</a>



  
  
  <span class="devsite-product-name">
    <ul class="devsite-breadcrumb-list"
  >
  
  <li class="devsite-breadcrumb-item
             devsite-has-google-wordmark">
    
    
    
      
      
    
  </li>
  
</ul>
  </span>

</div>
        <div class="devsite-top-logo-row-middle">
          <div class="devsite-header-upper-tabs">
            
              
              
  <devsite-tabs class="upper-tabs">

    <nav class="devsite-tabs-wrapper" aria-label="上面的标签页">
      
        
          <tab class="devsite-dropdown
    devsite-dropdown-full
    
    
    ">
  
    <a href="https://developers.google.com/products?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event products-dropdown-tab"
      track-metadata-eventdetail="https://developers.google.com/products?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 产品"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 产品"
         
           track-name="产品"
         
       >
    产品
  
    </a>
    
      <button
         aria-haspopup="menu"
         aria-expanded="false"
         aria-label="以下项的下拉菜单 产品"
         track-type="nav"
         track-metadata-eventdetail="https://developers.google.com/products?hl=zh-cn"
         track-metadata-position="nav - 产品"
         track-metadata-module="primary nav"
         
          
            data-category="Site-Wide Custom Events"
          
            data-label="Tab: 产品"
          
            track-name="产品"
          
        
         class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></button>
    
  
  <div class="devsite-tabs-dropdown" role="menu" aria-label="submenu" hidden>
    
    <div class="devsite-tabs-dropdown-content">
      
        <div class="devsite-tabs-dropdown-column
                    products-dropdown">
          
            <ul class="devsite-tabs-dropdown-section
                       ">
              
                <li class="devsite-nav-title" role="heading" tooltip>平台和操作系统</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="//developer.android.com?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.android.com?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="平台和操作系统"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//developer.android.com/static/images/android-logo.svg?hl=zh-cn"
           srcset=" //developer.android.com/static/images/android-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Android →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//ai.google.dev/?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//ai.google.dev/?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="平台和操作系统"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/site-assets/logo-google-g.svg?hl=zh-cn"
           srcset=" /static/site-assets/logo-google-g.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google AI →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//developer.chrome.com?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.chrome.com?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="平台和操作系统"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/chromeos-logo.svg?hl=zh-cn"
           srcset=" /static/homepage-assets/images/chromeos-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Chrome →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//cloud.google.com/developers?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//cloud.google.com/developers?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="平台和操作系统"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//gstatic.com/images/branding/product/2x/google_cloud_64dp.png"
           srcset=" //gstatic.com/images/branding/product/2x/google_cloud_64dp.png"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google Cloud →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//firebase.google.com?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//firebase.google.com?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="平台和操作系统"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/_static/firebase/images/icon.svg?hl=zh-cn"
           srcset=" /_static/firebase/images/icon.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Firebase →
                    </div>
                    
                  </a>
                </li>
              
            </ul>
          
        </div>
      
        <div class="devsite-tabs-dropdown-column
                    products-dropdown">
          
            <ul class="devsite-tabs-dropdown-section
                       ">
              
                <li class="devsite-nav-title" role="heading" tooltip>框架、IDE 和 SDK</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="//developer.android.com/jetpack?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.android.com/jetpack?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="框架、ide 和 sdk"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//developer.android.com/static/images/spot-icons/jetpack-compose.svg?hl=zh-cn"
           srcset=" //developer.android.com/static/images/spot-icons/jetpack-compose.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Jetpack Compose →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//developer.android.com/studio?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.android.com/studio?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="框架、ide 和 sdk"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//developer.android.com/static/images/android-logo.svg?hl=zh-cn"
           srcset=" //developer.android.com/static/images/android-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Android Studio →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//flutter.dev"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//flutter.dev"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="框架、ide 和 sdk"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/site-assets/logo-flutter.svg?hl=zh-cn"
           srcset=" /static/site-assets/logo-flutter.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Flutter →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//studio.firebase.google.com?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//studio.firebase.google.com?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="框架、ide 和 sdk"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/products/images/fb-studio-logo.svg?hl=zh-cn"
           srcset=" /static/products/images/fb-studio-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Firebase Studio →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//makersuite.google.com/?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//makersuite.google.com/?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="框架、ide 和 sdk"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/focus/images/ai-studio-icon.png?hl=zh-cn"
           srcset="https://developers.google.com/static/focus/images/ai-studio-icon_36.png?hl=zh-cn 36w, https://developers.google.com/static/focus/images/ai-studio-icon_48.png?hl=zh-cn 48w, https://developers.google.com/static/focus/images/ai-studio-icon_72.png?hl=zh-cn 72w, https://developers.google.com/static/focus/images/ai-studio-icon_96.png?hl=zh-cn 96w, https://developers.google.com/static/focus/images/ai-studio-icon_480.png?hl=zh-cn 480w, https://developers.google.com/static/focus/images/ai-studio-icon_720.png?hl=zh-cn 720w, https://developers.google.com/static/focus/images/ai-studio-icon_856.png?hl=zh-cn 856w, https://developers.google.com/static/focus/images/ai-studio-icon_960.png?hl=zh-cn 960w, https://developers.google.com/static/focus/images/ai-studio-icon_1440.png?hl=zh-cn 1440w, https://developers.google.com/static/focus/images/ai-studio-icon_1920.png?hl=zh-cn 1920w, https://developers.google.com/static/focus/images/ai-studio-icon_2880.png?hl=zh-cn 2880w"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google AI Studio →
                    </div>
                    
                  </a>
                </li>
              
            </ul>
          
        </div>
      
        <div class="devsite-tabs-dropdown-column
                    products-dropdown">
          
            <ul class="devsite-tabs-dropdown-section
                       ">
              
                <li class="devsite-nav-title" role="heading" tooltip>服务和集成</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="//ai.google.dev/gemini-api/docs?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//ai.google.dev/gemini-api/docs?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="服务和集成"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/focus/images/gemini-icon-2025.png?hl=zh-cn"
           srcset="https://developers.google.com/static/focus/images/gemini-icon-2025_36.png?hl=zh-cn 36w, https://developers.google.com/static/focus/images/gemini-icon-2025_48.png?hl=zh-cn 48w, https://developers.google.com/static/focus/images/gemini-icon-2025_72.png?hl=zh-cn 72w, https://developers.google.com/static/focus/images/gemini-icon-2025_96.png?hl=zh-cn 96w, https://developers.google.com/static/focus/images/gemini-icon-2025_480.png?hl=zh-cn 480w, https://developers.google.com/static/focus/images/gemini-icon-2025_720.png?hl=zh-cn 720w, https://developers.google.com/static/focus/images/gemini-icon-2025_856.png?hl=zh-cn 856w, https://developers.google.com/static/focus/images/gemini-icon-2025_960.png?hl=zh-cn 960w, https://developers.google.com/static/focus/images/gemini-icon-2025_1440.png?hl=zh-cn 1440w, https://developers.google.com/static/focus/images/gemini-icon-2025_1920.png?hl=zh-cn 1920w, https://developers.google.com/static/focus/images/gemini-icon-2025_2880.png?hl=zh-cn 2880w"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Gemini API →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//privacysandbox.google.com/?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//privacysandbox.google.com/?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="服务和集成"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//privacysandbox.google.com/privacy-sandbox-logo.svg?hl=zh-cn"
           srcset=" //privacysandbox.google.com/privacy-sandbox-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Privacy Sandbox →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/identity?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="https://developers.google.com/identity?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="服务和集成"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/site-assets/logo-google-g.svg?hl=zh-cn"
           srcset=" /static/site-assets/logo-google-g.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      身份
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//checks.google.com/?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//checks.google.com/?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="服务和集成"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/checks/images/Checks_Icon.png?hl=zh-cn"
           srcset="https://developers.google.com/static/checks/images/Checks_Icon_36.png?hl=zh-cn 36w, https://developers.google.com/static/checks/images/Checks_Icon_48.png?hl=zh-cn 48w, https://developers.google.com/static/checks/images/Checks_Icon_72.png?hl=zh-cn 72w, https://developers.google.com/static/checks/images/Checks_Icon_96.png?hl=zh-cn 96w, https://developers.google.com/static/checks/images/Checks_Icon_480.png?hl=zh-cn 480w, https://developers.google.com/static/checks/images/Checks_Icon_720.png?hl=zh-cn 720w, https://developers.google.com/static/checks/images/Checks_Icon_856.png?hl=zh-cn 856w, https://developers.google.com/static/checks/images/Checks_Icon_960.png?hl=zh-cn 960w, https://developers.google.com/static/checks/images/Checks_Icon_1440.png?hl=zh-cn 1440w, https://developers.google.com/static/checks/images/Checks_Icon_1920.png?hl=zh-cn 1920w, https://developers.google.com/static/checks/images/Checks_Icon_2880.png?hl=zh-cn 2880w"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Checks →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/workspace?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="https://developers.google.com/workspace?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="服务和集成"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/site-assets/logo-google-g.svg?hl=zh-cn"
           srcset=" /static/site-assets/logo-google-g.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google Workspace
                    </div>
                    
                  </a>
                </li>
              
            </ul>
          
        </div>
      
        <div class="devsite-tabs-dropdown-column
                    products-dropdown">
          
            <ul class="devsite-tabs-dropdown-section
                       ">
              
                <li class="devsite-nav-title" role="heading" tooltip>增长和创收</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="//developer.android.com/distribute/?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.android.com/distribute/?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="增长和创收"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//gstatic.com/images/branding/product/2x/play_prism_64dp.png"
           srcset=" //gstatic.com/images/branding/product/2x/play_prism_64dp.png"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google Play →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/admob?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="https://developers.google.com/admob?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="增长和创收"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="//gstatic.com/images/branding/product/2x/admob_36dp.png"
           srcset=" //gstatic.com/images/branding/product/2x/admob_36dp.png"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google AdMob
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/google-ads?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="https://developers.google.com/google-ads?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="增长和创收"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/google-ads.svg?hl=zh-cn"
           srcset=" /static/homepage-assets/images/google-ads.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google Ads
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//developer.chrome.com/docs/extensions?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="//developer.chrome.com/docs/extensions?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="增长和创收"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/chromeos-logo.svg?hl=zh-cn"
           srcset=" /static/homepage-assets/images/chromeos-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Chrome 扩展程序 →
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/search?hl=zh-cn"
                    
                     track-type="nav"
                     track-metadata-eventdetail="https://developers.google.com/search?hl=zh-cn"
                     track-metadata-position="nav - 产品"
                     track-metadata-module="tertiary nav"
                     
                       track-metadata-module_headline="增长和创收"
                     
                     tooltip
                  >
                    
  
    
  <div class="devsite-nav-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-nav-item-icon"
           alt=""
           src="https://developers.google.com/static/search/images/google-search-central-logo.svg?hl=zh-cn"
           srcset=" /static/search/images/google-search-central-logo.svg"
           sizes="100vw"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  

                    <div class="devsite-nav-item-title">
                      Google 搜索中心
                    </div>
                    
                  </a>
                </li>
              
            </ul>
          
        </div>
      
    </div>
  </div>
</tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/program?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/program?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 开发者计划"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 开发者计划"
         
           track-name="开发者计划"
         
       >
    开发者计划
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/solutions/catalog?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/solutions/catalog?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 解决方案"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 解决方案"
         
           track-name="解决方案"
         
       >
    解决方案
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/events?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/events?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 活动"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 活动"
         
           track-name="活动"
         
       >
    活动
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/learn?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/learn?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 在线课程"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 在线课程"
         
           track-name="在线课程"
         
           aria-label="Learning Catalog"
         
       >
    在线课程
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/community?hl=zh-cn"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/community?hl=zh-cn"
    
       track-type="nav"
       track-metadata-position="nav - 社区"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 社区"
         
           track-name="社区"
         
       >
    社区
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.googleblog.com"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.googleblog.com"
    
       track-type="nav"
       track-metadata-position="nav - 博客"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: 博客"
         
           track-name="博客"
         
       >
    博客
  
    </a>
    
  
          </tab>
        
      
    </nav>

  </devsite-tabs>

            
           </div>
          
<devsite-search
    enable-signin
    enable-search
    enable-suggestions
      enable-query-completion
    
    enable-search-summaries
    project-name="Google for Developers"
    tenant-name="Google for Developers"
    
    
    
    
    
    >
  <form class="devsite-search-form" action="https://developers.google.com/s/results?hl=zh-cn" method="GET">
    <div class="devsite-search-container">
      <button type="button"
              search-open
              class="devsite-search-button devsite-header-icon-button button-flat material-icons"
              
              aria-label="打开搜索框"></button>
      <div class="devsite-searchbox">
        <input
          aria-activedescendant=""
          aria-autocomplete="list"
          
          aria-label="搜索"
          aria-expanded="false"
          aria-haspopup="listbox"
          autocomplete="off"
          class="devsite-search-field devsite-search-query"
          name="q"
          
          placeholder="搜索"
          role="combobox"
          type="text"
          value=""
          >
          <div class="devsite-search-image material-icons" aria-hidden="true">
            
              <svg class="devsite-search-ai-image" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_6641_386)">
                    <path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14167 15.375 4.875 14.125C3.625 12.8583 3 11.3167 3 9.5C3 7.68333 3.625 6.15 4.875 4.9C6.14167 3.63333 7.68333 3 9.5 3C10.0167 3 10.5167 3.05833 11 3.175C11.4833 3.275 11.9417 3.43333 12.375 3.65L10.825 5.2C10.6083 5.13333 10.3917 5.08333 10.175 5.05C9.95833 5.01667 9.73333 5 9.5 5C8.25 5 7.18333 5.44167 6.3 6.325C5.43333 7.19167 5 8.25 5 9.5C5 10.75 5.43333 11.8167 6.3 12.7C7.18333 13.5667 8.25 14 9.5 14C10.6667 14 11.6667 13.625 12.5 12.875C13.35 12.1083 13.8417 11.15 13.975 10H15.975C15.925 10.6333 15.7833 11.2333 15.55 11.8C15.3333 12.3667 15.05 12.8667 14.7 13.3L21 19.6L19.6 21ZM17.5 12C17.5 10.4667 16.9667 9.16667 15.9 8.1C14.8333 7.03333 13.5333 6.5 12 6.5C13.5333 6.5 14.8333 5.96667 15.9 4.9C16.9667 3.83333 17.5 2.53333 17.5 0.999999C17.5 2.53333 18.0333 3.83333 19.1 4.9C20.1667 5.96667 21.4667 6.5 23 6.5C21.4667 6.5 20.1667 7.03333 19.1 8.1C18.0333 9.16667 17.5 10.4667 17.5 12Z" fill="#5F6368"/>
                  </g>
                <defs>
                <clipPath id="clip0_6641_386">
                <rect width="24" height="24" fill="white"/>
                </clipPath>
                </defs>
              </svg>
            
          </div>
          <div class="devsite-search-shortcut-icon-container" aria-hidden="true">
            <kbd class="devsite-search-shortcut-icon">/</kbd>
          </div>
      </div>
    </div>
  </form>
  <button type="button"
          search-close
          class="devsite-search-button devsite-header-icon-button button-flat material-icons"
          
          aria-label="关闭搜索框"></button>
</devsite-search>

        </div>

        

          

          

          

          
<devsite-language-selector>
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" lang="en"
        >English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="de"
        >Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es"
        >Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es_419"
        >Español – América Latina</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fr"
        >Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="id"
        >Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="it"
        >Italiano</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pl"
        >Polski</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pt_br"
        >Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="vi"
        >Tiếng Việt</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="tr"
        >Türkçe</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ru"
        >Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="he"
        >עברית</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ar"
        >العربيّة</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fa"
        >فارسی</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="hi"
        >हिंदी</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="bn"
        >বাংলা</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="th"
        >ภาษาไทย</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_cn"
        >中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_tw"
        >中文 – 繁體</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ja"
        >日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ko"
        >한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>


          

        

        
          <devsite-user 
                        
                        
                          enable-profiles
                        
                        
                          fp-auth
                        
                        id="devsite-user">
            
              
              <span class="button devsite-top-button" aria-hidden="true" visually-hidden>登录</span>
            
        </devsite-user>
        
        
        
      </div>
    </div>
  </div>



  <div class="devsite-collapsible-section
    
      devsite-header-no-lower-tabs
    ">
    <div class="devsite-header-background">
      
      
    </div>
  </div>

</div>



  
</devsite-header>
      <devsite-book-nav scrollbars hidden>
        
          





















<div class="devsite-book-nav-filter"
     hidden>
  <span class="filter-list-icon material-icons" aria-hidden="true"></span>
  <input type="text"
         placeholder="过滤条件"
         
         aria-label="输入文本以进行过滤"
         role="searchbox">
  
  <span class="filter-clear-button hidden"
        data-title="清除过滤条件"
        aria-label="清除过滤条件"
        role="button"
        tabindex="0"></span>
</div>

<nav class="devsite-book-nav devsite-nav nocontent"
     aria-label="侧边菜单">
  <div class="devsite-mobile-header">
    <button type="button"
            id="devsite-close-nav"
            class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
            data-category="Site-Wide Custom Events"
            data-label="Close navigation"
            aria-label="关闭导航栏">
    </button>
    <div class="devsite-product-name-wrapper">

  <a href="/" class="devsite-site-logo-link gc-analytics-event"
   data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
   track-name="googleForDevelopers" track-metadata-position="nav"
   track-metadata-eventDetail="nav">
  
  <picture>
    
    <img src="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/lockup-new.svg" class="devsite-site-logo" alt="Google for Developers">
  </picture>
  
</a>


  
      <span class="devsite-product-name">
        
        
        <ul class="devsite-breadcrumb-list"
  >
  
  <li class="devsite-breadcrumb-item
             devsite-has-google-wordmark">
    
    
    
      
      
    
  </li>
  
</ul>
      </span>
    

</div>
  </div>

  <div class="devsite-book-nav-wrapper">
    <div class="devsite-mobile-nav-top">
      
        <ul class="devsite-nav-list">
          
            <li class="devsite-nav-item">
              
  
  <a href="/products"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 产品"
      
        track-name="产品"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 产品"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      产品
   </span>
    
  
  </a>
  

  
    <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu
               ">
      
<li class="devsite-nav-item">

  
  <span
    
       class="devsite-nav-title"
       tooltip
    
    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 产品"
      
        track-name="产品"
      
    >
  
    <span class="devsite-nav-text" tooltip menu="产品">
      更多
   </span>
    
    <span class="devsite-nav-icon material-icons" data-icon="forward"
          menu="产品">
    </span>
    
  
  </span>
  

</li>

    </ul>
  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/program"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 开发者计划"
      
        track-name="开发者计划"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 开发者计划"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      开发者计划
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/solutions/catalog"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 解决方案"
      
        track-name="解决方案"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 解决方案"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      解决方案
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/events"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 活动"
      
        track-name="活动"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 活动"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      活动
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/learn"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 在线课程"
      
        track-name="在线课程"
      
        aria-label="Learning Catalog"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 在线课程"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      在线课程
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/community"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 社区"
      
        track-name="社区"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 社区"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      社区
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="https://developers.googleblog.com"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: 博客"
      
        track-name="博客"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 博客"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      博客
   </span>
    
  
  </a>
  

  
              
            </li>
          
          
          
        </ul>
      
    </div>
    
      <div class="devsite-mobile-nav-bottom">
        
        
          
    
      
      <ul class="devsite-nav-list" menu="产品"
          aria-label="侧边菜单" hidden>
        
          
            
              
<li class="devsite-nav-item devsite-nav-heading">

  
  <span
    
       class="devsite-nav-title"
       tooltip
    
    >
  
    <span class="devsite-nav-text" tooltip >
      平台和操作系统
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="//developer.android.com"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Android →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Android →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//ai.google.dev/"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google AI →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google AI →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//developer.chrome.com"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Chrome →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Chrome →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//cloud.google.com/developers"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google Cloud →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google Cloud →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//firebase.google.com"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Firebase →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Firebase →
   </span>
    
  
  </a>
  

</li>

            
          
        
          
            
              
<li class="devsite-nav-item devsite-nav-heading">

  
  <span
    
       class="devsite-nav-title"
       tooltip
    
    >
  
    <span class="devsite-nav-text" tooltip >
      框架、IDE 和 SDK
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="//developer.android.com/jetpack"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Jetpack Compose →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Jetpack Compose →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//developer.android.com/studio"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Android Studio →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Android Studio →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//flutter.dev"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Flutter →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Flutter →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//studio.firebase.google.com"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Firebase Studio →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Firebase Studio →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//makersuite.google.com/"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google AI Studio →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google AI Studio →
   </span>
    
  
  </a>
  

</li>

            
          
        
          
            
              
<li class="devsite-nav-item devsite-nav-heading">

  
  <span
    
       class="devsite-nav-title"
       tooltip
    
    >
  
    <span class="devsite-nav-text" tooltip >
      服务和集成
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="//ai.google.dev/gemini-api/docs"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Gemini API →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Gemini API →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//privacysandbox.google.com/"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Privacy Sandbox →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Privacy Sandbox →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/identity"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: 身份"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      身份
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//checks.google.com/"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Checks →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Checks →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/workspace"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google Workspace"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google Workspace
   </span>
    
  
  </a>
  

</li>

            
          
        
          
            
              
<li class="devsite-nav-item devsite-nav-heading">

  
  <span
    
       class="devsite-nav-title"
       tooltip
    
    >
  
    <span class="devsite-nav-text" tooltip >
      增长和创收
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="//developer.android.com/distribute/"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google Play →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google Play →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/admob"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google AdMob"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google AdMob
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/google-ads"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google Ads"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google Ads
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//developer.chrome.com/docs/extensions"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Chrome 扩展程序 →"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Chrome 扩展程序 →
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/search"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Google 搜索中心"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Google 搜索中心
   </span>
    
  
  </a>
  

</li>

            
          
        
      </ul>
    
  
    
  
    
  
    
  
    
  
    
  
    
  
        
        
      </div>
    
  </div>
</nav>
        
      </devsite-book-nav>
      <section id="gc-wrapper">
        <main role="main" id="main-content" class="devsite-main-content"
            
              
              
            >
          <div class="devsite-sidebar">
            <div class="devsite-sidebar-content">
                
                <devsite-toc class="devsite-nav"
                            role="navigation"
                            aria-label="本页内容"
                            depth="2"
                            scrollbars
                  disabled></devsite-toc>
                <devsite-recommendations-sidebar class="nocontent devsite-nav">
                </devsite-recommendations-sidebar>
            </div>
          </div>
          <devsite-content>
            
              












<article class="devsite-article"><style>
      /* Styles inlined from /site-assets/styles/landing.css */
/* Home page template - hero promo full bleed */
.dgc-hero-promo-full-bleed,
.dgc-hero-promo-full-bleed-black-text {
  padding: 0;
}

.dgc-hero-promo-full-bleed-black-text
.devsite-landing-row-item-description-content {
  color: black;
}

.dgc-hero-promo-full-bleed .devsite-landing-row-inner,
.dgc-hero-promo-full-bleed-black-text .devsite-landing-row-inner{
  padding: 0 2.5rem;
}

.dgc-hero-promo-full-bleed-black-text a {
  color: black !important;
}

.dgc-build-smarter h1 {
  --devsite-h1-font: 700 82px / 84px 'Google Sans';
  --devsite-h1-margin: 0 0 16px 0;
}

.dgc-hero-promo-full-bleed img,
.dgc-hero-promo-full-bleed-black-text img {
  border-radius: .6rem;
}

.dgc-hero-promo-full-bleed .dgc-hero-promo-full-bleed-button {
  background-color: transparent !important;
  border: 1px solid var(--tenant-inverted-text-color, white) !important;
  color: var(--tenant-inverted-text-color, white) !important;
}

.dgc-hero-promo-full-bleed-black-text .dgc-hero-promo-full-bleed-button {
  background-color: transparent !important;
  border: 1px solid var(--tenant-primary-text-color, black) !important;
  color: var(--tenant-primary-text-color, black) !important;
}

.dgc-hero-promo-full-bleed-button:hover,
.dgc-hero-promo-full-bleed-button:focus {
  background-color: rgb(0,0,0,.15) !important;
}

@media screen and (max-width: 870px) {
  .dgc-hero-promo-full-bleed,
  .dgc-hero-promo-full-bleed-black-text {
    padding: 24px 0;
  }
}

@media screen and (max-width: 600px) {
  .dgc-hero-promo-full-bleed,
  .dgc-hero-promo-full-bleed-black-text {
    padding: 1px 0 36px;
  }
}

/* Home page template - hero promo full bleed with animation */
.dgc-hero-promo-animated figure {
  background-image: url(/homepage-assets/images/build-anything-with-google.png) !important;
  background-size: contain !important;
  border-radius: .6rem;
}

.dgc-hero-promo-animated img {
  animation: heroPromo 4s;
}

@keyframes heroPromo {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Home page template - hero promo stories offset */
.dgc-hero-offset-inner > div:first-child {
  margin-inline-start: -10vw;
  min-width: 50vw;
  width: 880px;
}

/* [1] Ensure the row item description slightly overlaps its media. */
.dgc-hero-offset-inner > div:last-child {
  background-color: var(--tenant-background-1);
  border-radius: 8px;
  box-shadow: 0 0 30px -10px grey;
  padding: 32px;
  z-index: 1 /* [1] */;
}

.dgc-hero-offset > div {
  padding: 0 48px;
}

.dgc-hero-offset img {
  border-radius: 8px;
  height: 400px;
  object-fit: cover;
}

@media screen and (max-width: 1310px) {
  .dgc-hero-offset-inner > div:first-child {
    margin-inline-start: -14vw;
    width: 78vw;
  }

  .dgc-hero-offset-inner > div:last-child {
    width: 40vw;
  }

  .dgc-hero-offset-inner h3 a {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (max-width: 840px) {
  .dgc-hero-offset > div {
    padding: 0;
  }

  /* [1] Forces hero to display in a column with flex centering rather than a
   * row at 840px width */
  .dgc-hero-offset-inner {
    display: flex !important; /* [1] */
  }

  /* [1] Forces image container width to full screen width when resized to 840px
   * rather than having small amounts of whitespace on each side. */
  .dgc-hero-offset-inner > div:first-child {
    margin-inline-start: 0;
    width: 100% !important /* [1] */;
  }

  .dgc-hero-offset img {
    border-radius: 0;
    height: 50vh;
  }

  /* [1] Pull the description up in order to to overlap the image. */
  /* [2] Adds padding to header/description card at lower resolution width
   * because mobile breakpoints remove all padding. */
  .dgc-hero-offset-inner > div:last-child {
    margin-top: -144px !important; /* [1] */
    padding: 32px !important; /* [2] */
    width: calc(100% - 64px);
  }
}

/* Home page template - I/O Fullscreen takeover */
.dgc-hero-fullscreen {
  --dgc-hero-grid:
    '. . .'
    '. heading .'
    '. item .'
    '. . .' 0.7fr / 10vw auto 10vw;
  --dgc-hero-heading-font-size: 72px;
  --dgc-hero-heading-line-height: 82px;
  --dgc-hero-margin: 0 calc(-50vw + 50%);
}

.dgc-hero-fullscreen-item {
  --dgc-hero-fullscreen-item-padding: 24px;
}

.dgc-hero-fullscreen-row::after {
  --dgc-hero-background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%),
    url(/homepage-assets/images/io-promo-background.jpg)
    no-repeat center center / cover;
}

@media screen and (min-width: 2000px) {
  .dgc-hero-fullscreen-row h1 {
    --dgc-hero-heading-font-size: 3vw;
    --dgc-hero-heading-line-height: 3vw;
  }

  .dgc-hero-fullscreen-item {
    --dgc-hero-fullscreen-item-padding: 1.5vw;
  }
}

#gc-wrapper {
  margin-right: 0 !important;
}

@media screen and (max-width: 1025px) {
  .dgc-hero-fullscreen {
    --dgc-hero-grid:
      '. . .' 1fr
      '. item .'
      '. . .'
      '. . .' 7fr / 1fr 12fr 1fr;
  }

  .dgc-hero-fullscreen-row::after {
    --dgc-hero-background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%),
      url(/homepage-assets/images/io-promo-background.jpg)
      no-repeat center center / cover;
  }
}

@media screen and (max-width: 750px) {
  .dgc-hero-fullscreen {
    --dgc-hero-grid:
      '.' 12px
      'item'
      '.'
      '.' 7fr / 1fr;
    --dgc-hero-margin: 0;
  }

  .dgc-hero-fullscreen-row::after {
    --dgc-hero-background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%),
      url(/homepage-assets/images/io-promo-background.jpg)
      no-repeat center center / cover;
  }

  .dgc-hero-fullscreen-item {
    text-align: center;
  }

  .dgc-hero-fullscreen-item p {
    font-size: 24px;
  }

  .dgc-hero-fullscreen-row h1 {
    --dgc-hero-heading-font-size: 64px;
    --dgc-hero-heading-line-height: 74px;
  }
}

@media screen and (max-width: 600px) {
  .dgc-hero-fullscreen {
    --dgc-hero-grid:
      '.' .2fr
      'item'
      '.'
      '.' 7fr / 1fr;
    --dgc-hero-heading-font-size: 40px;
    --dgc-hero-heading-line-height: 42px;
  }

  .dgc-hero-fullscreen-item {
    --dgc-hero-fullscreen-item-padding: 16px;
  }

  .dgc-hero-fullscreen-row h1 {
    --dgc-hero-heading-font-size: 48px;
    --dgc-hero-heading-line-height: 54px;
  }

  .dgc-hero-fullscreen-row a {
    margin-top: 8px;
  }

  .dgc-hero-fullscreen-row::after {
    --dgc-hero-background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%),
      url(/homepage-assets/images/io-promo-background-mobile.jpg)
      no-repeat bottom center / cover
  }
}

@media screen and (max-width: 1025px) and (max-height: 750px) {
  .dgc-hero-fullscreen-item p {
    display: none;
  }

  .dgc-hero-fullscreen-row a {
    margin-top: 8px;
  }
}

@media screen and (max-width: 600px) and (max-height: 410px) {
  .dgc-hero-fullscreen {
    --dgc-hero-heading-font-size: 32px;
    --dgc-hero-heading-line-height: 34px;
  }

  .dgc-hero-fullscreen-item {
    --dgc-hero-fullscreen-item-padding: 12px;
  }
}

/* [1] Override default overflow hidden property to allow sticky properties,
 * which allows fullscreen takeover to slide over the below content. */
.dgc-hero-fullscreen .devsite-wrapper {
  overflow: unset !important; /* [1] */
}

/* [1] Override primary color background so that the row has a transparent
 * background that doesn't cover up the background image. */
.dgc-hero-fullscreen-row {
  background: transparent !important; /* [1]  */
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.dgc-hero-fullscreen-row::after,
.dgc-hero-fullscreen-row .devsite-landing-row-html {
  height: calc(100vh - 112px);
}

.dgc-hero-fullscreen-row::after {
  background: var(--dgc-hero-background);
  content: '';
  position: absolute;
  top: 0;
  width: 100vw;
}

.dgc-hero-fullscreen-row .devsite-landing-row-html {
  display: grid;
  grid: var(--dgc-hero-grid);
  margin: var(--dgc-hero-margin);
}

.dgc-hero-fullscreen-row h1,
.dgc-hero-fullscreen-item {
  z-index: 1;
}

.dgc-hero-fullscreen-row h1 {
  color: white;
  font-size: var(--dgc-hero-heading-font-size);
  font-weight: 500;
  grid-area: heading;
  line-height: var(--dgc-hero-heading-line-height);
  margin-block: unset;
}

.dgc-hero-fullscreen-item {
  color: white;
  font: 500 36px 'Google Sans';
  grid-area: item;
  padding: var(--dgc-hero-fullscreen-item-padding);
  text-align: center;
}

.dgc-hero-fullscreen-item p {
  margin-block: var(--dgc-hero-fullscreen-item-padding);
}

.dgc-hero-fullscreen-row a {
  align-items: center;
  background: #1a73e8;
  border-radius: 100px;
  border: none;
  color: white;
  display: inline-flex;
  font: 500 20px 'Google Sans';
  padding: 22px 24px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 4px 80px 0px;
}

.dgc-hero-fullscreen-row a.button:hover {
  background: rgb(27, 102, 201);
  border: none;
  color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.dgc-hero-fullscreen-row a.button:focus,
.dgc-hero-fullscreen-row a.button:active {
  background: rgb(27, 102, 201);
  border: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  color: white;
}

/* Home page - logo garden following fullscreen hero */
.dgc-hero-fullscreen-row + .dgc-logo-garden {
  bottom: -30vh;
  position: sticky;
}

.dgc-hero-fullscreen-row + .dgc-build-smarter-hero {
  bottom: 0vh;
  position: sticky;
}

.dgc-build-smarter-hero video {
  aspect-ratio: 16 / 9;
  width: 960px;
}

.dgc-hero-fullscreen-row + .dgc-recs-carousel {
  bottom: -10vh;
  position: sticky;
}

/* Home page - hero */
/* Add a border between the hero and any following row other than .dgc-recs */
.dgc-hero + .devsite-landing-row:not(.dgc-recs) {
  border-top: 2px solid #f1f3f4;
}

.dgc-hero img {
  aspect-ratio: 720 / 416;
}

.dgc-hero .devsite-landing-row-item .devsite-landing-row-item-body h3 {
  font-size: 32px;
  line-height: 40px;
}

.dgc-hero .devsite-landing-row-item-image {
  margin: 40px auto;
}

.dgc-hero .devsite-landing-row-item-buttons {
  padding-top: 38px;
}

.dgc-recs-fallback {
  padding-top: 46px;
}

/* Reduce bottom padding for row to compensate for the extra space taken up by
 * carousel markers. */
.dgc-recs-carousel {
  padding-bottom: 16px;
}

/* Markers are only visible above 600px, so normalize the row padding for
 * mobile. */
@media screen and (max-width: 600px) {
  .dgc-recs-carousel {
    padding: 16px 26px;
  }
}

/* Home page - recommended content fallback */
.dgc-recs-fallback h2 {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-block: 0 24px;
}

.dgc-recs-fallback[header-position='top']
  .devsite-landing-row-header +
  .devsite-landing-row-group {
  margin: 0;
}

.dgc-recs-fallback .devsite-landing-row-item-no-media h3 {
  font-size: 20px;
  line-height: 28px;
}

.dgc-recs-fallback .devsite-landing-row-item-icon-container[size],
.dgc-recs-fallback [size] .devsite-landing-row-item-icon {
  height: 32px;
  width: 32px;
}

/* Home page - logo garden */
.dgc-logo-garden .devsite-landing-row-item-custom-image-icon {
  max-height: 64px;
  width: 64px;
}

.dgc-logo-garden-cta {
  padding-bottom: 0;
}

.dgc-logo-garden-cta > div > div {
  margin-bottom: 48px;
}

@media screen and (max-width: 600px) {
  .dgc-hero-fullscreen-row + .dgc-logo-garden {
    bottom: -70vh;
  }

  .dgc-logo-garden-cta {
    margin-top: 40px;
  }
}

@media screen and (max-width: 900px) {
  .hidden-mobile {
    display: none;
  }

  .dgc-logo-garden .dgc-logo-garden-card {
    width: 100%;
    display: inline-block;
  }
}

/* Home page - programs */
.dgc-programs.devsite-landing-row-item {
  overflow: visible;
}

.dgc-programs .devsite-landing-row-item-image {
  position: relative;
}

.dgc-programs .devsite-landing-row-item-image::before {
  background: center / contain no-repeat;
  content: '';
  display: block;
  height: 160px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
}

.dgc-programs--events .devsite-landing-row-item-image::before {
  background-image: url(/site-assets/images/home/events-graphic.png);
}

.dgc-programs--community .devsite-landing-row-item-image::before {
  background-image: url(/site-assets/images/home/community-graphic.png);
}

@media screen and (max-width: 840px) {
  .dgc-programs .devsite-landing-row-item-media {
    overflow: visible !important;
  }
}

/* Home page - experts */
.devsite-directory__wrapper {
  padding: 0 12px 0;
}

.devsite-directory__content {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(var(--directory-columns, 4), 1fr);
}

.devsite-directory__content__item {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.experts-row {
  overflow: hidden;
}

.experts-directory__item__profile {
  padding: 20px 20px 0;
  text-align: center;
}

.experts-directory__item__profile-pic-holder {
  background-size: cover;
  border-radius: 50%;
  display: block;
  height: 100px;
  margin: 0 auto 20px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

.experts-directory__item__name {
  margin: 0;
}

.experts-directory__item__name h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  padding-top: 15px;
  text-align: center;
}

.experts-directory__item__location,
.experts-directory__item__experience {
  font: 400 14px/20px;
  margin-top: 0;
}

.experts-directory__item__expertise {
  color: gray;
}

.experts-directory__item__view-profile {
  margin: auto auto 16px;
}

@media screen and (max-width: 1000px) {
  .devsite-directory__content {
    --directory-columns: 2;
  }
}

@media screen and (max-width: 500px) {
  .devsite-directory__content {
    --directory-columns: 1;
  }
}

/* Google for Developers rebranding */
.dgc-build-smarter {
  align-items: center;
}

.dgc-hero-news-card {
  border: 1px solid #dadce0;
  border-radius: 8px;
}

.dgc-hero-news-card img {
  border-radius: 8px 8px 0 0;
}

.dgc-hero-news-card-description {
  margin: 12px !important;
}

.dgc-build-smarter h3 {
  font: var(--dgc-build-smarter-font) !important;
  letter-spacing: unset;
}

.dgc-gdpp {
  --devsite-description-content-font: 400 20px/32px 'Google Sans';
  --devsite-text-color: #3c4043;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.dgc-gdpp a {
  color: var(--devsite-heading-color, var(--devsite-secondary-text-color));
}

.dgc-gdpp-hero {
  --devsite-1-up-grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 840px) {
  .dgc-gdpp-hero.devsite-landing-row-item[description-position] {
    flex-direction: column-reverse;
  }
}

.dgc-gdpp h2 {
  --dgc-gdpp-font: 700 66px/74px 'Google Sans';
  --devsite-h1-font: var(--dgc-gdpp-font);
  --devsite-h1-margin: 0;
}

.dgc-gdpp p {
  margin: 0;
  font: 400 20px/32px 'Google Sans';
  color: #3c4043;
  max-width: 480px;
}

.dgc-gdpp-action {
  align-self: flex-start;
}

.dgc-build-smarter + div {
  align-items: center;
}

.dgc-build-smarter + div > span {
    margin-left: 4px !important;
}

.dgc-build-smarter div {
  font: 400 24px 'Google Sans';
  justify-content: center;
}

.dgc-ecosystem-bold-button,
.dgc-ecosystem-bold-button:hover,
.dgc-ecosystem-bold-button:focus,
.dgc-ecosystem-bold-button:active {
  border: 2px solid var(--tenant-primary-text-color);
}

.selected-btn,
.selected-btn:hover,
.selected-btn:focus,
.selected-btn:active {
  background: #1a73e8;
  color: white;
  pointer-events: none;
}

.dgc-build-smarter-buttons-label {
  font: 700 24px 'Google Sans';
  margin-right: 30px;
  vertical-align: middle;
}

.dgc-build-smarter-buttons div {
  display: inline;
}

.dgc-build-smarter-buttons figure {
  pointer-events: none;
}

.dgc-web-ecosystem-cards header h2,
.dgc-ecosystem-solution-cards header h2,
.dgc-ecosystem-additional-solutions header h2,
.dgc-ecosystem-case-studies h2,
.dgc-social-footer h2 {
  font: 700 48px 'Google Sans';
}

/* Overrides icon size */
.dgc-social-footer img {
  height: 38px !important;
  width: 38px !important;
}

/* Ensures LinkedIn image does not look stretched */
.dgc-social-footer .dgc-social-li img {
  width: 44.69px !important;
}

.dgc-web-ecosystem-cards header div,
.dgc-ecosystem-solution-cards header div,
.dgc-ecosystem-additional-solutions header div,
.dgc-ecosystem-case-studies header div {
  font: 400 24px 'Google Sans';
}

.dgc-web-ecosystem-card {
  flex-direction: row-reverse;
}

.dgc-web-ecosystem-card img {
  max-height: 105px;
  max-width: 155px;
}

.dgc-web-ecosystem-card > div:first-child {
  align-self: center;
  padding-right: 16px;
}

/* Google for Developers rebranding */
/* [1] Overrides blue link color in favor of primary text color */
.dgc-web-ecosystem-card h3 > a,
.dgc-ecosystem-solution-card h3 > a,
.dgc-ecosystem-additional-solutions-card h3 > a {
  color: var(--tenant-primary-text-color) !important; /* [1] */
  font: 700 24px 'Google Sans';
}

.dgc-web-ecosystem-card h3 + div,
.dgc-ecosystem-solution-card h3 + div,
.dgc-ecosystem-additional-solutions-card h3 + div,
.android-spotlight h3 + div {
  font: 400 18px 'Roboto';
  line-height: 24px;
}

/* [1] Forces material icons in buttons to have 0 margin */
.dgc-web-ecosystem-card .material-icons,
.dgc-ecosystem-additional-solutions-card .material-icons,
.dgc-build-smarter-buttons .material-icons,
.dgc-ecosystem-bold-button .material-icons {
  margin: 0 !important; /* [1] */
}

.dgc-logo-garden.dgc-ecosystem-logo-garden h2 {
  font: 700 48px 'Google Sans';
}

.dgc-ecosystem-logo-garden + .dgc-logo-garden-cta {
  padding-top: 0;
}

.dgc-ecosystem-logo-garden .devsite-landing-row-item:not(
  .dgc-logo-garden-card) {
  background: var(--tenant-background-1);
  border: var(--tenant-primary-border);
  border-radius: 10px;
}

.dgc-ecosystem-logo-garden .devsite-landing-row-item:not(
  .dgc-logo-garden-card) > a {
  margin-bottom: auto;
}

.dgc-logo-garden-card {
  padding: 8px 32px 25px;
}

.dgc-logo-garden-card p:first-of-type {
  font-size: 18px;
  font-weight: 700;
}

.dgc-trending-news {
  padding-bottom: 64px;
}

.dgc-trending-row {
  --trending-carousel-padding-bottom: 64px;
  padding-inline: 8px;
}

.dgc-trending-row li > div {
  border-radius: 8px;
  height: 100%;
  padding: 32px 40px;
}

/* [1] Forces link color to be primary text color instead of blue */
.dgc-trending-row h3 a {
  color: var(--tenant-primary-text-color) !important; /* [1] */
  font: 700 48px 'Google Sans';
}

/* [1] Forces link color to be primary text color instead of blue */
.dgc-showcase-row h3 a {
  color: var(--tenant-primary-text-color) !important; /* [1] */
  font: 700 40px 'Google Sans';
}

.dgc-trending-row h3 + div,
.dgc-showcase-row h3 + div {
  color: var(--tenant-primary-text-color);
  font: 400 18px 'Roboto';
  line-height: 26px;
}

.dgc-trending-row .devsite-landing-row-item-labels span,
.dgc-showcase-row .devsite-landing-row-item-labels span {
  font: 400 14px 'Roboto';
}

.dgc-trending-row img,
.dgc-showcase-row figure img {
  border-radius: 10px;
}

.dgc-showcase-row:last-of-type {
  margin-bottom: 40px;
}

.android-spotlight {
  background: #f1f3f4 !important;
  margin-bottom: 24px;
  padding-block: 64px !important;
}

.android-spotlight img {
  border-radius: 8px;
}

.android-spotlight-mobile {
  margin-bottom: 64px;
}

.android-spotlight h3 a {
  color: var(--tenant-primary-text-color) !important;
  font: 700 48px 'Google Sans';
}

/* Carousel section */
.trending-carousel-bard img:first-of-type {
  display: block;
}

.trending-carousel-bard img:last-of-type {
  display: none;
}

.dgc-build-smarter h3 {
  --dgc-build-smarter-font: 700 100px/110px 'Google Sans';
}

.products .dgc-build-smarter-hero {
  padding-block: 0;
}

.products .dgc-build-smarter-hero:not(.landing) > div {
  background: #f1f3f4;
}

.products .dgc-build-smarter-hero:not(.landing) .dgc-build-smarter {
  grid-template-columns: 1fr;
  text-align: center;
  margin-inline: 200px;
  padding-block: 40px;
}

.products-hero-mobile {
  display: none;
}

.products .dgc-build-smarter-hero .devsite-landing-row-inner {
  background: center right no-repeat url(/products/images/grid-bg.png), #f1f3f4;
  background-size: 1012px;

  .color-scheme--dark & {
    background: center right no-repeat url(/products/images/grid-bg.png), #36373a;
  }
}

.products .dgc-build-smarter h3 {
  --dgc-build-smarter-font: 700 82px/84px 'Google Sans';
}

.products .dgc-build-smarter-hero:not(.landing) .dgc-build-smarter h3 {
  --dgc-build-smarter-font: 700 68px/72px 'Google Sans';
}

.products .dgc-build-smarter div {
  font: 400 18px/28px 'Roboto';
}

.trending-carousel-slide {
  --trending-carousel-slide-flex-direction: row;
  --trending-carousel-slide-gap: 70px;
}

.trending-carousel-slide > div {
  --trending-carousel-slide-display: grid;
}

.trending-carousel-slide > div.trending-carousel-bard {
  --trending-carousel-slide-display: flex;
  --trending-carousel-slide-flex-direction: column-reverse;
  --trending-carousel-slide-gap: 0;
}

@media screen and (min-width: 961px) {
  .products .dgc-build-smarter-hero img  {
    padding-block: 80px;
  }

  .products .dgc-build-smarter .devsite-landing-row-item-description {
    max-width: 100%;
  }

  .products .dgc-build-smarter-hero.landing img  {
    padding-block: unset;
  }
}

@media screen and (max-width: 1348px) {
  .dgc-build-smarter h3 {
    --dgc-build-smarter-font: 700 64px/72px 'Google Sans';
  }
}

@media screen and (max-width: 1200px) {
  .dgc-gdpp h2 {
    --dgc-gdpp-font: 700 40px/45px 'Google Sans';
  }
}

@media screen and (max-width: 960px) {
  .products .dgc-build-smarter-hero:not(.landing) .dgc-build-smarter {
    margin-inline: 40px;
    padding-top: unset;
  }

  .products .dgc-build-smarter-hero .devsite-landing-row-inner {
    background: bottom no-repeat url(/products/images/grid-bg-m.png), #f1f3f4;
    background-size: contain;
    height: 76vw;
    min-height: 440px;
  }

  .products .dgc-build-smarter-hero:not(.landing) .devsite-landing-row-inner {
    height: unset;
    min-height: unset;
  }

  .products .dgc-build-smarter-hero > div > div {
    max-width: 400px;
    text-align: center;
  }

  .products .dgc-build-smarter-hero:not(.landing) > div > div {
    max-width: unset;
  }

  .products .dgc-build-smarter-hero img  {
    height: 40vw;
    margin-block: 2vw;
    max-width: unset;
    padding-block: 2vw;
    width: auto;
  }

  .products-hero-mobile {
    display: block;
    margin-top: -4vw;
  }

  .products .dgc-build-smarter-hero.landing img{
    margin-block: unset;
    padding-block: unset;
  }

  .products .dgc-build-smarter-hero.landing .products-arrow {
    height: auto;
    left: 0;
    margin-top: -6vw;
    max-width: 100%;
    position: absolute;
    width: 100%;
  }

  .products .dgc-build-smarter-hero.landing .products-img {
    height: 36vw;
    margin-top: 12vw;
    margin-left: 13vw;
    width: auto;
  }

  .products-hero-web {
    display: none;
  }

  .products .dgc-build-smarter h3,
  .products .dgc-build-smarter-hero:not(.landing) .dgc-build-smarter h3 {
    --dgc-build-smarter-font: 700 32px/38px 'Google Sans';
    line-height: 32px !important;
  }

  .products .dgc-build-smarter div {
    font: 400 16px/24px 'Roboto';
  }

  .dgc-build-smarter-hero > div > div {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
  }

  .trending-carousel-slide {
    --trending-carousel-slide-flex-direction: column-reverse;
    --trending-carousel-slide-gap: 20px;
  }

  .trending-carousel-slide > div:not(.trending-carousel-bard)
  .devsite-landing-row-item-media {
    align-self: baseline;
    width: 75%;
  }

  .dgc-trending-row {
    --trending-carousel-padding-bottom: 24px;
  }

  .dgc-logo-garden-cta > div > div {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  .dgc-trending-row {
    --trending-carousel-padding-bottom: 24px;
  }

  .trending-carousel-slide > div {
    --trending-carousel-slide-display: flex;
  }

  .trending-carousel-slide img {
    border: var(--tenant-primary-border);
    border-radius: 10px;
  }

  .trending-carousel-bard img {
    padding: 50px 12px 60px;
  }
}

@media screen and (max-width: 850px) {
  .dgc-ecosystem-logo-garden > div > div {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .dgc-gdpp h2 {
    --dgc-gdpp-font: 700 30px/35px 'Google Sans';
  }

  .dec-gdpp-hero {
    --devsite-item-display: flex;
    --devsite-item-flex-direction: row-reverse;
  }
}

@media screen and (max-width: 600px) {
  .dgc-gdpp-hero {
    --devsite-item-display: flex;
  }

  .trending-carousel-slide {
    --trending-carousel-slide-gap: 0;
  }

  .trending-carousel-slide > div:not(.trending-carousel-bard)
  .devsite-landing-row-item-media {
    width: 100%;
  }

  .trending-carousel-bard img:first-of-type {
    display: none !important;
  }

  .trending-carousel-bard img:last-of-type {
    display: block !important;
  }

  .trending-carousel-bard > div:last-of-type {
    margin-top: 24px !important;
  }

  .trending-carousel-bard > div:last-of-type > div > div {
    padding-top: 0 !important;
  }
}

.dgc-trending-row {
  --trending-row-padding-bottom: 64px;
}

.dgc-trending-row {
  padding-bottom: var(--trending-carousel-padding-bottom);
}

.dgc-trending-row-tech-stack {
  padding-top: 64px;
}

.trending-carousel-slide {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.trending-carousel-slide > div.trending-carousel-bard {
  align-items: baseline;
  padding: 32px 40px 54px;
  width: 100%;
}

.trending-carousel-slide > div.trending-carousel-bard img {
  width: 1100px;
}

.trending-carousel-slide > div {
  align-items: center;
  border: var(--trending-carousel-slide-border, var(--tenant-primary-border));
  display: var(--trending-carousel-slide-display);
  flex-direction: var(--trending-carousel-slide-flex-direction);
  gap: var(--trending-carousel-slide-gap);
  grid: auto-flow / 2fr 3fr;
  width: 100%;
}

.trending-carousel-slide > div > div {
  grid-column: unset !important;
}

/* [1] Forces carousel slide grid-column to be unset */
.trending-carousel-slide > div > div {
  grid-column: unset !important; /* [1] */
}

/* Tech stack pages */
/* [1] Overrides font of page header */
.dgc-ecosystem-header h3 {
  font: 700 100px 'Google Sans' !important; /* [1] */
  margin-bottom: 6px;
}

.dgc-ecosystem-header div {
  font: 400 24px 'Google Sans';
}

.dgc-ecosystem-header-mobile {
  background: var(--dgc-ecosystem-header-mobile-background);
  padding: var(--dgc-ecosystem-header-mobile-padding);
}

.dgc-ecosystem-header-web {
  background: var(--dgc-ecosystem-header-web-background);
  padding: var(--dgc-ecosystem-header-web-padding);
}

.dgc-ecosystem-header-cloud {
  background: var(--dgc-ecosystem-header-cloud-background);
  padding: var(--dgc-ecosystem-header-cloud-padding);
}

.dgc-ecosystem-header-ai {
  background: var(--dgc-ecosystem-header-ai-background);
  padding: var(--dgc-ecosystem-header-ai-padding);
}

.dgc-ecosystem-related {
  background: #e8f0fe;
  padding-block: 64px;
}

.dgc-ecosystem-solution-cards {
  padding-block: 8px 0;
}

.dgc-ecosystem-solution-cards + section {
  padding-block: 24px 64px;
}

.dgc-ecosystem-case-studies {
  padding-bottom: 64px;
}

.dgc-ecosystem-case-studies header {
  max-width: 800px;
}

.dgc-ecosystem-solution-cards-paginator {
  display: grid;
  gap: 24px;
  grid: auto-flow / repeat(auto-fit, minmax(350px, 1fr));
  margin-bottom: 24px;
}

.dgc-ecosystem-solution-card {
  border: var(--tenant-primary-border);
  border-radius: 8px;
}

.dgc-ecosystem-solution-card,
.dgc-ecosystem-solution-card > div,
.dgc-ecosystem-solution-card > div > div {
  height: 100%;
}

.dgc-ecosystem-solution-card .devsite-landing-row-item-labels {
  display: flex;
  justify-content: space-between;
}

.dgc-ecosystem-solution-card .devsite-landing-row-item-labels span {
  font: 400 14px 'Roboto';
}

.dgc-ecosystem-solution-card-icons {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 32px;
}

.dgc-ecosystem-solution-card-icons + div {
  margin-top: 32px;
}

.dgc-ecosystem-solution-card-icons img {
  max-height: 32px;
  max-width: 32px;
  min-width: 32px;
}

.dgc-ecosystem-case-study .devsite-landing-row-item-labels span,
.android-spotlight .devsite-landing-row-item-labels span {
  font: 400 14px 'Roboto';
}

.dgc-ecosystem-case-study h3 a {
  color: #202124;
  font: 700 24px 'Google Sans';
}

.dgc-ecosystem-case-study > div:first-child {
  padding: 24px 24px 0;
}

.dgc-ecosystem-additional-solutions-card > div:first-child {
  order: 1;
  padding: 25px;
}

.dgc-ecosystem-additional-solutions-card {
  display: grid;
  grid: auto-flow / 1.5fr 1fr;
}

.products .dgc-ecosystem-additional-solutions-card {
  grid: auto-flow / 1fr 1fr;
}

.dgc-ecosystem-additional-solutions-card img {
  max-height: 100px;
  max-width: 155px;
  width: auto;
}

.products .dgc-ecosystem-additional-solutions-card img {
  max-height: 140px;
  max-width: 300px;
}

/* [1] Forces background color of row to be #f8f9fa instead of white */
.dgc-ecosystem-additional-solutions {
  background: #f8f9fa !important; /* [1] */
  padding-block: 64px;
}

.products .dgc-ecosystem-additional-solutions {
  background: white !important; /* Forces correct bg for products pg */

  .color-scheme--dark & {
    background: #2a2b2e !important;
  }
}

.dgc-ecosystem-header-mobile {
  --dgc-ecosystem-header-mobile-background: url(/focus/images/mobile-header.png)
    no-repeat center center / min(calc(100vw - 66px), 1436px);
  --dgc-ecosystem-header-mobile-padding: min(9vw, 150px) 0;
}

.dgc-ecosystem-header-web {
  --dgc-ecosystem-header-web-background: url(/focus/images/web-header.png)
    no-repeat center center / min(calc(100vw - 66px), 1436px);
  --dgc-ecosystem-header-web-padding: min(9vw, 150px) 0;
}

.dgc-ecosystem-header-cloud {
  --dgc-ecosystem-header-cloud-background: url(/focus/images/cloud-header.png)
    no-repeat center center / min(calc(100vw - 66px), 1436px);
  --dgc-ecosystem-header-cloud-padding: min(9vw, 150px) 0;
}

.dgc-ecosystem-header-ai {
  --dgc-ecosystem-header-ai-background: url(/focus/images/ai-header.png)
    no-repeat center center / min(calc(100vw - 66px), 1436px);
  --dgc-ecosystem-header-ai-padding: min(9vw, 150px) 0;
}

@media screen and (max-width: 1420px) {
  .dgc-build-smarter-hero .devsite-landing-row-item-buttons {
    display: block;
  }

  .dgc-build-smarter-buttons-label {
    margin: 0 0 8px 12px;
  }

  .dgc-ecosystem-additional-solutions-card img {
    width: -webkit-fill-available;
  }
}

@media screen and (max-width: 1000px) {
  .dgc-ecosystem-header-mobile {
    --dgc-ecosystem-header-mobile-background:
      url(/focus/images/mobile-header-mobile.png)
      no-repeat top 30px left 30px / 50vw;
    --dgc-ecosystem-header-mobile-padding: 36vw 0 50px;
  }

  .dgc-ecosystem-header-web {
    --dgc-ecosystem-header-web-background:
      url(/focus/images/web-header-mobile.png)
      no-repeat top 30px left 30px / 50vw;
    --dgc-ecosystem-header-web-padding: 36vw 0 50px;
  }

  .dgc-ecosystem-header-cloud {
    --dgc-ecosystem-header-cloud-background:
      url(/focus/images/cloud-header-mobile.png)
      no-repeat top 30px left 30px / 50vw;
    --dgc-ecosystem-header-cloud-padding: 36vw 0 50px;
  }

  .dgc-ecosystem-header-ai {
    --dgc-ecosystem-header-ai-background:
      url(/focus/images/ai-header-mobile.png)
      no-repeat top 30px left 30px / 50vw;
    --dgc-ecosystem-header-ai-padding: 36vw 0 50px;
  }
}

@media screen and (max-width: 840px) {
  .dgc-ecosystem-additional-solutions-card,
  .products .dgc-ecosystem-additional-solutions-card {
    grid: unset;
  }

  .dgc-web-ecosystem-card img {
    max-height: 105px;
    padding: 10px 0 0 10px;
    width: auto;
  }

  .dgc-ecosystem-additional-solutions-card img {
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .products .dgc-build-smarter-hero {
    text-align: center;
  }

  .dgc-build-smarter h3 {
    line-height: 85px !important;
  }

  .products .dgc-build-smarter h3 {
    line-height: 38px !important;
  }

  .dgc-ecosystem-header-mobile {
    --dgc-ecosystem-header-mobile-background:
      url(/focus/images/mobile-header-mobile.png)
      no-repeat top 30px left 30px / calc(100vw - 66px);
    --dgc-ecosystem-header-mobile-padding: 58vw 0 50px;
  }

  .dgc-ecosystem-header-web {
    --dgc-ecosystem-header-web-background:
      url(/focus/images/web-header-mobile.png)
      no-repeat top 30px left 30px / calc(100vw - 66px);
    --dgc-ecosystem-header-web-padding: 58vw 0 50px;
  }

  .dgc-ecosystem-header-cloud {
    --dgc-ecosystem-header-cloud-background:
      url(/focus/images/cloud-header-mobile.png)
      no-repeat top 30px left 30px / calc(100vw - 66px);
    --dgc-ecosystem-header-cloud-padding: 58vw 0 50px;
  }

  .dgc-ecosystem-header-ai {
    --dgc-ecosystem-header-ai-background:
      url(/focus/images/ai-header-mobile.png)
      no-repeat top 30px left 30px / calc(100vw - 66px);
    --dgc-ecosystem-header-ai-padding: 58vw 0 50px;
  }

  .dgc-logo-garden-cta {
    margin-top: 0 !important;
  }

  .dgc-ecosystem-solution-cards + section {
    padding-block: 24px 32px;
  }

  .dgc-trending-row h3 a {
    font: 700 32px 'Google Sans';
  }

  .dgc-ecosystem-additional-solutions {
    padding-block: 32px;
  }

  .dgc-ecosystem-case-studies {
    padding-bottom: 32px;
  }

  .android-spotlight-mobile {
    margin-bottom: 32px;
  }
}

.dgc-events-learn-community {
  background-image: url(/homepage-assets/images/dgc-learn-community-event-background.png);
  background-size: contain;
  padding-top: 40px !important;
  .find-an-event-sticker,
  .join-a-community-sticker,
  .improve-skills-sticker {
    position: absolute;
    top: 200px;
    right: 20px;
    height: 100px;
  }
}

@media screen and (max-width: 1349px) {
  .find-an-event-sticker,
  .join-a-community-sticker,
  .improve-skills-sticker {
      display: none;
  }
}

.gdp-cn-hero-logo {
  max-height: 54px;
  margin-inline: 0 auto;
  margin-block: 24px;
}

.gdp-cn-hero-promo {
  margin: auto;
  display: block;
}

      </style>
  
  
  
  
  
    <div class="devsite-banner devsite-banner-translated nocontent">
      <div class="devsite-banner-message">
        <div class="devsite-banner-message-text">
          <img src="https://developers.google.com/_static/images/translated.svg?hl=zh-cn"
               class="devsite-banner-translated-image invert"
               alt="">
          <span class="devsite-banner-translated-text">
            
            此页面由 <a href="//cloud.google.com/translate/?hl=zh-cn">Cloud Translation API</a> 翻译。
          </span>
        </div>
        <devsite-switch-to-english-button></devsite-switch-to-english-button>
      </div>
    </div>
  

  <div class="devsite-article-meta nocontent" role="navigation">
    
    
    <ul class="devsite-breadcrumb-list"
  
    aria-label="面包屑导航">
  
  <li class="devsite-breadcrumb-item
             ">
    
    
    
      
  <a href="https://developers.google.com/?hl=zh-cn"
      
        class="devsite-breadcrumb-link gc-analytics-event"
      
        data-category="Site-Wide Custom Events"
      
        data-label="Breadcrumbs"
      
        data-value="1"
      
        track-type="globalNav"
      
        track-name="breadcrumb"
      
        track-metadata-position="1"
      
        track-metadata-eventdetail="Google for Developers"
      
    >
    
        Google for Developers
      
  </a>
  
    
  </li>
  
  <li class="devsite-breadcrumb-item
             ">
    
      
      <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div>
    
    
    
      
  <a href="https://developers.google.com/products?hl=zh-cn"
      
        class="devsite-breadcrumb-link gc-analytics-event"
      
        data-category="Site-Wide Custom Events"
      
        data-label="Breadcrumbs"
      
        data-value="2"
      
        track-type="globalNav"
      
        track-name="breadcrumb"
      
        track-metadata-position="2"
      
        track-metadata-eventdetail=""
      
    >
    
        产品
      
  </a>
  
    
  </li>
  
</ul>
    
  </div>
  <div class="devsite-actions" hidden data-nosnippet><devsite-feature-tooltip
      ack-key="AckCollectionsBookmarkTooltipDismiss"
      analytics-category="Site-Wide Custom Events"
      analytics-action-show="Callout Profile displayed"
      analytics-action-close="Callout Profile dismissed"
      analytics-label="Create Collection Callout"
      class="devsite-page-bookmark-tooltip nocontent"
      dismiss-button="true"
      id="devsite-collections-dropdown"
      
      dismiss-button-text="关闭"

      
      close-button-text="知道了">

    
    
      <devsite-bookmark></devsite-bookmark>
    

    <span slot="popout-heading">
      
      使用集合让一切井井有条
    </span>
    <span slot="popout-contents">
      
      根据您的偏好保存内容并对其进行分类。
    </span>
  </devsite-feature-tooltip></div>
  
    
  

  <devsite-toc class="devsite-nav"
    depth="2"
    devsite-toc-embedded
    disabled>
  </devsite-toc>
  
    
  <div class="devsite-article-body clearfix
  ">

  
    
  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-hero devsite-landing-row-50 devsite-landing-row-no-image-background dgc-gdpp-hero"
           
    background="grey"
  
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <div class="dgc-gdpp">
  <h2 data-text="Gemini CLI：您的开源 AI 智能体" id="gemini-cli:-your-open-source-ai-agent" tabindex="-1">Gemini CLI：您的开源 AI 智能体</h2>
  <p>将 Gemini 直接引入您的终端，提供无与伦比的用量限额，而且完全免费。</p>
  <div class="dgc-gdpp-action">
    <a class="button button-primary" data-action="link" data-category="Homepage Hero News Button" data-label="Gemini CLI"      href="https://blog.google/technology/developers/introducing-gemini-cli-open-source-ai-agent/?hl=zh-cn"="">了解详情</a>
  </div>
</div> <div>
  <img alt="Gemini CLI 主打图片" src="https://developers.google.com/static/focus/images/gemini-cli.png?hl=zh-cn" />
</div>

  

  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-header-centered devsite-landing-row-large-headings devsite-landing-row-logos dgc-logo-garden dgc-ecosystem-logo-garden"
           
    background="white"
  
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      
      <header class="devsite-landing-row-header"
              >

        

        
        <div class="devsite-landing-row-header-text">

          
    <h2 id="56uL5Y2z5byA5aeL5p6E5bu6"
        data-text="立即开始构建"
        
        tabindex="0">
      
    
        立即开始构建
      
  
    </h2>
  

          
        </div>
        

        
      </header>
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Android" href="https://developer.android.com?hl=zh-cn" >
  <div class="dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Android 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/site-assets/images/products/android-logo.png?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Android</p>
          <p class="hidden-mobile">在新式现代工具的加持下，为各色各样的 Android 设备打造优质体验。</p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Google Chrome" href="https://developer.chrome.com/?hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="ChromeOS 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/homepage-assets/images/chromeos-logo.svg?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Chrome</p>
          <p class="hidden-mobile">
            应用开发更快速、业务决策更智能。强大的通讯和协作功能让全球团队效率倍增。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Gemini Code Assist" href="https://codeassist.google/?hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Gemini Code Assist 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/focus/images/gemini-icon-2025.png?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
          <div class="devsite-landing-row-item-description-content">
            <p>Gemini Code Assist</p>
            <p class="hidden-mobile">
              IDE 中的 Gemini 2.5，可提供代码感知型聊天和补全功能。
            </p>
          </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Google Play" href="https://developer.android.com/distribute?hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Play Prism" class="devsite-landing-row-item-custom-image-icon" src="https://www.gstatic.com/images/branding/product/2x/play_prism_64dp.png" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Google Play</p>
          <p class="hidden-mobile">
            助您拓展业务、提高应用质量、吸引受众群体并轻松变现。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Colab" href="https://colab.research.google.com/?hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Colab 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/homepage-assets/images/colab.svg?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Colab</p>
          <p class="hidden-mobile">
            Colab 笔记本是您进行数据分析、模型实验和快速原型设计的智能伙伴。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Firebase Studio" href="https://firebase.studio/" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Firebase Studio 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/homepage-assets/images/firebase-studio.svg?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Firebase Studio</p>
          <p class="hidden-mobile">
            全栈 AI 工作区：在一个位置构建后端、前端和移动应用。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Flutter" href="https://flutter.dev" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Flutter 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://www.gstatic.com/images/branding/product/2x/flutter_64dp.png" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Flutter</p>
          <p class="hidden-mobile">
            只需一套代码，即可构建、测试和部署覆盖 Web、移动、桌面和嵌入端的精美应用。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="AI Logo Garden" data-label="Gemini API" href="https://ai.google.dev/gemini-api/docs?utm_source=gfd&utm_medium=referral&utm_campaign=ai_logo_garden&hl=zh-cn">
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Gemini API" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/focus/images/gemini-icon-2025.png?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Gemini API</p>
          <p class="hidden-mobile">
            构建和部署由 Gemini 模型增强的生产级生成式 AI 体验。免费开始使用！
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Gemini CLI" href="https://cloud.google.com/gemini/docs/codeassist/gemini-cli?hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Gemini CLI 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/homepage-assets/images/gemini-cli.svg?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Gemini CLI</p>
          <p class="hidden-mobile">
            Gemini CLI 是一款免费的开源工具，可将 Gemini 直接引入您的终端，让个人用户获得无与伦比的访问权限。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="AI Logo Garden" data-label="Google AI Studio" href="https://aistudio.google.com/app/prompts/new_chat/?utm_source=gfd&utm_medium=referral&utm_campaign=home_garden&hl=zh-cn" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Google AI Studio 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/focus/images/ai-studio-icon.png?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Google AI Studio</p>
          <p class="hidden-mobile">在 Google AI Studio 中使用 Gemini 快速构建生成式 AI 应用。</p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Google Cloud" href="https://cloud.google.com/developers?hl=zh-cn" >
  <div class="dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Google Cloud 徽标" class="devsite-landing-row-item-custom-image-icon" src="//www.gstatic.com/images/branding/product/2x/google_cloud_64dp.png" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Google Cloud</p>
          <p class="hidden-mobile">
            应用开发更快速、业务决策更智能。强大的通讯和协作功能让全球团队效率倍增。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
    <a data-category="Homepage Logo Garden" data-label="Kaggle" href="https://www.kaggle.com/" >
  <div class="devsite-landing-row-item dgc-logo-garden-card" description-position="bottom">
    <div class="devsite-landing-row-item-media">
      <figure class="devsite-landing-row-item-custom-image">
        <div class="devsite-landing-row-item-custom-image-icon-wrapper">
          <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
            <img alt="Kaggle 徽标" class="devsite-landing-row-item-custom-image-icon" src="https://developers.google.com/static/focus/images/kaggle.svg?hl=zh-cn" />
          </div>
        </div>
      </figure>
    </div>
    <div class="devsite-landing-row-item-description">
      <div class="devsite-landing-row-item-body">
        <div class="devsite-landing-row-item-description-content">
          <p>Kaggle</p>
          <p class="hidden-mobile">
            此平台可用于共享机器学习数据集、探索和构建模型，助您在竞赛中脱颖而出。
          </p>
        </div>
      </div>
    </div>
  </div>
</a>

  

  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-item-centered devsite-landing-row-100 dgc-logo-garden-cta"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        

        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/products?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="View all developer products"
      
        data-category="Homepage Logo Garden"
      
    
    >查看所有开发者产品</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards dgc-trending-news"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      
      <header class="devsite-landing-row-header"
              >

        

        
        <div class="devsite-landing-row-header-text">

          
    <h2 id="54Ot54K55paw6Ze7"
        data-text="热点新闻"
        
        tabindex="0">
      
    
        热点新闻
      
  
    </h2>
  

          
        </div>
        

        
      </header>
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://io.google/2025/explore/pa-keynote-7?hl=zh-cn"
      
        data-category="Trending News Card"
      
        data-label="What&#39;s New in Android"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/focus/images/android-16.png?hl=zh-cn"
         srcset="https://developers.google.com/static/focus/images/android-16_36.png?hl=zh-cn 36w,https://developers.google.com/static/focus/images/android-16_48.png?hl=zh-cn 48w,https://developers.google.com/static/focus/images/android-16_72.png?hl=zh-cn 72w,https://developers.google.com/static/focus/images/android-16_96.png?hl=zh-cn 96w,https://developers.google.com/static/focus/images/android-16_480.png?hl=zh-cn 480w,https://developers.google.com/static/focus/images/android-16_720.png?hl=zh-cn 720w,https://developers.google.com/static/focus/images/android-16_856.png?hl=zh-cn 856w,https://developers.google.com/static/focus/images/android-16_960.png?hl=zh-cn 960w,https://developers.google.com/static/focus/images/android-16_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/focus/images/android-16_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/focus/images/android-16_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="android"
        data-text="Android 的新变化
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://io.google/2025/explore/pa-keynote-7?hl=zh-cn"
      
        data-category="Trending News Card"
      
        data-label="What&#39;s New in Android"
      
    >
    
        Android 的新变化

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            探索 Android 16 的新功能以及用于集成 AI 体验的最新 API。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://io.google/2025/explore/pa-keynote-7?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-category="Trending News Card"
      
        data-label="What&#39;s New in Android, Watch now"
      
    
    >立即观看</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://io.google/2025/explore/pa-keynote-3?hl=zh-cn"
      
        data-category="Trending News Card"
      
        data-label="Accelerate your development with the Gemini API"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/focus/images/accelerate-with-gemini.png?hl=zh-cn"
         srcset="https://developers.google.com/static/focus/images/accelerate-with-gemini_36.png?hl=zh-cn 36w,https://developers.google.com/static/focus/images/accelerate-with-gemini_48.png?hl=zh-cn 48w,https://developers.google.com/static/focus/images/accelerate-with-gemini_72.png?hl=zh-cn 72w,https://developers.google.com/static/focus/images/accelerate-with-gemini_96.png?hl=zh-cn 96w,https://developers.google.com/static/focus/images/accelerate-with-gemini_480.png?hl=zh-cn 480w,https://developers.google.com/static/focus/images/accelerate-with-gemini_720.png?hl=zh-cn 720w,https://developers.google.com/static/focus/images/accelerate-with-gemini_856.png?hl=zh-cn 856w,https://developers.google.com/static/focus/images/accelerate-with-gemini_960.png?hl=zh-cn 960w,https://developers.google.com/static/focus/images/accelerate-with-gemini_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/focus/images/accelerate-with-gemini_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/focus/images/accelerate-with-gemini_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="gemini-api"
        data-text="使用 Gemini API 加快开发速度
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://io.google/2025/explore/pa-keynote-3?hl=zh-cn"
      
        data-category="Trending News Card"
      
        data-label="Accelerate your development with the Gemini API"
      
    >
    
        使用 Gemini API 加快开发速度

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            有关使用 Gemini API 开发高性能客服人员的指南、最佳实践和数据分析。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://io.google/2025/explore/pa-keynote-3?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="Accelerate your development with the Gemini API, Watch now"
      
        data-category="Trending News Card"
      
    
    >立即观看</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://android-developers.googleblog.com/2025/05/prepare-play-apps-for-devices-with-16kb-page-size.html"
      
        data-category="Trending News Card"
      
        data-label="Optimize for 16KB pages on Google Play"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/focus/images/16kb.png?hl=zh-cn"
         srcset="https://developers.google.com/static/focus/images/16kb_36.png?hl=zh-cn 36w,https://developers.google.com/static/focus/images/16kb_48.png?hl=zh-cn 48w,https://developers.google.com/static/focus/images/16kb_72.png?hl=zh-cn 72w,https://developers.google.com/static/focus/images/16kb_96.png?hl=zh-cn 96w,https://developers.google.com/static/focus/images/16kb_480.png?hl=zh-cn 480w,https://developers.google.com/static/focus/images/16kb_720.png?hl=zh-cn 720w,https://developers.google.com/static/focus/images/16kb_856.png?hl=zh-cn 856w,https://developers.google.com/static/focus/images/16kb_960.png?hl=zh-cn 960w,https://developers.google.com/static/focus/images/16kb_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/focus/images/16kb_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/focus/images/16kb_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="google-play-16kb"
        data-text="针对 Google Play 上的 16KB 页面进行优化
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://android-developers.googleblog.com/2025/05/prepare-play-apps-for-devices-with-16kb-page-size.html"
      
        data-category="Trending News Card"
      
        data-label="Optimize for 16KB pages on Google Play"
      
    >
    
        针对 Google Play 上的 16KB 页面进行优化

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            使用 16KB 页面优化性能。立即在 Play 管理中心内查看应用的兼容性。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://android-developers.googleblog.com/2025/05/prepare-play-apps-for-devices-with-16kb-page-size.html"
  
    class="button button-primary
      "
    
    
      
        data-label="Optimize for 16KB pages on Google Play, Learn more"
      
        data-category="Trending News Card"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-50 devsite-landing-row-hero devsite-landing-row-no-image-background android-spotlight"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            
    devsite-landing-row-item-media-left
  ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/profile/u/me/plans-and-pricing/?utm_source=gfd&amp%3Butm_medium=referral&amp%3Butm_campaign=website&amp%3Bhl=zh-cn&hl=zh-cn"
      
        aria-label="Go further with Google Developer Program premium"
      
        data-category="Mobile Android Promo Banner"
      
        data-label="Go further with Google Developer Program premium"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/focus/images/gdp-2025.png?hl=zh-cn"
         srcset="https://developers.google.com/static/focus/images/gdp-2025_36.png?hl=zh-cn 36w,https://developers.google.com/static/focus/images/gdp-2025_48.png?hl=zh-cn 48w,https://developers.google.com/static/focus/images/gdp-2025_72.png?hl=zh-cn 72w,https://developers.google.com/static/focus/images/gdp-2025_96.png?hl=zh-cn 96w,https://developers.google.com/static/focus/images/gdp-2025_480.png?hl=zh-cn 480w,https://developers.google.com/static/focus/images/gdp-2025_720.png?hl=zh-cn 720w,https://developers.google.com/static/focus/images/gdp-2025_856.png?hl=zh-cn 856w,https://developers.google.com/static/focus/images/gdp-2025_960.png?hl=zh-cn 960w,https://developers.google.com/static/focus/images/gdp-2025_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/focus/images/gdp-2025_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/focus/images/gdp-2025_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="google"
        data-text="加入 Google 开发者计划高级方案，获享更多福利"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://developers.google.com/profile/u/me/plans-and-pricing/?utm_source=gfd&amp%3Butm_medium=referral&amp%3Butm_campaign=website&amp%3Bhl=zh-cn&hl=zh-cn"
      
        aria-label="Go further with Google Developer Program premium"
      
        data-category="Mobile Android Promo Banner"
      
        data-label="Go further with Google Developer Program premium"
      
    >
    
        加入 Google 开发者计划高级方案，获享更多福利
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            利用专属福利和资源，投资于您的开发者历程，助力您通过 Google 平台学习新知、开发项目，并实现持续发展。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/profile/u/me/plans-and-pricing/?utm_source=gfd&amp%3Butm_medium=referral&amp%3Butm_campaign=website&amp%3Bhl=zh-cn&hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="Go further with Google Developer Program premium, Learn more"
      
        data-category="Mobile Android Promo Banner"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards dgc-events-learn-community"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/events?hl=zh-cn"
      
        aria-label="Find an event"
      
        data-category="Homepage Promo Banner"
      
        data-label="Find an event"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/homepage-assets/images/find-event.png?hl=zh-cn"
         srcset="https://developers.google.com/static/homepage-assets/images/find-event_36.png?hl=zh-cn 36w,https://developers.google.com/static/homepage-assets/images/find-event_48.png?hl=zh-cn 48w,https://developers.google.com/static/homepage-assets/images/find-event_72.png?hl=zh-cn 72w,https://developers.google.com/static/homepage-assets/images/find-event_96.png?hl=zh-cn 96w,https://developers.google.com/static/homepage-assets/images/find-event_480.png?hl=zh-cn 480w,https://developers.google.com/static/homepage-assets/images/find-event_720.png?hl=zh-cn 720w,https://developers.google.com/static/homepage-assets/images/find-event_856.png?hl=zh-cn 856w,https://developers.google.com/static/homepage-assets/images/find-event_960.png?hl=zh-cn 960w,https://developers.google.com/static/homepage-assets/images/find-event_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/homepage-assets/images/find-event_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/homepage-assets/images/find-event_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="img-classfind-an-event-sticker-srcstatichomepage-assetsimagesfind-an-event-stickerpng"
        data-text="
    查找活动 

  
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://developers.google.com/events?hl=zh-cn"
      
        aria-label="Find an event"
      
        data-category="Homepage Promo Banner"
      
        data-label="Find an event"
      
    >
    
        
    查找活动 <img class="find-an-event-sticker" src="https://developers.google.com/static/homepage-assets/images/find-an-event-sticker.png?hl=zh-cn" />

  

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            参加线上和线下开发者活动，增长技术知识。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/events?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="Find an event"
      
        data-category="Homepage Promo Banner"
      
    
    >查看事件</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/learn?hl=zh-cn"
      
        aria-label="Improve technical skills"
      
        data-category="Homepage Promo Banner"
      
        data-label="Improve technical skills"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/homepage-assets/images/improve-tech-skills.png?hl=zh-cn"
         srcset="https://developers.google.com/static/homepage-assets/images/improve-tech-skills_36.png?hl=zh-cn 36w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_48.png?hl=zh-cn 48w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_72.png?hl=zh-cn 72w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_96.png?hl=zh-cn 96w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_480.png?hl=zh-cn 480w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_720.png?hl=zh-cn 720w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_856.png?hl=zh-cn 856w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_960.png?hl=zh-cn 960w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/homepage-assets/images/improve-tech-skills_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="img-classimprove-skills-sticker-srcstatichomepage-assetsimagesimprove-skills-stickerpng"
        data-text="
    提升技术技能

  
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://developers.google.com/learn?hl=zh-cn"
      
        aria-label="Improve technical skills"
      
        data-category="Homepage Promo Banner"
      
        data-label="Improve technical skills"
      
    >
    
        
    提升技术技能<img class="improve-skills-sticker" src="https://developers.google.com/static/homepage-assets/images/improve-skills-sticker.png?hl=zh-cn" />

  

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            及时了解 Google 技术的最新动向。既可提升已有技能，也可学习全新技能。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/learn?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="Improve technical skills"
      
        data-category="Homepage Promo Banner"
      
    
    >开始学习</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/community?hl=zh-cn"
      
        aria-label="Explore communities"
      
        data-category="Homepage Promo Banner"
      
        data-label="Join a community"
      
    >
    
  
  <picture>
    
    <img alt=""
         
         src="https://developers.google.com/static/homepage-assets/images/join-a-community.png?hl=zh-cn"
         srcset="https://developers.google.com/static/homepage-assets/images/join-a-community_36.png?hl=zh-cn 36w,https://developers.google.com/static/homepage-assets/images/join-a-community_48.png?hl=zh-cn 48w,https://developers.google.com/static/homepage-assets/images/join-a-community_72.png?hl=zh-cn 72w,https://developers.google.com/static/homepage-assets/images/join-a-community_96.png?hl=zh-cn 96w,https://developers.google.com/static/homepage-assets/images/join-a-community_480.png?hl=zh-cn 480w,https://developers.google.com/static/homepage-assets/images/join-a-community_720.png?hl=zh-cn 720w,https://developers.google.com/static/homepage-assets/images/join-a-community_856.png?hl=zh-cn 856w,https://developers.google.com/static/homepage-assets/images/join-a-community_960.png?hl=zh-cn 960w,https://developers.google.com/static/homepage-assets/images/join-a-community_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/homepage-assets/images/join-a-community_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/homepage-assets/images/join-a-community_2880.png?hl=zh-cn 2880w"
         
         
         sizes="(max-width: 840px) 50vw, 464px"
         
         loading="lazy"
         >
  </picture>
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description"
         >

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="img-classjoin-a-community-sticker-srcstatichomepage-assetsimagesjoin-a-community-stickerpng"
        data-text="
    加入社区 

  
"
        class="hide-from-toc no-link"
        tabindex="0">
      
  <a href="https://developers.google.com/community?hl=zh-cn"
      
        aria-label="Explore communities"
      
        data-category="Homepage Promo Banner"
      
        data-label="Join a community"
      
    >
    
        
    加入社区 <img class="join-a-community-sticker" src="https://developers.google.com/static/homepage-assets/images/join-a-community-sticker.png?hl=zh-cn" />

  

      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            无论您是哪个水平层次的开发者，我们多元化的社区都值得您去探索。

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/community?hl=zh-cn"
  
    class="button button-primary
      "
    
    
      
        data-label="Join a community"
      
        data-category="Homepage Promo Banner"
      
    
    >探索社区</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-header-centered devsite-landing-row-large-headings devsite-landing-row-cards devsite-landing-row-no-image-background dgc-social-footer"
           
    background="white"
  
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      
      <header class="devsite-landing-row-header"
              >

        

        
        <div class="devsite-landing-row-header-text">

          
    <h2 id="google-for-developers"
        data-text="关注 Google for Developers"
        
        tabindex="0">
      
    
        关注 Google for Developers
      
  
    </h2>
  

          
        </div>
        

        
      </header>
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-landing-row-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/yt.svg?hl=zh-cn"
           srcset="https://developers.google.com/static/homepage-assets/images/yt.svg?hl=zh-cn"
           sizes="64px"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="youtube"
        data-text="YouTube"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        YouTube
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            
    <p>订阅即可加入广告素材开发者社区，了解 Google 的最新技术。</p>

  

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://www.youtube.com/user/GoogleDevelopers?hl=zh-cn"
  
    class="button gc-analytics-event
      "
    
    
      
        data-label="YouTube, Learn more"
      
        data-category="Social Footer Card"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-landing-row-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/ig.webp?hl=zh-cn"
           srcset="https://developers.google.com/static/homepage-assets/images/ig.webp?hl=zh-cn"
           sizes="64px"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="instagram"
        data-text="Instagram"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        Instagram
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            
    <p>关注和发掘开发者资源、社区活动和鼓舞人心的故事。</p>

  

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://www.instagram.com/googlefordevs/"
  
    class="button gc-analytics-event
      "
    
    
      
        data-label="Instagram, Learn more"
      
        data-category="Social Footer Card"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media dgc-social-li"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-landing-row-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/li.png?hl=zh-cn"
           srcset="https://developers.google.com/static/homepage-assets/images/li_36.png?hl=zh-cn 36w,https://developers.google.com/static/homepage-assets/images/li_48.png?hl=zh-cn 48w,https://developers.google.com/static/homepage-assets/images/li_72.png?hl=zh-cn 72w,https://developers.google.com/static/homepage-assets/images/li_96.png?hl=zh-cn 96w,https://developers.google.com/static/homepage-assets/images/li_480.png?hl=zh-cn 480w,https://developers.google.com/static/homepage-assets/images/li_720.png?hl=zh-cn 720w,https://developers.google.com/static/homepage-assets/images/li_856.png?hl=zh-cn 856w,https://developers.google.com/static/homepage-assets/images/li_960.png?hl=zh-cn 960w,https://developers.google.com/static/homepage-assets/images/li_1440.png?hl=zh-cn 1440w,https://developers.google.com/static/homepage-assets/images/li_1920.png?hl=zh-cn 1920w,https://developers.google.com/static/homepage-assets/images/li_2880.png?hl=zh-cn 2880w"
           sizes="64px"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="linkedin"
        data-text="LinkedIn"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        LinkedIn
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            
    <p>加入广告素材开发者社区，了解如何利用最新的技术。</p>

  

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://www.linkedin.com/showcase/googledevelopers/"
  
    class="button gc-analytics-event
      "
    
    
      
        data-category="Social Footer Card"
      
        data-label="LinkedIn, Learn more"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <picture>
      
      <img class="devsite-landing-row-item-icon"
           alt=""
           src="https://developers.google.com/static/homepage-assets/images/x.svg?hl=zh-cn"
           srcset="https://developers.google.com/static/homepage-assets/images/x.svg?hl=zh-cn"
           sizes="64px"
           loading="lazy"
           >
    </picture>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="x"
        data-text="X"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        X
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            
    <p>加入对话，了解最新的开发者工具、资源、活动和公告。</p>

  

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://twitter.com/googledevs"
  
    class="button gc-analytics-event
      "
    
    
      
        data-category="Social Footer Card"
      
        data-label="X, Learn more"
      
    
    >了解详情</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  

  
    <devsite-hats-survey class="nocontent"
      hats-id="5Djwt4Azw0iQ84LPiVd0QYQ4sHzc"
      listnr-id="5123748"></devsite-hats-survey>
  
</div>

  

  <div class="devsite-floating-action-buttons"></div></article>



<devsite-notification
>
</devsite-notification>


  
<div class="devsite-content-data">
  
  
    <template class="devsite-content-data-template">
      [[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],[],[],[]]
    </template>
  
</div>
            
          </devsite-content>
        </main>
        <devsite-footer-promos class="devsite-footer">
          
            
          
        </devsite-footer-promos>
        <devsite-footer-linkboxes class="devsite-footer">
          
            
<nav class="devsite-footer-linkboxes nocontent" aria-label="页脚链接">
  
  <ul class="devsite-footer-linkboxes-list">
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">关注</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//googledevelopers.blogspot.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            博客
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://goo.gle/3FReQXN"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Bluesky
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://www.instagram.com/googlefordevs/"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Instagram
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://www.linkedin.com/showcase/googledevelopers/"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            LinkedIn
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//twitter.com/googledevs"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
          
            X (Twitter)
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//www.youtube.com/user/GoogleDevelopers"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 6)"
            >
            
              
              
            
          
            YouTube
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">计划</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/program"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            Google Developer Program
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Google Developer Groups
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/experts"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Google Developer Experts
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/accelerators"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            Accelerators
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/womentechmakers"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
          
            Women Techmakers
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/nvidia"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 6)"
            >
            
              
              
            
          
            Google Cloud & NVIDIA
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">开发者控制台</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.developers.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            Google API Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.cloud.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Google Cloud Platform Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//play.google.com/apps/publish"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Google Play 管理中心
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.firebase.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            Firebase Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.actions.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
          
            Actions on Google Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//cast.google.com/publish"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 6)"
            >
            
          
            Cast SDK Developer Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//chrome.google.com/webstore/developer/dashboard"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 7)"
            >
            
          
            Chrome Web Store Dashboard
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.home.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 8)"
            >
            
              
              
            
          
            Google Home Developer Console
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
  </ul>
  
</nav>
          
        </devsite-footer-linkboxes>
        <devsite-footer-utility class="devsite-footer">
          
            

<div class="devsite-footer-utility nocontent">
  
  
  <nav class="devsite-footer-sites" aria-label="其他 Google Developers 网站">
    <a href="https://developers.google.com/?hl=zh-cn"
       class="devsite-footer-sites-logo-link gc-analytics-event"
       data-category="Site-Wide Custom Events"
       data-label="Footer Google Developers Link">
      <picture>
        
        <img class="devsite-footer-sites-logo"
             src="https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/lockup-google-for-developers.svg"
             loading="lazy"
             alt="Google Developers">
      </picture>
    </a>
    <ul class="devsite-footer-sites-list">
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.android.com?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Android Link"
         
         >
          Android
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.chrome.com/home?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Chrome Link"
         
         >
          Chrome
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//firebase.google.com?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Firebase Link"
         
         >
          Firebase
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//cloud.google.com?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Google Cloud Platform Link"
         
         >
          Google Cloud Platform
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//ai.google.dev/?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Google AI Link"
         
         >
          Google AI
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="https://developers.google.com/products?hl=zh-cn"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer All products Link"
         
         >
          所有产品
        </a>
      </li>
      
    </ul>
  </nav>
  

  
  <nav class="devsite-footer-utility-links" aria-label="实用程序链接">
    
    <ul class="devsite-footer-utility-list">
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="https://developers.google.com/terms/site-terms?hl=zh-cn"
           data-category="Site-Wide Custom Events"
           data-label="Footer Terms link"
         >
          条款
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="//policies.google.com/privacy?hl=zh-cn"
           data-category="Site-Wide Custom Events"
           data-label="Footer Privacy link"
         >
          隐私权政策
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 glue-cookie-notification-bar-control">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="#"
           data-category="Site-Wide Custom Events"
           data-label="Footer Manage cookies link"
         
           aria-hidden="true"
         >
          Manage cookies
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 devsite-footer-utility-button">
        
        <span class="devsite-footer-utility-description">订阅 Google Developers 简报</span>
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="https://developers.google.com/newsletter/subscribe?hl=zh-cn"
           data-category="Site-Wide Custom Events"
           data-label="Footer Subscribe link"
         >
          订阅
        </a>
        
      </li>
      
    </ul>
    
    
<devsite-language-selector>
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" lang="en"
        >English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="de"
        >Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es"
        >Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es_419"
        >Español – América Latina</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fr"
        >Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="id"
        >Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="it"
        >Italiano</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pl"
        >Polski</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pt_br"
        >Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="vi"
        >Tiếng Việt</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="tr"
        >Türkçe</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ru"
        >Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="he"
        >עברית</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ar"
        >العربيّة</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fa"
        >فارسی</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="hi"
        >हिंदी</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="bn"
        >বাংলা</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="th"
        >ภาษาไทย</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_cn"
        >中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_tw"
        >中文 – 繁體</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ja"
        >日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ko"
        >한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>

  </nav>
</div>
          
        </devsite-footer-utility>
        <devsite-panel>
          
        </devsite-panel>
        
      </section></section>
    <devsite-sitemask></devsite-sitemask>
    <devsite-snackbar></devsite-snackbar>
    <devsite-tooltip ></devsite-tooltip>
    <devsite-heading-link></devsite-heading-link>
    <devsite-analytics>
      
        <script type="application/json" analytics>[{&#34;dimensions&#34;: {&#34;dimension3&#34;: false, &#34;dimension5&#34;: &#34;zh-cn&#34;, &#34;dimension4&#34;: &#34;Google for Developers&#34;, &#34;dimension11&#34;: true, &#34;dimension6&#34;: &#34;zh-cn&#34;, &#34;dimension1&#34;: &#34;Signed out&#34;}, &#34;gaid&#34;: &#34;UA-24532603-1&#34;, &#34;metrics&#34;: {&#34;ratings_count&#34;: &#34;metric2&#34;, &#34;ratings_value&#34;: &#34;metric1&#34;}, &#34;purpose&#34;: 1}]</script>
<script type="application/json" tag-management>{&#34;at&#34;: &#34;True&#34;, &#34;ga4&#34;: [{&#34;id&#34;: &#34;G-272J68FCRF&#34;, &#34;purpose&#34;: 1}, {&#34;id&#34;: &#34;G-P65P8J8YWQ&#34;, &#34;purpose&#34;: 0}], &#34;ga4p&#34;: [{&#34;id&#34;: &#34;G-272J68FCRF&#34;, &#34;purpose&#34;: 1}], &#34;gtm&#34;: [], &#34;parameters&#34;: {&#34;internalUser&#34;: &#34;False&#34;, &#34;language&#34;: {&#34;machineTranslated&#34;: &#34;True&#34;, &#34;requested&#34;: &#34;zh-cn&#34;, &#34;served&#34;: &#34;zh-cn&#34;}, &#34;pageType&#34;: &#34;article&#34;, &#34;projectName&#34;: &#34;Google for Developers&#34;, &#34;signedIn&#34;: &#34;False&#34;, &#34;tenant&#34;: &#34;developers&#34;, &#34;recommendations&#34;: {&#34;sourcePage&#34;: &#34;&#34;, &#34;sourceType&#34;: 0, &#34;sourceRank&#34;: 0, &#34;sourceIdenticalDescriptions&#34;: 0, &#34;sourceTitleWords&#34;: 0, &#34;sourceDescriptionWords&#34;: 0, &#34;experiment&#34;: &#34;&#34;}, &#34;experiment&#34;: {&#34;ids&#34;: &#34;&#34;}}}</script>
      
    </devsite-analytics>
    
      <devsite-badger></devsite-badger>
    
    
    
    
<script nonce="HzypxGhqVtPz+hj/Fcheg89Wggi0xm">
  
  (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;
    t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0];
    E.parentNode.insertBefore(t,E);})(window, document, 'script',
    'https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/js/app_loader.js', '[1,"zh_cn",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45","https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers","https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/favicon-new.png","https://www.gstatic.com/devrel-devsite/prod/v7f9e36f6d186549b8ffe909dedf2851d752c55d39aba6c518bdd33de03ff1b45/developers/images/lockup-new.svg","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["BookNav__enable_tenant_cache_key","Cloud__enable_llm_concierge_chat","MiscFeatureFlags__developers_footer_image","Cloud__enable_cloud_dlp_service","MiscFeatureFlags__enable_explicit_template_dependencies","DevPro__enable_vertex_credit_card","MiscFeatureFlags__enable_variable_operator_index_yaml","MiscFeatureFlags__enable_variable_operator","DevPro__enable_cloud_innovators_plus","Profiles__enable_playlist_community_acl","DevPro__enable_firebase_workspaces_card","Profiles__enable_awarding_url","CloudShell__cloud_shell_button","MiscFeatureFlags__developers_footer_dark_image","Profiles__enable_release_notes_notifications","MiscFeatureFlags__enable_view_transitions","Profiles__enable_page_saving","MiscFeatureFlags__gdp_dashboard_reskin_enabled","Profiles__enable_developer_profile_benefits_ui_redesign","Profiles__enable_dashboard_curated_recommendations","Profiles__enable_complete_playlist_endpoint","Profiles__enable_purchase_prompts","MiscFeatureFlags__emergency_css","DevPro__enable_code_assist","Cloud__enable_cloud_shell","DevPro__enable_nvidia_credits_card","DevPro__enable_free_benefits","TpcFeatures__proxy_prod_host","MiscFeatureFlags__enable_project_variables","MiscFeatureFlags__enable_appearance_cookies","Search__enable_suggestions_from_borg","Profiles__enable_developer_profiles_callout","Cloud__enable_legacy_calculator_redirect","MiscFeatureFlags__enable_framebox_badge_methods","Cloud__enable_cloud_shell_fte_user_flow","Concierge__enable_key_takeaways","Search__enable_ai_eligibility_checks","Profiles__enable_stripe_subscription_management","Profiles__enable_recognition_badges","Search__enable_page_map","MiscFeatureFlags__enable_firebase_utm","MiscFeatureFlags__enable_llms_txt","Cloud__enable_free_trial_server_call","Concierge__enable_remove_info_panel_tags","Analytics__enable_clearcut_logging","Experiments__reqs_query_experiments","Cloud__fast_free_trial","DevPro__enable_google_payments_buyflow","DevPro__enable_google_one_card","Cloud__enable_cloudx_experiment_ids","Profiles__enable_completecodelab_endpoint","Concierge__enable_pushui","Search__enable_ai_search_summaries_for_all","Profiles__enable_profile_collections","Profiles__require_profile_eligibility_for_signin","TpcFeatures__enable_unmirrored_page_left_nav","Profiles__enable_completequiz_endpoint","DevPro__enable_devpro_offers","CloudShell__cloud_code_overflow_menu","Profiles__enable_public_developer_profiles","DevPro__enable_enterprise","Profiles__enable_user_type","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_join_program_group_endpoint","Concierge__enable_actions_menu","Significatio__enable_by_tenant","Search__enable_dynamic_content_confidential_banner","DevPro__enable_developer_subscriptions"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[1,"developers","Google for Developers","developers.google.com",null,"developers-dot-devsite-v2-prod.appspot.com",null,null,[1,1,[1],null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations/information"],null,null,null,[1,1,1],[1,1,null,1,1],[1]],null,[null,null,null,null,null,null,"/images/lockup-new.svg","/images/touchicon-180-new.png",null,null,null,null,1,null,null,null,null,null,null,null,null,1,null,null,null,"/images/lockup-dark-theme-new.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,29,32,36],null,[[null,null,null,[3,7,10,2,39,17,4,32,24,11,12,13,34,15,25],null,null,[1,[["docType","Choose a content type",[["Tutorial",null,null,null,null,null,null,null,null,"Tutorial"],["Guide",null,null,null,null,null,null,null,null,"Guide"],["Sample",null,null,null,null,null,null,null,null,"Sample"]]],["product","Choose a product",[["Android",null,null,null,null,null,null,null,null,"Android"],["ARCore",null,null,null,null,null,null,null,null,"ARCore"],["ChromeOS",null,null,null,null,null,null,null,null,"ChromeOS"],["Firebase",null,null,null,null,null,null,null,null,"Firebase"],["Flutter",null,null,null,null,null,null,null,null,"Flutter"],["Assistant",null,null,null,null,null,null,null,null,"Google Assistant"],["GoogleCloud",null,null,null,null,null,null,null,null,"Google Cloud"],["GoogleMapsPlatform",null,null,null,null,null,null,null,null,"Google Maps Platform"],["GooglePay",null,null,null,null,null,null,null,null,"Google Pay & Google Wallet"],["GooglePlay",null,null,null,null,null,null,null,null,"Google Play"],["Tensorflow",null,null,null,null,null,null,null,null,"TensorFlow"]]],["category","Choose a topic",[["AiAndMachineLearning",null,null,null,null,null,null,null,null,"AI and Machine Learning"],["Data",null,null,null,null,null,null,null,null,"Data"],["Enterprise",null,null,null,null,null,null,null,null,"Enterprise"],["Gaming",null,null,null,null,null,null,null,null,"Gaming"],["Mobile",null,null,null,null,null,null,null,null,"Mobile"],["Web",null,null,null,null,null,null,null,null,"Web"]]]]]],[1,1],null,1],[[["UA-24532603-1"],["UA-22084204-5"],null,null,["UA-24532603-5"],null,null,[["G-272J68FCRF"],null,null,[["G-272J68FCRF",2]]],[["UA-24532603-1",2]],null,[["UA-24532603-5",2]],null,1],[[12,9],[1,1],[16,13],[11,8],[6,5],[13,10],[15,12],[4,3],[5,4],[3,2],[14,11]],[[2,2],[1,1]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"developers.devsite.google",null,null,null,null,null,[]],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m",1,null,"https://developerscontentinsights-pa.clients6.google.com","AIzaSyCg-ZUslalsEbXMfIo9ZP8qufZgo3LSBDU","AIzaSyDxT0vkxnY_KeINtA4LSePJO-4MAZPMRsE","https://developers.clients6.google.com",["https://codeassist.google.com","https://code-assist-free-tier.corp.google.com"]]')
  
</script>

    <devsite-a11y-announce></devsite-a11y-announce>
  </body>
</html>