Address bar 地址栏
/uh-DRESS BAR/ · noun · 导航类模式 · #110
浏览器顶部那条长长的输入框，显示当前网页的地址（URL），也是输入新网址的地方。现在的浏览器里它同时也是搜索框；Chrome 的开发文档叫它 omnibox，Mac 上的 Safari 叫 Smart Search field（智能搜索栏）。在手机上它常常在屏幕底部。
别名：网址栏、浏览器地址栏。
你可能会这样叫它
- “显示网址的那一栏”
- “输入网址的地方”
- “浏览器顶上的输入框”
- “Safari 底部的搜索栏”
- “网址栏”
……它的名字是 地址栏（Address bar）。
常见问题
地址栏是什么意思？
地址栏是浏览器顶部（手机上常在底部）显示当前网页地址（网址、URL）的那一栏。点进去输入网址就能打开网页，输入关键词则直接搜索；左边的小图标点开能看到这个网站的连接和权限设置。
浏览器地址栏和搜索栏有什么区别？
地址栏属于浏览器，能打开任何网址，现在也兼做网页搜索；搜索栏属于某个网站或 App，只搜索站内的内容，比如商城里的商品。以前的浏览器在地址栏旁边另有一个搜索框，现在大多合二为一。
代码里叫什么
| JavaScript | location.href history.pushState() |
|---|---|
| HTML | <meta name="theme-color"> 在安卓 Chrome 和已安装的网页应用里为浏览器工具栏着色 |
| Web app manifest | "display": "standalone" 安装后的网页应用打开时不显示地址栏 |
| iOS / Android | SFSafariViewController Custom Tabs App 内置浏览器只显示、不可编辑的地址 |
复制给 AI 编程工具
让这个网页应用和浏览器地址栏配合好：每个视图都有自己的网址，切换时用 history.pushState() 更新，这样地址可以复制、分享、收藏，刷新后也不丢失位置；网址保持简短易读；为会给工具栏着色的浏览器设置与页头一致的 theme-color；并分别在地址栏位于屏幕顶部和底部时测试布局。