VVLL.net

修改浏览器地址栏颜色

日期:2024-08-22 09:58:31

修改手机浏览器地址栏和状态栏的颜色

要修改手机浏览器地址栏和状态栏的颜色,可以使用 HTML 和 CSS 来实现。以下是两种常见的方式:

1. 使用 HTML meta 标签修改浏览器地址栏颜色

对于安卓设备,可以使用 theme-color meta 标签:

<!-- 在你的 HTML <head> 部分中添加以下内容 -->
<meta name="theme-color" content="#000000" />

2. 使用 CSS 修改 iOS Safari 浏览器的状态栏颜色

对于 iOS 设备,可以使用 Apple 提供的 meta 标签来设置状态栏的颜色:

<!-- 在你的 HTML <head> 部分中添加以下内容 -->
<meta
  name="apple-mobile-web-app-status-bar-style"
  content="black-translucent"
/>
<!-- 或者 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 如果你希望使用自定义颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="default"