九游開發者文檔：快速整合指南

開始整合九游 SDK。只要在專案中引入核心 JS 檔案，並在初始化時填入您的 App ID，即可啟用遊戲下載與帳號登入功能。

新手五分鐘入門

立即前往九游下載頁面取得最新客戶端。安裝後使用手機號或九游帳號登入，即可瀏覽全站遊戲並參與社群互動。

CSS

將 Bootstrap 的 CSS <link> 標籤貼入 <head> 最上方，確保所有自訂樣式能正確覆蓋。

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

JS

多數互動元件（如彈窗、輪播）依賴 jQuery 與 Bootstrap JS。請依序引入 jQuery、bootstrap.bundle.min.js，最後載入九游自訂插件，並將所有 <script> 置於 </body> 之前。

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

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

基礎頁面結構

請確認頁面使用 HTML5 doctype，並加入 <meta name="viewport"> 以支援行動裝置。以下為九游推薦的基礎頁面結構範例。

HTML 範本：

<!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="九游中國站點圍繞九游遊戲中心構建完整的手遊服務體系，涵蓋遊戲下載、內容推薦與玩家互動等功能。" />
        <meta name="keywords" content="九游下載, 九游手遊, 九游官網, 九游客戶端, 九游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="preloader">
            --------
            --------
        </div>
        <!-- 載入動畫結束 -->

        <!-- 導覽列開始 -->
        <header>
            <div class="container">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導覽列結束 -->

        <!-- 英雄區開始 -->
        <section class="hero-section">
            <div class="row">
                --------
                --------
                --------
                --------
            </div>
        </section>
        英雄區內容結束

        頁腳區塊開始
        <footer>
            <div class="col-12">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        頁腳區塊結束

        返回頂部按鈕開始
        <a href="#" class="back-to-top" id="back-to-top">
            --------
            --------
        </a>
        返回頂部按鈕結束

        JavaScript 載入開始
        <script src="js/jquery-3.4.1.min.js"></script>
        九游专注优化下载与更新流程，确保流畅稳定的游戏体验。，为用户提供专业可靠的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        JavaScript 載入結束
    </body>
</html>
                        

多語言與在地化

多語言支援：

深色模式設定

深色模式：

深色 RTL 模式：

導航選單

選單置中靠右

選單置中靠左

淺色選單置中

淺色選單靠右

淺色選單靠左