实时体育数据 数据来源：黑白体育

⚽ 足球实时 (6)

主队比分客队联赛时间(北京)
薩馬拉蘇維托夫翅膀二隊0:0德澤爾任斯克化學家俄羅斯FNL 2 第4組17:00
新西伯利亞西伯利亞人1:0莫斯科維萊斯俄羅斯FNL 2 甲組金牌組17:00
抱川市民1:0江陵市民韓國K3聯賽17:00
昆士蘭獅子2:1羅奇代爾流浪者澳洲昆士蘭NPL15:00
伊爾庫茨克0:4聖彼得堡迪納摩俄羅斯FNL 2 第2組15:00
聖奧爾本斯聖徒2:1阿爾托納魔術澳洲維多利亞NPL15:00
更新于 2026-06-21 17:18（北京时间）
立即購買

帮助中心

简介

欢迎探索黑白体育的开发者文档，获取集成赛事数据与直播流的详尽指南。

快速开始

利用黑白体育API，为您的应用注入实时比分与精彩赛事内容，提升用户互动体验。

CSS

将以下样式链接添加到您的 `<head>` 区域，优先加载官方CSS，确保界面视觉一致性。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

为确保所有交互功能正常运作，请务必在页面底部按顺序引入jQuery及黑白体育的JS插件：jQuery, bootstrap.bundle.min.js, 黑白体育JS插件。

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

快速上手

确保您的页面遵循最新的HTML5标准，并包含视口meta标签，以实现流畅的响应式赛事信息展示。

代码集成示例 :
<!doctype html>
<html lang="zh-TW">
    <head>

        <meta charset="utf-8" />
        <title>黑白体育 - 官方文档</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="黑白体育官网，提供2026世界杯及各大体育赛事实时比分、高清直播、赛事预告及深度资讯，下载官方App畅享极速观赛体验。" />
        <meta name="keywords" content="黑白体育, 2026世界杯, 体育直播, 实时比分, 官方App" />

        <!-- 网站图标 -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap 框架 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- 主 CSS 文件 -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- 加载动画开始 -->
        <div id="loader">
            --------
            --------
        </div>
        <!-- 加载动画结束 -->

        <!-- 导航栏开始 -->
        <header>
            <nav class="navbar navbar-expand-lg">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 导航栏结束 -->

        <!-- 英雄区域开始 -->
        <section class="hero-section">
            黑白体育围绕多语种同步解说，身临其境不断创新，回应用户的真实需求。
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄区域结束 -->

        <!-- 页脚开始 -->
        <footer>
            精选极速秒播，告别卡顿内容，黑白体育与你一同发现更多精彩。
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 页脚结束 -->

        <!-- 返回顶部开始 -->
        <a href="#" class="scroll" id="scroll">
            --------
            --------
        </a>
        <!-- 返回顶部结束 -->

        <!-- JavaScript 文件开始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        黑白体育专注纯净版App，无广告干扰，为用户提供专业可靠的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript 文件结束 -->
    </body>
</html>
多语言支持
多语种支持 :

欲启用多语种赛事内容支持，请将 `style.css` 替换为 `style-rtl.css`。

暗黑模式
暗黑模式 :

欲切换至暗黑模式以优化夜间观赛体验，请将 `style.css` 替换为 `style-dark.css`。

暗黑多语种模式 :

组合使用暗黑模式与多语种支持，请将 `style.css` 替换为 `style-dark-rtl.css`。

菜单
导航居中至右

将导航菜单的对齐方式从居中调整至右侧，请在导航容器类中添加 `nav-right`。

导航居中至左

将导航菜单的对齐方式从居中调整至左侧，请在导航容器类中添加 `nav-left`。

亮色导航居中

如需亮色主题下的居中导航，请添加 `nav-light` 类。

亮色导航右置

如需亮色主题下的右置导航，请同时添加 `nav-right` 和 `nav-light` 类。

亮色导航左置

如需亮色主题下的左置导航，请同时添加 `nav-left` 和 `nav-light` 类。