us-address-generator/california-address-generator.html at main · daixuchao/us-address-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta
      name="description"
      content="California 地址生成器，随机生成包含 Los Angeles、San Diego、San Francisco、Sacramento 等城市的 CA 测试地址。"
    >
    <link rel="canonical" href="https://global-address.com/california-address-generator">
    <meta property="og:title" content="California Address Generator - 美国地址生成器">
    <meta property="og:description" content="随机生成 California 测试地址，适合表单测试、产品原型和 CSV 示例数据。">
    <meta property="og:url" content="https://global-address.com/california-address-generator">
    <meta property="og:type" content="website">
    <meta name="robots" content="index,follow">
    <meta property="og:site_name" content="Global Address Generator">
    <meta name="twitter:card" content="summary">
    <title>California Address Generator - 美国地址生成器</title>
    <link rel="stylesheet" href="./styles.css">
      <script type="application/ld+json" data-generated="seo">
[
      {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                  {
                        "@type": "ListItem",
                        "position": 1,
                        "name": "首页",
                        "item": "https://global-address.com/"
                  },
                  {
                        "@type": "ListItem",
                        "position": 2,
                        "name": "随机生成 California 地址",
                        "item": "https://global-address.com/california-address-generator"
                  }
            ]
      },
      {
            "@context": "https://schema.org",
            "@type": "WebPage",
            "name": "California Address Generator - 美国地址生成器",
            "url": "https://global-address.com/california-address-generator",
            "inLanguage": "Chinese",
            "description": "California 地址生成器，随机生成包含 Los Angeles、San Diego、San Francisco、Sacramento 等城市的 CA 测试地址。",
            "isPartOf": {
                  "@type": "WebSite",
                  "name": "Global Address Generator",
                  "url": "https://global-address.com/"
            },
            "headline": "随机生成 California 地址"
      },
      {
            "@context": "https://schema.org",
            "@type": "WebApplication",
            "name": "随机生成 California 地址",
            "url": "https://global-address.com/california-address-generator",
            "applicationCategory": "DeveloperApplication",
            "operatingSystem": "Any",
            "inLanguage": "Chinese",
            "description": "California 地址生成器，随机生成包含 Los Angeles、San Diego、San Francisco、Sacramento 等城市的 CA 测试地址。",
            "offers": {
                  "@type": "Offer",
                  "price": "0",
                  "priceCurrency": "USD"
            },
            "featureList": [
                  "Random address generation",
                  "Local names and phone numbers",
                  "Copyable output",
                  "CSV export",
                  "Country-specific address formats"
            ]
      },
      {
            "@context": "https://schema.org",
            "@type": "FAQPage",
            "mainEntity": [
                  {
                        "@type": "Question",
                        "name": "这个地址生成器适合什么场景？",
                        "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "适合表单测试、产品原型、演示数据、CSV 示例和国际化地址字段验证。"
                        }
                  },
                  {
                        "@type": "Question",
                        "name": "生成的地址是真实可投递地址吗？",
                        "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "不是。生成结果是测试数据，不保证真实或可投递。"
                        }
                  },
                  {
                        "@type": "Question",
                        "name": "可以复制或导出生成结果吗？",
                        "acceptedAnswer": {
                              "@type": "Answer",
                              "text": "可以。生成器支持复制结果和导出 CSV 文件。"
                        }
                  }
            ]
      }
]
    </script>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2492600177003381"
      crossorigin="anonymous"></script>
  </head>
  <body data-default-state="CA">
    <header class="site-header">
      <a class="brand" href="./" aria-label="美国地址生成器首页">
        <span class="brand__mark" aria-hidden="true">US</span>
        <span>美国地址生成器</span>
      </a>
      <nav class="nav" aria-label="页面导航">
        <a href="#generator">生成器</a>
        <a href="./new-york-address-generator">New York</a>
        <a href="./guides">知识中心</a>
        <a href="./us-address-format">地址格式</a>
      </nav>
    </header>

    <main>
      <section class="hero" aria-labelledby="pageTitle">
        <div class="hero__content">
          <p class="eyebrow">California Address Generator</p>
          <h1 id="pageTitle">随机生成 California 地址</h1>
          <p class="hero__text">
            生成带有 CA 州缩写和 California 城市 ZIP Code 范围的测试地址，适合注册表单、结账流程、CRM 样例和产品演示。
          </p>
        </div>
      </section>

      <section id="generator" class="layout" aria-label="California 地址生成器">
        <section class="generator-panel">
          <div class="panel-head">
            <div>
              <p class="eyebrow">Generator</p>
              <h2>生成设置</h2>
            </div>
            <button class="ghost-button" id="clearBtn" type="button">清空</button>
          </div>

          <div class="controls">
            <label>
              <span>州</span>
              <select id="stateSelect">
                <option value="all">全美国随机</option>
              </select>
            </label>

            <label>
              <span>数量</span>
              <input id="countInput" type="number" min="1" max="20" value="5">
            </label>

            <label class="checkbox-row">
              <input id="includeName" type="checkbox" checked>
              <span>包含本地姓名</span>
            </label>
          </div>

          <div class="actions">
            <button class="primary-button" id="generateBtn" type="button">生成地址</button>
            <button class="secondary-button" id="copyBtn" type="button">复制全部</button>
            <button class="secondary-button" id="downloadBtn" type="button">导出 CSV</button>
          </div>

          <p class="helper-text">
            默认生成 California 地址。生成结果用于测试和演示，不代表真实可投递地址。
          </p>
        </section>

        <section class="results-panel" aria-live="polite" aria-label="生成结果">
          <div class="panel-head">
            <div>
              <p class="eyebrow">Results</p>
              <h2>地址列表</h2>
            </div>
            <span class="result-count" id="resultCount">0 条</span>
          </div>
          <div id="addressList" class="address-list"></div>
        </section>
      </section>

      <section id="faq" class="info-section">
        <div>
          <h2>覆盖哪些 California 城市</h2>
          <p>
            当前生成器会从 Los Angeles、San Diego、San Francisco、Sacramento 等城市范围中随机组合街道、城市、CA 州缩写和 ZIP Code。
          </p>
        </div>
        <div>
          <h2>适合什么场景</h2>
          <p>
            适合美国地址格式测试、州下拉框校验、CSV 样例数据、表单占位和产品原型。需要理解字段规则时，可以阅读
            <a href="./us-address-format">美国地址格式说明</a>。
          </p>
          <a class="text-link" href="./guides">查看地址知识中心</a>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <span>© 2026 美国地址生成器</span>
      <span>
        <a href="./privacy">隐私政策</a>
        <a href="./terms">使用条款</a>
        <a href="./contact">联系</a>
      </span>
    </footer>

    <script src="./app.js?v=20260708-zip5"></script>
  </body>
</html>