{"id":14,"date":"2025-10-30T09:52:46","date_gmt":"2025-10-30T01:52:46","guid":{"rendered":"https:\/\/www.alizhai.com\/index.php\/tools-page\/"},"modified":"2025-10-30T16:18:25","modified_gmt":"2025-10-30T08:18:25","slug":"tools-page","status":"publish","type":"page","link":"https:\/\/www.alizhai.com\/index.php\/tools-page\/","title":{"rendered":""},"content":{"rendered":"\n    <div class=\"spe-embed-system\">\n        <!-- \u5de6\u4fa7\u60ac\u6d6e\u5bfc\u822a - \u4fee\u590d\u70b9\u51fb\u95ee\u9898 -->\n                    <div class=\"spe-left-float-nav\" id=\"spe-left-nav\">\n                <div class=\"spe-nav-header\">\n                    <button class=\"spe-nav-toggle\" onclick=\"toggleNav()\">\n                        <span class=\"spe-toggle-icon\">\u2261<\/span>\n                    <\/button>\n                    <h3>\u5de5\u5177\u5bfc\u822a<\/h3>\n                <\/div>\n                <div class=\"spe-nav-menu\" id=\"spe-nav-menu\">\n                                            <!-- \u4fee\u590d\uff1a\u4f7f\u7528onclick\u76f4\u63a5\u7ed1\u5b9a\u51fd\u6570 -->\n                        <a href=\"javascript:void(0);\" \n                           class=\"spe-nav-link spe-active\" \n                           onclick=\"loadPage('home.html')\"\n                           data-page=\"home.html\">\n                            <span class=\"spe-nav-icon\">\u2022<\/span>\n                            <span class=\"spe-nav-text\">\u9996\u9875<\/span>\n                        <\/a>\n                                            <!-- \u4fee\u590d\uff1a\u4f7f\u7528onclick\u76f4\u63a5\u7ed1\u5b9a\u51fd\u6570 -->\n                        <a href=\"javascript:void(0);\" \n                           class=\"spe-nav-link \" \n                           onclick=\"loadPage('about.html')\"\n                           data-page=\"about.html\">\n                            <span class=\"spe-nav-icon\">\u2022<\/span>\n                            <span class=\"spe-nav-text\">\u5173\u4e8e\u6211\u4eec<\/span>\n                        <\/a>\n                                            <!-- \u4fee\u590d\uff1a\u4f7f\u7528onclick\u76f4\u63a5\u7ed1\u5b9a\u51fd\u6570 -->\n                        <a href=\"javascript:void(0);\" \n                           class=\"spe-nav-link \" \n                           onclick=\"loadPage('services.html')\"\n                           data-page=\"services.html\">\n                            <span class=\"spe-nav-icon\">\u2022<\/span>\n                            <span class=\"spe-nav-text\">\u670d\u52a1\u9879\u76ee<\/span>\n                        <\/a>\n                                            <!-- \u4fee\u590d\uff1a\u4f7f\u7528onclick\u76f4\u63a5\u7ed1\u5b9a\u51fd\u6570 -->\n                        <a href=\"javascript:void(0);\" \n                           class=\"spe-nav-link \" \n                           onclick=\"loadPage('contact.html')\"\n                           data-page=\"contact.html\">\n                            <span class=\"spe-nav-icon\">\u2022<\/span>\n                            <span class=\"spe-nav-text\">\u8054\u7cfb\u6211\u4eec<\/span>\n                        <\/a>\n                                            <!-- \u4fee\u590d\uff1a\u4f7f\u7528onclick\u76f4\u63a5\u7ed1\u5b9a\u51fd\u6570 -->\n                        <a href=\"javascript:void(0);\" \n                           class=\"spe-nav-link \" \n                           onclick=\"loadPage('about.html')\"\n                           data-page=\"about.html\">\n                            <span class=\"spe-nav-icon\">1<\/span>\n                            <span class=\"spe-nav-text\">123<\/span>\n                        <\/a>\n                                    <\/div>\n                <div class=\"spe-nav-footer\">\n                    <div class=\"spe-nav-info\">\n                        <p><strong>\u5f53\u524d\u9875\u9762\uff1a<\/strong><span id=\"spe-current-page\">home.html<\/span><\/p>\n                        <p><strong>\u6587\u4ef6\u4f4d\u7f6e\uff1a<\/strong>wp-content\/static-html\/<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n                \n        <!-- \u9759\u6001\u9875\u9762\u5bb9\u5668 -->\n        <div class=\"spe-static-container\">\n            <div class=\"spe-loading\" id=\"spe-loading\">\n                <div class=\"spe-spinner\"><\/div>\n                <p>\u6b63\u5728\u52a0\u8f7d\u9875\u9762...<\/p>\n            <\/div>\n            <iframe id=\"spe-iframe\" \n                    src=\"https:\/\/www.alizhai.com\/wp-content\/static-html\/home.html\" \n                    class=\"spe-iframe\" \n                    frameborder=\"0\"\n                    style=\"width: 100%; height: 600px;\"\n                    onload=\"this.style.display='block'; document.getElementById('spe-loading').style.display='none';\">\n            <\/iframe>\n        <\/div>\n    <\/div>\n    \n    <style>\n        \/* \u57fa\u7840\u6837\u5f0f\u91cd\u7f6e *\/\n        .spe-embed-system * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .spe-embed-system {\n            position: relative;\n            font-family: \"Microsoft YaHei\", Arial, sans-serif;\n        }\n        \n        \/* \u89e3\u51b3max-width\u95ee\u9898 *\/\n        .spe-embed-system {\n            max-width: none !important;\n            width: 100% !important;\n            --wp--style--global--content-size: 100% !important;\n        }\n        \n        .spe-embed-system .wp-block,\n        .spe-embed-system .entry-content,\n        .spe-embed-system .post,\n        .spe-embed-system .page {\n            max-width: none !important;\n            width: 100% !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            background: none !important;\n            border: none !important;\n        }\n        \n        \/* \u5de6\u4fa7\u60ac\u6d6e\u5bfc\u822a *\/\n        .spe-left-float-nav {\n            position: fixed;\n            left: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            border-radius: 10px;\n            box-shadow: 0 5px 25px rgba(0,0,0,0.2);\n            z-index: 9999; \/* \u786e\u4fdd\u5728\u6700\u4e0a\u5c42 *\/\n            width: 250px;\n            transition: all 0.3s ease;\n            border: 1px solid #e1e1e1;\n        }\n        \n        .spe-nav-header {\n            padding: 15px 20px;\n            border-bottom: 1px solid #f1f1f1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .spe-nav-header h3 {\n            font-size: 16px;\n            color: #2c3e50;\n            margin: 0;\n        }\n        \n        .spe-nav-toggle {\n            background: none;\n            border: none;\n            cursor: pointer;\n            font-size: 18px;\n            color: #666;\n            padding: 5px;\n            border-radius: 4px;\n            transition: all 0.3s ease;\n        }\n        \n        .spe-nav-toggle:hover {\n            background: #f8f9fa;\n            color: #333;\n        }\n        \n        .spe-nav-menu {\n            padding: 10px 0;\n            max-height: 400px;\n            overflow-y: auto;\n        }\n        \n        \/* \u4fee\u590d\uff1a\u589e\u5f3a\u5bfc\u822a\u9879\u7684\u53ef\u70b9\u51fb\u533a\u57df *\/\n        .spe-nav-link {\n            display: flex;\n            align-items: center;\n            padding: 15px 20px; \/* \u589e\u52a0\u5185\u8fb9\u8ddd *\/\n            color: #333;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border-right: 4px solid transparent;\n            cursor: pointer; \/* \u660e\u786e\u7684\u9f20\u6807\u6307\u9488 *\/\n            font-size: 16px;\n            position: relative;\n            z-index: 10000; \/* \u786e\u4fdd\u70b9\u51fb\u533a\u57df\u5728\u6700\u4e0a\u5c42 *\/\n        }\n        \n        .spe-nav-link:hover {\n            background: #f8f9fa;\n            border-right-color: #3498db;\n            color: #3498db;\n        }\n        \n        .spe-nav-link.spe-active {\n            background: #e8f5e9;\n            border-right-color: #27ae60;\n            color: #27ae60;\n            font-weight: 500;\n        }\n        \n        .spe-nav-icon {\n            margin-right: 10px;\n            font-size: 8px;\n        }\n        \n        .spe-nav-footer {\n            padding: 15px 20px;\n            border-top: 1px solid #f1f1f1;\n            background: #f8f9fa;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n        }\n        \n        .spe-nav-info {\n            font-size: 12px;\n            color: #666;\n        }\n        \n        .spe-nav-info p {\n            margin-bottom: 5px;\n        }\n        \n        .spe-nav-info p:last-child {\n            margin-bottom: 0;\n        }\n        \n        \/* \u9759\u6001\u9875\u9762\u5bb9\u5668 *\/\n        .spe-static-container {\n            position: relative;\n            width: 100%;\n            min-height: 600px;\n            background: #f8f9fa;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 2px 15px rgba(0,0,0,0.1);\n            margin: 0 auto;\n            max-width: 1200px;\n            padding-left: 20px;\n            padding-right: 20px;\n        }\n        \n        .spe-iframe {\n            width: 100%;\n            height: 100%;\n            display: none;\n            border: none;\n        }\n        \n        \/* \u52a0\u8f7d\u72b6\u6001 *\/\n        .spe-loading {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: white;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n        }\n        \n        .spe-spinner {\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #3498db;\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            animation: spe-spin 1s linear infinite;\n            margin-bottom: 15px;\n        }\n        \n        @keyframes spe-spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        \n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 768px) {\n            .spe-left-float-nav {\n                width: 200px;\n                left: 10px;\n            }\n            \n            .spe-static-container {\n                margin: 0 10px;\n                padding-left: 10px;\n                padding-right: 10px;\n            }\n        }\n        \n        \/* \u79fb\u52a8\u7aef\u5bfc\u822a\u6298\u53e0 *\/\n        @media (max-width: 480px) {\n            .spe-left-float-nav {\n                width: 60px;\n                height: auto;\n                top: auto;\n                bottom: 20px;\n                left: 20px;\n                transform: none;\n            }\n            \n            .spe-nav-header h3,\n            .spe-nav-text,\n            .spe-nav-footer {\n                display: none;\n            }\n            \n            .spe-nav-menu {\n                padding: 10px 0;\n            }\n            \n            .spe-nav-link {\n                justify-content: center;\n                padding: 15px 0;\n                border-right: none;\n                border-bottom: 1px solid #f1f1f1;\n            }\n            \n            .spe-nav-link:last-child {\n                border-bottom: none;\n            }\n            \n            .spe-nav-icon {\n                margin-right: 0;\n                font-size: 12px;\n            }\n            \n            .spe-nav-toggle {\n                display: none;\n            }\n        }\n        \n        \/* \u5bfc\u822a\u6298\u53e0\u72b6\u6001 *\/\n        .spe-nav-collapsed {\n            width: 60px;\n        }\n        \n        .spe-nav-collapsed .spe-nav-header h3,\n        .spe-nav-collapsed .spe-nav-text,\n        .spe-nav-collapsed .spe-nav-footer {\n            display: none;\n        }\n        \n        .spe-nav-collapsed .spe-nav-link {\n            justify-content: center;\n            border-right: none;\n        }\n        \n        .spe-nav-collapsed .spe-nav-icon {\n            margin-right: 0;\n            font-size: 12px;\n        }\n        \n        \/* \u4fee\u590d\uff1a\u786e\u4fdd\u5bfc\u822a\u9879\u5728\u6700\u4e0a\u5c42\uff0c\u4e0d\u88ab\u5176\u4ed6\u5143\u7d20\u906e\u6321 *\/\n        .spe-left-float-nav {\n            z-index: 99999 !important;\n            position: fixed !important;\n            pointer-events: auto !important;\n        }\n        \n        .spe-nav-link {\n            z-index: 100000 !important;\n            position: relative !important;\n            pointer-events: auto !important;\n        }\n    <\/style>\n    \n    <script>\n        \/\/ \u5168\u5c40\u53d8\u91cf - \u786e\u4fdd\u5728\u6240\u6709\u4f5c\u7528\u57df\u90fd\u53ef\u7528\n        var currentPage = 'home.html';\n        var staticUrl = 'https:\/\/www.alizhai.com\/wp-content\/static-html\/';\n        var isNavCollapsed = false;\n        \n        \/\/ \u4fee\u590d\uff1a\u7b80\u5316\u7684\u9875\u9762\u52a0\u8f7d\u51fd\u6570\uff0c\u786e\u4fdd\u5168\u5c40\u53ef\u7528\n        function loadPage(page) {\n            console.log('\u52a0\u8f7d\u9875\u9762:', page);\n            \n            if (page === currentPage) {\n                console.log('\u9875\u9762\u76f8\u540c\uff0c\u65e0\u9700\u52a0\u8f7d');\n                return;\n            }\n            \n            currentPage = page;\n            \n            \/\/ \u663e\u793a\u52a0\u8f7d\u72b6\u6001\n            var loading = document.getElementById('spe-loading');\n            if (loading) {\n                loading.style.display = 'flex';\n            }\n            \n            \/\/ \u66f4\u65b0iframe\u5185\u5bb9\n            var iframe = document.getElementById('spe-iframe');\n            if (iframe) {\n                iframe.style.display = 'none';\n                try {\n                    iframe.src = staticUrl + page;\n                    console.log('\u8bbe\u7f6eiframe src:', staticUrl + page);\n                } catch (e) {\n                    console.error('\u8bbe\u7f6eiframe src\u9519\u8bef:', e);\n                    if (loading) {\n                        loading.style.display = 'none';\n                    }\n                    alert('\u9875\u9762\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5');\n                }\n            }\n            \n            \/\/ \u66f4\u65b0\u5bfc\u822a\u72b6\u6001\n            updateNavigation(page);\n            \n            \/\/ \u66f4\u65b0\u5f53\u524d\u9875\u9762\u4fe1\u606f\n            var currentPageEl = document.getElementById('spe-current-page');\n            if (currentPageEl) {\n                currentPageEl.textContent = page;\n            }\n            \n            \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n            window.scrollTo(0, 0);\n        }\n        \n        \/\/ \u4fee\u590d\uff1a\u7b80\u5316\u7684\u5bfc\u822a\u72b6\u6001\u66f4\u65b0\u51fd\u6570\n        function updateNavigation(page) {\n            console.log('\u66f4\u65b0\u5bfc\u822a\u72b6\u6001 - \u9875\u9762:', page);\n            \n            \/\/ \u66f4\u65b0\u6240\u6709\u5bfc\u822a\u94fe\u63a5\n            var navLinks = document.querySelectorAll('.spe-nav-link');\n            if (navLinks) {\n                navLinks.forEach(function(link) {\n                    var linkPage = link.getAttribute('data-page');\n                    if (linkPage === page) {\n                        link.classList.add('spe-active');\n                    } else {\n                        link.classList.remove('spe-active');\n                    }\n                });\n            }\n        }\n        \n        \/\/ \u4fee\u590d\uff1a\u7b80\u5316\u7684\u5bfc\u822a\u6298\u53e0\u51fd\u6570\n        function toggleNav() {\n            console.log('\u5207\u6362\u5bfc\u822a\u72b6\u6001');\n            \n            var leftNav = document.getElementById('spe-left-nav');\n            if (leftNav) {\n                isNavCollapsed = !isNavCollapsed;\n                \n                if (isNavCollapsed) {\n                    leftNav.classList.add('spe-nav-collapsed');\n                } else {\n                    leftNav.classList.remove('spe-nav-collapsed');\n                }\n            }\n        }\n        \n        \/\/ \u786e\u4fdd\u51fd\u6570\u5728\u5168\u5c40\u4f5c\u7528\u57df\u53ef\u7528\n        window.loadPage = loadPage;\n        window.updateNavigation = updateNavigation;\n        window.toggleNav = toggleNav;\n        \n        \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u7684\u521d\u59cb\u5316\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\u9759\u6001\u9875\u9762\u7cfb\u7edf\u521d\u59cb\u5316\u5b8c\u6210');\n            console.log('\u5f53\u524d\u9875\u9762:', currentPage);\n            console.log('\u9759\u6001URL:', staticUrl);\n            \n            \/\/ \u9a8c\u8bc1iframe\u662f\u5426\u6b63\u786e\u52a0\u8f7d\n            var iframe = document.getElementById('spe-iframe');\n            if (iframe) {\n                iframe.addEventListener('load', function() {\n                    console.log('iframe\u52a0\u8f7d\u5b8c\u6210:', this.src);\n                    this.style.display = 'block';\n                    var loading = document.getElementById('spe-loading');\n                    if (loading) {\n                        loading.style.display = 'none';\n                    }\n                });\n                \n                iframe.addEventListener('error', function() {\n                    console.error('iframe\u52a0\u8f7d\u9519\u8bef:', this.src);\n                    var loading = document.getElementById('spe-loading');\n                    if (loading) {\n                        loading.style.display = 'none';\n                    }\n                    alert('\u9875\u9762\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u6587\u4ef6\u662f\u5426\u5b58\u5728');\n                });\n            }\n            \n            \/\/ \u521d\u59cb\u5316\u5bfc\u822a\u72b6\u6001\n            updateNavigation(currentPage);\n        });\n        \n        \/\/ \u4fee\u590d\uff1a\u6dfb\u52a0\u76f4\u63a5\u7684\u70b9\u51fb\u4e8b\u4ef6\u76d1\u542c\u5668\u4f5c\u4e3a\u5907\u9009\u65b9\u6848\n        document.addEventListener('click', function(e) {\n            try {\n                var target = e.target.closest('.spe-nav-link');\n                if (target) {\n                    e.preventDefault();\n                    var page = target.getAttribute('data-page');\n                    if (page) {\n                        console.log('\u901a\u8fc7\u4e8b\u4ef6\u59d4\u6258\u70b9\u51fb\u5bfc\u822a:', page);\n                        loadPage(page);\n                    }\n                }\n            } catch (e) {\n                console.error('\u5bfc\u822a\u70b9\u51fb\u4e8b\u4ef6\u9519\u8bef:', e);\n            }\n        });\n    <\/script>\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":11,"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/www.alizhai.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}