www.dofactory.com

主要信息

ℹ️

标题: World's #1 .NET Developer Platform

描述: Dofactory is the popular technology platform that offers software engineers the best jobs, products, and tutorials. Monetize your skills today!

关键词: 未知

页面编码: utf-8

页面文件大小: 47 KB

服务器信息

🖥️

IP: 199.233.255.65

地点: United States,US,,,37.751,-97.822,America/Chicago

编码: utf-8

供电: asp.net

元标签列表

🏷️

charset: utf-8
equiv: X-UA-Compatible content: IE=edge
name: viewport content: width=device-width, initial-scale=1.0
property: og:title content: World's #1 .NET Developer Platform
property: og:description content: Dofactory is the popular technology platform that offers software engineers the best jobs, products, and tutorials. Monetize your skills today!
property: og:url content: https://www.dofactory.com
property: og:type content: website
property: og:locale content: en_US
name: twitter:card content: summary
name: twitter:title content: World's #1 .NET Developer Platform
name: twitter:description content: Dofactory is the popular technology platform that offers software engineers the best jobs, products, and tutorials. Monetize your skills today!
name: author content: Dofactory
name: google-adsense-account content: ca-pub-3229461756054479
name: description content: Dofactory is the popular technology platform that offers software engineers the best jobs, products, and tutorials. Monetize your skills today!
name: keywords content: Software, Engineering, Developers, Programming, IT, Tech Jobs, .NET, Java, Python, JavaScript, Azure, AWS, SQL, Data, AI, Articles, References, Tools, Deals

内部链接

🔗

查询信息

📄

domain_name: dofactory.com

update_date: 2026-02-01T18:38:45Z

update_time: 1769971125

creation_date: 1997-09-08T04:00:00Z

creation_time: 873691200

expiration_date: 2031-01-13T01:31:54Z

Whois 原始数据

📋

            Domain Name: DOFACTORY.COM
Registrar: GoDaddy.com, LLC
Domain Status: client delete prohibited
Domain Status: client renew prohibited
Domain Status: client transfer prohibited
Domain Status: client update prohibited
Creation Date: 1997-09-08T04:00:00Z
Registry Expiry Date: 2031-01-13T01:31:54Z
Updated Date: 2026-02-01T18:38:45Z
Name Server: NS1.EVERLEAP.COM
Name Server: NS2.EVERLEAP.COM
Name Server: NS3.EVERLEAP.COM
REGISTRAR Contact: GoDaddy.com, LLC
>>> Last update of RDAP database: 2026-05-21T21:44:40Z

搜索引擎优化审核

🔍

技术搜索引擎优化

✓

响应代码

200

状态 200 正常 - 页面加载正确。

✓

字符编码

Page: utf-8, Header: utf-8

HTML 和标头之间的字符编码一致。

✓

页面尺寸

48218 bytes

页面大小可以接受快速加载。

!

资源

65 total

资源太多了。优化和组合文件以获得更好的性能。

✓

赫尔夫朗标签

0 hreflang tags

如果您有多语言内容，请添加 hreflang 标签。

!

Robots.txt

Missing

添加robots.txt文件来控制搜索引擎抓取。

!

Sitemap

Not found

添加 sitemap.xml 并在 robots.txt 中引用它。

✓

HTTPS

Yes

已启用安全 HTTPS 连接。

✓

压缩

gzip

启用 Gzip 或 Zstd 压缩以加快加载速度。

✓

缓存

no-cache, no-store

正确设置缓存控制标头。

✓

页面速度

4.88 ms

出色的加载速度。

页面搜索引擎优化

✓

标题

World's #1 .NET Developer Platform

良好的标题长度（30-60 个字符）。

✓

元描述

Dofactory is the popular technology platform that offers software engineers the best jobs, products, and tutorials. Monetize your skills today! Lenght:143

良好的元描述长度（100-160 个字符）。

✓

H1 标题

1 found - "World's #1 .NET Developer Platform"

好 - 找到单个 H1 标题。

!

字数统计

248

内容很短。为了更好的 SEO，目标是至少 500 个单词。

!

规范标签

添加规范标签以防止重复内容问题。

✓

重复元

[]

未找到重复的元标记。

✓

关键词

元关键字是可选的（主要搜索引擎不使用）。

内容和用户体验

✓

语言

en

语言属性设置正确。

!

图片

42 total, 38 missing ALT

将 ALT 文本添加到图像中以实现可访问性和 SEO。

✓

视口

width=device-width, initial-scale=1.0

为移动设备正确设置视口元标记。

!

打开图

Missing: og:image

添加缺少的 OpenGraph 标签以进行社交媒体共享：og:image

!

结构化数据

0 JSON-LD scripts

添加结构化数据 (JSON-LD) 以获取丰富的代码片段和更好的 SEO。

搜索短语 - Google

🔍

位置	短语	页	片段
3	iframe id	/html/iframe/id	HTML id Attribute</a></noindex><br>In HTML, the id attribute on an iframe element assigns a unique identifier to that element .</div></td></tr><tr><td><span class="badge badge-warning">4</span></td><td><noindex><a href="/zh/phrase/p-id/" rel="nofollow">p id</a></noindex></td><td>/html/p/id</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//html/p/id" rel="nofollow" target="_blank">HTML <p> id Attribute</a></noindex><br>In HTML, the id attribute on a p element assigns a unique identifier to that element .</div></td></tr><tr><td><span class="badge badge-warning">5</span></td><td><noindex><a href="/zh/phrase/body-style-html/" rel="nofollow">body style html</a></noindex></td><td>/html/body/style</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//html/body/style" rel="nofollow" target="_blank">HTML <body> style Attribute</a></noindex><br>A style attribute on a <body> tag assigns a unique style to the page body . Its value is CSS that defines the appearance of the body.</div></td></tr><tr><td><span class="badge badge-warning">5</span></td><td><noindex><a href="/zh/phrase/where-is-in/" rel="nofollow">where is in</a></noindex></td><td>/sql/where-in</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//sql/where-in" rel="nofollow" target="_blank">SQL WHERE IN \| NOT IN</a></noindex><br>WHERE IN returns values that match values in a list . This list is either hardcoded or generated by a subquery. WHERE IN is shorthand for multiple OR conditions.</div></td></tr><tr><td><span class="badge badge-warning">6</span></td><td><noindex><a href="/zh/phrase/where-in/" rel="nofollow">where in</a></noindex></td><td>/sql/where-in</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//sql/where-in" rel="nofollow" target="_blank">SQL WHERE IN \| NOT IN</a></noindex><br>WHERE IN returns values that match values in a list . This list is either hardcoded or generated by a subquery. WHERE IN is shorthand for multiple OR conditions.</div></td></tr><tr><td><span class="badge badge-warning">8</span></td><td><noindex><a href="/zh/phrase/html-head-style/" rel="nofollow">html head style</a></noindex></td><td>/html/header/style</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//html/header/style" rel="nofollow" target="_blank">HTML <header> style Attribute</a></noindex><br>A style attribute on a <header> tag assigns a unique style to the header . Its value is CSS that defines the appearance of the header element.</div></td></tr> </tbody> </table> </div> <div class="pagination" id="googlePagination"> <button disabled onclick="loadSearchPhrases('google', 0)">«</button> <button class="active" onclick="loadSearchPhrases('google', 1)">1</button> <button disabled onclick="loadSearchPhrases('google', 2)">»</button> </div> </div> </div> <script> // Google Charts for google google.charts.setOnLoadCallback(drawChart_google); function drawChart_google() { var data = new google.visualization.DataTable(); data.addColumn('date', '天'); data.addColumn("number", "iframe id");data.addColumn("number", "p id");data.addColumn("number", "body style html");data.addColumn("number", "where is in");data.addColumn("number", "where in");data.addColumn("number", "html head style"); data.addRows([ [new Date(2025, 9, 30),null,null,null,5,null,null,],[new Date(2025, 10, 27),3,4,null,null,null,null,],[new Date(2026, 2, 28),null,null,null,null,6,null,],[new Date(2026, 5, 18),null,null,5,null,null,8,], ]); var options = { chart: { title: '搜索域名位于顶部的短语 google 搜索引擎: "www.dofactory.com"', subtitle: '短语位置历史记录' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: '位置', }, hAxis: { title: '日期', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_google")); chart.draw(data, options); } </script> <!-- Yandex Positions --> <div class="chart-container"> <h2 class="chart-title">职位于 Yandex</h2> <div id="chart_div_yandex" style="width: 100%; height: 400px;"></div> </div> <!-- Yandex Search Phrases --> <div class="card"> <div class="card-header"> <h2 class="card-title">搜索短语 - Yandex</h2> <div class="card-icon">🔍</div> </div> <div class="card-content"> <div class="filters"> <div class="filter-group"> <label class="filter-label" for="yandexPhraseFilter">短语:</label> <input type="text" id="yandexPhraseFilter" class="filter-input" placeholder="按短语过滤"> </div> <div class="filter-group"> <label class="filter-label" for="yandexPageFilter">页:</label> <input type="text" id="yandexPageFilter" class="filter-input" placeholder="按页面过滤"> </div> <div class="filter-group"> <label class="filter-label"> </label> <button class="cta-button" onclick="applyFilters('yandex')">应用过滤器</button> </div> </div> <div class="table-responsive"> <table class="data-table" id="yandexPhrasesTable"> <thead> <tr> <th>位置</th> <th>短语</th> <th>页</th> <th>片段</th> </tr> </thead> <tbody id="yandexPhrasesBody"> <tr><td><span class="badge badge-success">3</span></td><td><noindex><a href="/zh/phrase/where-is-in/" rel="nofollow">where is in</a></noindex></td><td>/sql/where-in</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//sql/where-in" rel="nofollow" target="_blank">SQL Where in \| not in</a></noindex><br>WHERE IN returns values that match values in a list. This list is either hardcoded or generated by a subquery. WHERE IN is shorthand for multiple OR conditions.</div></td></tr><tr><td><span class="badge badge-danger">12</span></td><td><noindex><a href="/zh/phrase/where-a-b/" rel="nofollow">where a b</a></noindex></td><td>/sql/where-and-or-no...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">显示片段</button><div class="snippet" style="display: none;"><noindex><a href="https://www.dofactory.com//sql/where-and-or-not" rel="nofollow" target="_blank">SQL WHERE with AND \| OR \| NOT</a></noindex><br>WHERE conditions can be combined with AND, OR, and NOT. These logical conditions always return true or false.</div></td></tr> </tbody> </table> </div> <div class="pagination" id="yandexPagination"> <button disabled onclick="loadSearchPhrases('yandex', 0)">«</button> <button class="active" onclick="loadSearchPhrases('yandex', 1)">1</button> <button disabled onclick="loadSearchPhrases('yandex', 2)">»</button> </div> </div> </div> <script> // Google Charts for yandex google.charts.setOnLoadCallback(drawChart_yandex); function drawChart_yandex() { var data = new google.visualization.DataTable(); data.addColumn('date', '天'); data.addColumn("number", "where is in");data.addColumn("number", "where a b"); data.addRows([ [new Date(2025, 9, 11),null,12,],[new Date(2025, 10, 22),3,null,], ]); var options = { chart: { title: '搜索域名位于顶部的短语 yandex 搜索引擎: "www.dofactory.com"', subtitle: '短语位置历史记录' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: '位置', }, hAxis: { title: '日期', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_yandex")); chart.draw(data, options); } </script> <!-- Additional Services --> <div class="card" id="domain-additional-services"> <div class="card-header"> <h2 class="card-title">附加服务</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="全面的 SEO 审核和详细建议"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_seo_pay" data-payment-item-id="10103120" data-title="全面的SEO审核 www.dofactory.com" data-text="全面的 SEO 审核，提供提高搜索引擎排名的详细建议。" data-price="99.99"> 全面的SEO审核 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="每月 100 个关键词位置监控"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_position_pay" data-payment-item-id="10103120" data-title="位置监控 www.dofactory.com" data-text="每月监控 Google 和 Yandex 中 100 个关键短语的位置。" data-price="49.99"> 位置监控 </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="竞争对手分析并确定其促销策略"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_analiz_pay" data-payment-item-id="10103120" data-title="竞争对手分析 www.dofactory.com" data-text="竞争对手分析并确定其促销策略。" data-price="79.99"> 竞争对手分析 </button> <span class="popup-text"></span> </span> </div> </div> </div> </div> <!-- Search Engine Positions --> <!-- Load Google Charts --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script> // Load Google Charts google.charts.load('current', {'packages':['corechart', 'line']}); </script> <script> // Google Charts loader (already in your HTML) google.charts.load('current', {'packages':['corechart', 'line']}); // Global variable to store chart instances let chartInstances = {}; // AJAX function for loading search phrases with pagination/filtering function loadSearchPhrases(engine, page) { const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`); const pageFilterEl = document.getElementById(`${engine}PageFilter`); const phraseFilter = phraseFilterEl ? phraseFilterEl.value : ''; const pageFilter = pageFilterEl ? pageFilterEl.value : ''; const domain = document.getElementById('domain_name').value; const data = { type: 'search_phrases', engine: engine, page: page, domain: domain, phrase_filter: phraseFilter, page_filter: pageFilter }; // Show loading state for table const tbody = document.getElementById(`${engine}PhrasesBody`); if (tbody) { tbody.innerHTML = ` <tr> <td colspan="4" style="text-align: center; padding: 2rem;"> <div class="loading-spinner"></div> <p>Loading data...</p> </td> </tr> `; } // Show loading state for chart const chartContainer = document.getElementById(`chart_div_${engine}`); if (chartContainer) { chartContainer.innerHTML = ` <div style="text-align: center; padding: 4rem;"> <div class="loading-spinner"></div> <p>Updating chart...</p> </div> `; } sendRequest('/ajax/', data, function(response) { if (response.status === 'ok') { updateTableContent(engine, response.data); updatePagination(engine, response.pagination); // Generate and update chart with new data if (response.data && response.data.length > 0) { const chartData = generateChartData(response.data, engine); updateChart(engine, chartData); } else { // Hide chart if no data const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'none'; } } } else { showErrorInTable(engine, response.error); } }); } // Generate chart data from API response function generateChartData(phrasesData, engine) { const chartData = { js_addColumn_str: '', js_dataRows_str: '' }; if (!phrasesData \|\| phrasesData.length === 0) { return chartData; } // Parse all phrases and their history const allPhrases = []; const allHistory = []; phrasesData.forEach(item => { const pages = parsePageData(item.page_data); const titles = parseContentData(item.title_data); const snippets = parseContentData(item.snippet_data); const history = parsePositionHistory(item.position_history, pages, titles, snippets); if (history.length > 0) { allPhrases.push(item.phrase); allHistory.push({ phrase: item.phrase, history: history }); } }); if (allHistory.length === 0) { return chartData; } // Collect all unique days const allDays = new Set(); allHistory.forEach(item => { item.history.forEach(h => { allDays.add(h.day); }); }); // Sort days in ascending order const sortedDays = Array.from(allDays).sort((a, b) => a - b); // Generate columns chartData.js_addColumn_str = 'data.addColumn("date", "Day")\n'; allPhrases.forEach(phrase => { const label = phrase.length > 30 ? phrase.substring(0, 27) + '...' : phrase; chartData.js_addColumn_str += `data.addColumn("number", "${label}")\n`; }); // Count how many columns we should have const expectedColumnCount = 1 + allPhrases.length; // Generate data rows const dataRows = []; sortedDays.forEach(day => { // Convert day number to Date object const date = new Date(day * 86400 * 1000); // Create row array const row = [date]; // Add position for EACH phrase on this day allHistory.forEach(item => { const history = item.history; const entry = history.find(h => h.day === day); row.push(entry ? entry.position : null); }); // Adjust row length if needed if (row.length !== expectedColumnCount) { while (row.length < expectedColumnCount) { row.push(null); } while (row.length > expectedColumnCount) { row.pop(); } } dataRows.push(row); }); // Format rows for Google Charts if (dataRows.length > 0) { const rowStrings = dataRows.map(row => { const formattedRow = row.map((value, index) => { if (index === 0 && value instanceof Date) { const year = value.getFullYear(); const month = value.getMonth(); const day = value.getDate(); return `new Date(${year}, ${month}, ${day})`; } return value; }); return JSON.stringify(formattedRow); }); chartData.js_dataRows_str = rowStrings.join(',\n'); chartData.js_dataRows_str = chartData.js_dataRows_str.replace(/"new Date$(\d+), (\d+), (\d+)$"/g, 'new Date($1, $2, $3)'); } return chartData; } // Update chart with new data function updateChart(engine, chartData) { if (!chartData \|\| !chartData.js_dataRows_str \|\| !chartData.js_addColumn_str) { console.warn(`No chart data for ${engine}`); const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'none'; } return; } // Show chart container const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'block'; } // Check if Google Charts is loaded if (typeof google === 'undefined' \|\| typeof google.visualization === 'undefined') { console.warn('Google Charts not loaded yet'); google.charts.load('current', {'packages':['corechart', 'line']}); google.charts.setOnLoadCallback(function() { setTimeout(() => { drawChart(engine, chartData); }, 100); }); } else { setTimeout(() => { drawChart(engine, chartData); }, 100); } } // Draw chart function function drawChart(engine, chartData) { try { const chartContainer = document.getElementById(`chart_div_${engine}`); // Check if chart container exists if (!chartContainer) { console.warn(`Chart container for ${engine} not found`); return; } var data = new google.visualization.DataTable(); // Add date column data.addColumn('date', 'Day'); // Parse and add data columns const columns = chartData.js_addColumn_str.split('\n').filter(line => line.trim() !== ''); columns.forEach(col => { const match = col.match(/data\.addColumn$"(\w+)",\s"([^"]+)"$/); if (match) { const type = match[1]; const label = match[2]; if (type === 'date' && label === 'Day') { return; } data.addColumn(type, label); } }); // Parse data rows const rowsStr = chartData.js_dataRows_str.trim(); if (rowsStr && rowsStr !== '[]') { try { const rows = eval(`[${rowsStr}]`); // Adjust rows if needed const adjustedRows = rows.map(row => { if (!Array.isArray(row)) { return new Array(data.getNumberOfColumns()).fill(null); } if (row.length === data.getNumberOfColumns()) { return row; } const adjusted = new Array(data.getNumberOfColumns()).fill(null); // Copy available values const copyCount = Math.min(row.length, data.getNumberOfColumns()); for (let i = 0; i < copyCount; i++) { adjusted[i] = row[i]; } return adjusted; }); data.addRows(adjustedRows); } catch (e) { console.error(`Error parsing data rows:`, e); return; } } const domainName = document.getElementById('domain_name').value; const engineName = engine.charAt(0).toUpperCase() + engine.slice(1); var options = { chart: { title: `Search phrases for which the domain is at the top of the ${engine} search engine: "${domainName}"`, subtitle: 'Phrase position history' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom', maxLines: 3 }, pointSize: 3, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: -1, title: 'Position', viewWindow: { min: 1, max: 100 }, ticks: [ {v: 1, f: '1'}, {v: 10, f: '10'}, {v: 20, f: '20'}, {v: 30, f: '30'}, {v: 50, f: '50'}, {v: 100, f: '100'} ] }, hAxis: { title: 'Date', format: 'MMM yyyy' }, }; // Store chart instance for potential future updates const chart = new google.visualization.LineChart(chartContainer); chartInstances[engine] = chart; chart.draw(data, options); } catch (error) { console.error(`Error drawing chart for ${engine}:`, error); } } // Parse functions (same as before) function parsePageData(pageDataStr) { const pages = {}; if (!pageDataStr \|\| pageDataStr.trim() === '') return pages; try { const pageItems = pageDataStr.split(';'); pageItems.forEach(item => { if (item.trim()) { const parts = item.split(':'); if (parts.length >= 2) { const id = parts[0].trim(); const page = parts.slice(1).join(':'); if (id) { pages[id] = decodeURIComponent(page).replace(/\+/g, ' '); } } } }); } catch (e) { console.error('Error parsing page data:', e); } return pages; } function parseContentData(contentDataStr) { const content = {}; if (!contentDataStr \|\| contentDataStr.trim() === '') return content; try { const items = contentDataStr.split(';'); items.forEach(item => { if (item.trim()) { const parts = item.split(':'); if (parts.length >= 2) { const id = parts[0].trim(); const value = parts.slice(1).join(':'); if (id) { let decodedValue; try { decodedValue = decodeURIComponent(value); decodedValue = decodedValue.replace(/\\x([0-9A-Fa-f]{2})/g, (match, hex) => String.fromCharCode(parseInt(hex, 16)) ); } catch (e) { decodedValue = value; } content[id] = decodedValue; } } } }); } catch (e) { console.error('Error parsing content data:', e); } return content; } function parsePositionHistory(historyStr, pages, titles, snippets) { const history = []; if (!historyStr \|\| historyStr.trim() === '') return history; try { const entries = historyStr.split(';'); entries.forEach(entry => { if (entry.trim()) { const parts = entry.split(':'); if (parts.length >= 3) { const day = parseInt(parts[0]); const position = parseInt(parts[1]); const pageId = parts[2]; const titleId = parts[3] \|\| ''; const snippetId = parts[4] \|\| ''; if (!isNaN(day) && !isNaN(position)) { history.push({ day: day, position: position, page: pages[pageId] \|\| '', title: titles[titleId] \|\| '', snippet: snippets[snippetId] \|\| '' }); } } } }); history.sort((a, b) => a.day - b.day); } catch (e) { console.error('Error parsing position history:', e); } return history; } // Update table content with AJAX response function updateTableContent(engine, data) { const tbody = document.getElementById(`${engine}PhrasesBody`); if (!tbody) return; let tableRows = ''; const domain = document.getElementById('domain_name').value; data.forEach(item => { const pages = parsePageData(item.page_data); const titles = parseContentData(item.title_data); const snippets = parseContentData(item.snippet_data); const history = parsePositionHistory(item.position_history, pages, titles, snippets); const latestEntry = history.length > 0 ? history[history.length - 1] : null; const position = latestEntry ? latestEntry.position : null; const page = latestEntry ? latestEntry.page : ''; const title = latestEntry ? latestEntry.title : ''; const snippet = latestEntry ? latestEntry.snippet : ''; let change = null; if (history.length >= 2) { const previousEntry = history[history.length - 2]; if (previousEntry && position !== null && previousEntry.position !== null) { change = previousEntry.position - position; } } const badgeClass = getPositionBadgeClass(position); const positionHtml = position ? `<span class="badge ${badgeClass}">${position}</span>` : '<span class="badge">N/A</span>'; const changeHtml = change !== null && change !== 0 ? `<span class="position-change ${change > 0 ? 'positive' : 'negative'}">(${change > 0 ? '+' : ''}${change})</span>` : ''; const hasTitle = title && title.trim() !== ''; const hasSnippet = snippet && snippet.trim() !== ''; const showSnippet = hasTitle \|\| hasSnippet; let snippetHtml = ''; if (showSnippet) { snippetHtml = ` <button class="show-snippet-btn" onclick="toggleSnippet(this)">Show snippet</button> <div class="snippet" style="display: none;"> <noindex><a href="https://${domain}${escapeHtml(page)}" rel="nofollow" target="_blank"> ${hasTitle ? `<strong>${escapeHtml(title)}</strong><br>` : ''} </a></noindex> ${hasSnippet ? escapeHtml(snippet) : ''} </div> `; } else { snippetHtml = '<span style="color: var(--gray);">-</span>'; } tableRows += ` <tr> <td>${positionHtml}${changeHtml}</td> <td><noindex><a href="/en/phrase/${encodeURIComponent(item.phrase)}/" rel="nofollow">${escapeHtml(item.phrase)}</a></noindex></td> <td>${escapeHtml(page)}</td> <td>${snippetHtml}</td> </tr> `; }); tbody.innerHTML = tableRows; } // Update pagination with AJAX response function updatePagination(engine, pagination) { const paginationContainer = document.getElementById(`${engine}Pagination`); if (!paginationContainer) return; const { current_page, total_pages, has_previous, has_next } = pagination; let paginationButtons = ''; if (total_pages > 1) { // Previous button paginationButtons += `<button ${!has_previous ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page - 1})">«</button>`; // First page paginationButtons += `<button class="${current_page === 1 ? 'active' : ''}" ${current_page === 1 ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', 1)">1</button>`; // Calculate range let startPage = Math.max(2, current_page - 2); let endPage = Math.min(total_pages - 1, current_page + 2); if (current_page <= 3) { endPage = Math.min(total_pages - 1, 5); } if (current_page >= total_pages - 2) { startPage = Math.max(2, total_pages - 4); } if (startPage > 2) { paginationButtons += `<button disabled>...</button>`; } for (let i = startPage; i <= endPage; i++) { const activeClass = i === current_page ? 'active' : ''; const disabledAttr = i === current_page ? 'disabled' : ''; paginationButtons += `<button class="${activeClass}" ${disabledAttr} onclick="loadSearchPhrases('${engine}', ${i})">${i}</button>`; } if (endPage < total_pages - 1) { paginationButtons += `<button disabled>...</button>`; } if (total_pages > 1) { paginationButtons += `<button class="${current_page === total_pages ? 'active' : ''}" ${current_page === total_pages ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${total_pages})">${total_pages}</button>`; } // Next button paginationButtons += `<button ${!has_next ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page + 1})">»</button>`; } paginationContainer.innerHTML = paginationButtons; } // Show error in table function showErrorInTable(engine, errorMessage) { const tbody = document.getElementById(`${engine}PhrasesBody`); if (tbody) { tbody.innerHTML = ` <tr> <td colspan="4" style="text-align: center; padding: 2rem; color: var(--danger);"> <div style="margin-bottom: 1rem;"> <span style="font-size: 2rem;">❌</span> </div> <p><strong>Error loading data:</strong></p> <p>${escapeHtml(errorMessage)}</p> <button class="toggle-btn" onclick="loadSearchPhrases('${engine}', 1)" style="margin-top: 1rem;"> Retry </button> </td> </tr> `; } } // Helper functions function escapeHtml(text) { if (!text) return ''; const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } function getPositionBadgeClass(position) { if (!position) return 'badge'; if (position <= 3) return 'badge-success'; if (position <= 10) return 'badge-warning'; return 'badge-danger'; } function toggleSnippet(button) { const snippet = button.nextElementSibling; const isVisible = snippet.style.display === 'block'; snippet.style.display = isVisible ? 'none' : 'block'; button.textContent = isVisible ? 'Show snippet' : 'Hide snippet'; } // Filter functions function applyFilters(engine) { loadSearchPhrases(engine, 1); } function clearFilters(engine) { const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`); const pageFilterEl = document.getElementById(`${engine}PageFilter`); if (phraseFilterEl) phraseFilterEl.value = ''; if (pageFilterEl) pageFilterEl.value = ''; loadSearchPhrases(engine, 1); } // Initialize filter events on page load document.addEventListener('DOMContentLoaded', function() { // Initialize enter key for filter inputs ['google', 'yandex'].forEach(engine => { const phraseFilter = document.getElementById(`${engine}PhraseFilter`); const pageFilter = document.getElementById(`${engine}PageFilter`); if (phraseFilter) { phraseFilter.addEventListener('keypress', function(e) { if (e.key === 'Enter') { applyFilters(engine); } }); } if (pageFilter) { pageFilter.addEventListener('keypress', function(e) { if (e.key === 'Enter') { applyFilters(engine); } }); } }); // Load Google Charts google.charts.load('current', {'packages':['corechart', 'line']}); // Initial chart drawing for server-side data google.charts.setOnLoadCallback(function() { // You might want to extract chart data from initial server-side render // or make an initial AJAX call to get chart data for page 1 }); }); // AJAX request function function sendRequest(url, data, callback) { const xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { try { const response = JSON.parse(xhr.responseText); callback(response); } catch (e) { console.error("JSON parse error:", e); callback({status: 'error', error: 'Invalid response from server'}); } } else { callback({status: 'error', error: 'Server error: ' + xhr.status}); } } }; xhr.send(JSON.stringify(data)); } </script> <script> (function() { 'use strict'; // --- Configuration --- const STORAGE_KEY = 'serpuls_domain_sections_state'; const SECTIONS_TO_COLLAPSE = [ { id: 'domain-main-info', title: '主要信息', btnText: '信息' }, { id: 'domain-server-info', title: '服务器信息', btnText: '服务器' }, { id: 'domain-meta-tags', title: '元标签列表', btnText: '元' }, { id: 'domain-internal-links', title: '内部链接', btnText: '内部的' }, { id: 'domain-external-links', title: '外部链接', btnText: '外部的' }, { id: 'domain-whois-info', title: '查询信息', btnText: '域名查询' }, { id: 'domain-seo-audit', title: '搜索引擎优化审核', btnText: '搜索引擎优化审核' } ]; // --- Helper Functions --- function saveSectionState(sectionId, isCollapsed) { const savedState = localStorage.getItem(STORAGE_KEY); const state = savedState ? JSON.parse(savedState) : {}; state[sectionId] = isCollapsed; localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } function loadSectionState(sectionId) { const savedState = localStorage.getItem(STORAGE_KEY); if (!savedState) return false; const state = JSON.parse(savedState); return state[sectionId] \|\| false; } // --- Create Floating TOC --- function createFloatingTOC() { // Find all major sections const sections = []; // Add main sections from the page const sectionSelectors = [ { id: 'domain-header', title: '域名信息', selector: '.domain-header' }, { id: 'domain-description', title: '网站说明', selector: '.card:has(.card-title:contains("网站说明"))' }, { id: 'domain-backup', title: '域备份', selector: '.card:has(.card-title:contains("域备份"))' }, { id: 'domain-seo-score', title: '搜索引擎优化得分', selector: '.seo-score' }, { id: 'domain-main-info', title: '主要信息', selector: '.card:has(.card-title:contains("主要信息"))' }, { id: 'domain-server-info', title: '服务器信息', selector: '.card:has(.card-title:contains("服务器信息"))' }, { id: 'domain-meta-tags', title: '元标签列表', selector: '.card:has(.card-title:contains("元标签列表"))' }, { id: 'domain-internal-links', title: '内部链接', selector: '.card:has(.card-title:contains("内部链接"))' }, { id: 'domain-external-links', title: '外部链接', selector: '.card:has(.card-title:contains("外部链接"))' }, { id: 'domain-whois-info', title: '查询信息', selector: '.card:has(.card-title:contains("查询信息"))' }, { id: 'domain-whois-raw', title: 'Whois 原始数据', selector: '.card:has(.card-title:contains("Whois 原始数据"))' }, { id: 'domain-robots', title: 'Robots.txt', selector: '.card:has(.card-title:contains("Robots.txt"))' }, { id: 'domain-seo-audit', title: '搜索引擎优化审核', selector: '.card:has(.card-title:contains("搜索引擎优化审核"))' }, { id: 'domain-google-positions', title: '职位于 Google', selector: '.chart-container:has(h2:contains("Google"))' }, { id: 'domain-google-phrases', title: '搜索短语 - Google', selector: '.card:has(.card-title:contains("Google"))' }, { id: 'domain-yandex-positions', title: '职位于 Yandex', selector: '.chart-container:has(h2:contains("Yandex"))' }, { id: 'domain-yandex-phrases', title: '搜索短语 - Yandex', selector: '.card:has(.card-title:contains("Yandex"))' }, { id: 'domain-additional-services', title: '附加服务', selector: '.card:has(.card-title:contains("附加服务"))' } ]; sectionSelectors.forEach(section => { let element = null; // Try to find by selector if (section.selector) { if (section.selector.includes(':contains')) { // Simple contains selector const containsText = section.selector.match(/:contains$"([^"]+)"$/); if (containsText) { const searchText = containsText[1]; const cards = document.querySelectorAll('.card, .chart-container, .seo-score, .domain-header'); for (const card of cards) { if (card.textContent.includes(searchText) && !card.id) { element = card; break; } } } } else { element = document.querySelector(section.selector); } } if (element && !element.id) { element.id = section.id; sections.push({ id: section.id, title: section.title, element: element }); } else if (element && element.id) { sections.push({ id: element.id, title: section.title, element: element }); } }); // Also add any card with an ID that wasn't captured document.querySelectorAll('.card[id], .chart-container[id], .seo-score[id]').forEach(el => { if (!sections.find(s => s.id === el.id)) { const titleEl = el.querySelector('.card-title, h2'); if (titleEl) { sections.push({ id: el.id, title: titleEl.innerText.trim(), element: el }); } } }); if (sections.length < 2) return; // Create TOC container const tocContainer = document.createElement('div'); tocContainer.id = 'floating-toc'; tocContainer.className = 'floating-toc'; tocContainer.innerHTML = ` <div class="floating-toc-header"> <span>📑 目录</span> <button id="toc-toggle-btn" class="toc-toggle-btn" aria-label="折叠目录">−</button> </div> <div id="toc-links-container" class="toc-links-container"> ${sections.map(section => `<a href="#${section.id}" class="toc-link" data-id="${section.id}">${escapeHtml(section.title)}</a>`).join('')} </div> `; document.body.appendChild(tocContainer); // Toggle TOC visibility const toggleBtn = document.getElementById('toc-toggle-btn'); const linksContainer = document.getElementById('toc-links-container'); let isTocExpanded = true; toggleBtn.addEventListener('click', () => { if (isTocExpanded) { linksContainer.style.display = 'none'; toggleBtn.textContent = '+'; tocContainer.classList.add('collapsed'); } else { linksContainer.style.display = 'block'; toggleBtn.textContent = '−'; tocContainer.classList.remove('collapsed'); } isTocExpanded = !isTocExpanded; }); // Highlight active section on scroll const tocLinks = document.querySelectorAll('.toc-link'); const sectionElements = sections.map(s => s.element); function updateActiveLink() { let current = ''; const scrollPosition = window.scrollY + 100; for (const section of sectionElements) { if (!section) continue; const sectionTop = section.offsetTop; const sectionBottom = sectionTop + section.offsetHeight; if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) { current = section.id; break; } } tocLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('data-id') === current) { link.classList.add('active'); } }); } window.addEventListener('scroll', updateActiveLink); updateActiveLink(); // Smooth scroll tocLinks.forEach(link => { link.addEventListener('click', (e) => { e.preventDefault(); const targetId = link.getAttribute('data-id'); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); } // --- Add Collapsible Buttons to Sections --- function addCollapsibleButtons() { SECTIONS_TO_COLLAPSE.forEach(section => { // Find the card by ID or by title let targetCard = document.getElementById(section.id); if (!targetCard) { const cards = document.querySelectorAll('.card'); for (const card of cards) { const titleEl = card.querySelector('.card-title'); if (titleEl && titleEl.innerText.trim() === section.title) { targetCard = card; break; } } } if (!targetCard) return; // Set ID if not exists if (!targetCard.id) targetCard.id = section.id; // Create button const button = document.createElement('button'); button.className = 'collapse-section-btn'; button.setAttribute('data-section-id', section.id); button.setAttribute('aria-label', '折叠/展开部分'); // Get initial state const isCollapsed = loadSectionState(section.id); if (isCollapsed) { button.innerHTML = '➕'; targetCard.classList.add('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = 'none'; } else { button.innerHTML = '➖'; targetCard.classList.remove('section-collapsed'); const content = targetCard.querySelector('.card-content'); if (content) content.style.display = ''; } // Insert button into card-header const cardHeader = targetCard.querySelector('.card-header'); if (cardHeader) { const iconDiv = cardHeader.querySelector('.card-icon'); if (iconDiv) { cardHeader.insertBefore(button, iconDiv); } else { cardHeader.appendChild(button); } // Add click handler button.addEventListener('click', (e) => { e.stopPropagation(); const sectionId = button.getAttribute('data-section-id'); const card = document.getElementById(sectionId); if (!card) return; const content = card.querySelector('.card-content'); if (!content) return; if (card.classList.contains('section-collapsed')) { content.style.display = ''; card.classList.remove('section-collapsed'); button.innerHTML = '➖'; saveSectionState(sectionId, false); } else { content.style.display = 'none'; card.classList.add('section-collapsed'); button.innerHTML = '➕'; saveSectionState(sectionId, true); } }); } }); } // --- Create Back to Top Button --- function createBackToTopButton() { const btn = document.createElement('button'); btn.id = 'back-to-top'; btn.innerHTML = '↑'; btn.setAttribute('aria-label', '返回顶部'); btn.className = 'back-to-top-btn'; document.body.appendChild(btn); window.addEventListener('scroll', () => { if (window.scrollY > 500) { btn.classList.add('visible'); } else { btn.classList.remove('visible'); } }); btn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); } // --- Improve Table Responsiveness --- function improveTables() { const tables = document.querySelectorAll('.data-table, .tasks-table'); tables.forEach(table => { const container = table.closest('.table-responsive') \|\| table.parentElement; if (container && !container.querySelector('.scroll-hint')) { const hint = document.createElement('div'); hint.className = 'scroll-hint'; hint.innerHTML = '← → 左右滑动查看更多'; hint.style.cssText = ` display: none; text-align: center; font-size: 0.7rem; color: var(--gray); margin-top: 0.5rem; padding: 0.25rem; background: rgba(67, 97, 238, 0.05); border-radius: 12px; `; container.style.position = 'relative'; container.appendChild(hint); function checkScroll() { if (container.scrollWidth > container.clientWidth) { hint.style.display = 'block'; } else { hint.style.display = 'none'; } } checkScroll(); window.addEventListener('resize', checkScroll); container.addEventListener('scroll', () => { hint.style.opacity = '0.5'; setTimeout(() => { hint.style.opacity = '1'; }, 300); }); } }); } // --- Escape HTML helper --- function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } // --- Add custom styles --- function addCustomStyles() { const style = document.createElement('style'); style.textContent = ` .floating-toc { position: fixed; top: 80px; right: 20px; z-index: 1000; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #e9ecef; width: 260px; max-width: calc(100% - 40px); transition: all 0.3s ease; backdrop-filter: blur(8px); background: rgba(255,255,255,0.95); } .floating-toc-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border-radius: 12px 12px 0 0; font-weight: 600; font-size: 0.9rem; cursor: pointer; } .toc-toggle-btn { background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; } .toc-toggle-btn:hover { background: rgba(255,255,255,0.2); } .floating-toc.collapsed { width: auto; } .floating-toc.collapsed .floating-toc-header { border-radius: 12px; } .toc-links-container { max-height: 400px; overflow-y: auto; padding: 8px 0; } .toc-link { display: block; padding: 8px 15px; color: var(--dark); text-decoration: none; font-size: 0.85rem; transition: all 0.2s; border-left: 3px solid transparent; } .toc-link:hover { background: rgba(67, 97, 238, 0.05); color: var(--primary); padding-left: 20px; } .toc-link.active { background: rgba(67, 97, 238, 0.1); border-left-color: var(--primary); color: var(--primary); font-weight: 500; } .collapse-section-btn { background: none; border: none; font-size: 1.1rem; cursor: pointer; width: 28px; height: 28px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s; color: var(--gray); margin-right: 8px; } .collapse-section-btn:hover { background: rgba(67, 97, 238, 0.1); color: var(--primary); } .card.section-collapsed .card-header { border-bottom: none; } .back-to-top-btn { position: fixed; bottom: 30px; right: 30px; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border: none; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4); } .back-to-top-btn.visible { opacity: 1; visibility: visible; } .back-to-top-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(67, 97, 238, 0.5); } @media (max-width: 768px) { .floating-toc { top: auto; bottom: 20px; right: 20px; left: auto; width: 48px; overflow: hidden; } .floating-toc .floating-toc-header span { display: none; } .floating-toc .floating-toc-header { justify-content: center; padding: 12px; } .floating-toc .toc-toggle-btn { margin: 0; } .floating-toc:not(.collapsed) { width: 260px; left: auto; right: 20px; bottom: 20px; top: auto; } .floating-toc:not(.collapsed) .floating-toc-header span { display: inline; } .floating-toc:not(.collapsed) .floating-toc-header { justify-content: space-between; } .back-to-top-btn { bottom: 80px; right: 20px; width: 40px; height: 40px; font-size: 1.2rem; } .scroll-hint { display: block !important; font-size: 0.65rem; } } html { scroll-behavior: smooth; } .card .card-content { transition: display 0.2s ease; } [dir="rtl"] .floating-toc { right: auto; left: 20px; } [dir="rtl"] .back-to-top-btn { right: auto; left: 30px; } [dir="rtl"] .collapse-section-btn { margin-right: 0; margin-left: 8px; } `; document.head.appendChild(style); } // --- Initialize --- function init() { addCustomStyles(); createFloatingTOC(); addCollapsibleButtons(); createBackToTopButton(); improveTables(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); </script></div> <!-- Footer --> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h3>About serpuls.com</h3> <div class="footer-info"> <p>用于搜索引擎分析、位置监控和 SEO 优化的专业工具。</p> <p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p> <p><strong>公司编号:</strong> SL027564</p> <p><strong>地址:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p> </div> </div> <div class="footer-section"> <h3>快速链接</h3> <ul class="footer-links"> <li><a href="/zh/">家</a></li> <li><a href="/zh/profile/">轮廓</a></li> <li><a href="/zh/tasks/">监控任务</a></li> <li><a href="/zh/api_docs/">API文档</a></li> <li><a href="/zh/team/">我们的团队</a></li> </ul> </div> <div class="footer-section"> <h3>资源</h3> <ul class="footer-links"> <li><a href="/zh/blogs/">博客</a></li> <li><a href="/zh/faq/">常问问题</a></li> <li><a href="/zh/support/">支持</a></li> </ul> </div> <div class="footer-section"> <h3>联系方式</h3> <div class="footer-info"> <p>电子邮件: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p> <p>电报: <a href="https://t.me/serpulse_support">@serpulse_support</a></p> <div class="social-links"> <a href="#" class="social-link" title="电报">📱</a> <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a> <a href="#" class="social-link" title="叽叽喳喳">🐦</a> </div> </div> </div> </div> <div class="footer-bottom"> <p class="copyright">© 2026 serpuls.com. 版权所有. Skynet360 LP.</p> <div class="footer-bottom-links"> <a href="/zh/privacy/">隐私政策</a> <a href="/zh/terms/">使用条款</a> <a href="/zh/agreement/">用户协议</a> <a href="/zh/cookie/">Cookie 政策</a> </div> </div> </div> </footer> <!-- Updated Payment Modal HTML --> <div class="modal" id="paymentModal"> <div class="modal-content"> <span class="close-btn">×</span> <div class="modal-success" id="paymentSuccess"> <div class="success-icon">✓</div> <h3>付款成功！</h3> <p>感谢您的订单。我们会尽快与您联系。</p> <button class="cta-button" onclick="closeModal('paymentModal')">关闭</button> </div> <form id="paymentForm" onsubmit="return processPayment(event)"> <h2 class="modal-title" id="modalTitle">支付服务费用</h2> <p class="modal-text" id="modalText">服务说明</p> <!-- Hidden fields for payment type and ID --> <input type="hidden" id="paymentType" name="payment_type" value=""> <input type="hidden" id="paymentItemId" name="payment_item_id" value=""> <!-- Payment Options --> <div class="payment-options" id="paymentOptions"> <!-- Options will be dynamically generated here --> </div> <!-- Manual Price Input (Optional) - Now dynamically shown based on config --> <div class="form-group" id="manualPriceGroup" style="display: none;"> <label for="manualPrice">输入金额（美元）：</label> <input type="number" id="manualPrice" class="form-control" placeholder="输入金额" min="1" max="10000" step="0.01" oninput="updateManualPrice(this.value)"> <div class="error-message" id="manualPriceError"></div> </div> <!-- Custom Price Option Toggle - Now dynamically shown --> <div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;"> <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;"> <input type="radio" id="customPriceRadio" name="paymentOption" value="custom" onchange="toggleCustomPriceSelection(this.checked)"> 输入自定义金额 </label> </div> <div class="form-group"> <label for="modalName">姓名：</label> <input type="text" id="modalName" class="form-control" placeholder="输入你的名字" required> <div class="error-message" id="modalNameError"></div> </div> <div class="form-group"> <label for="modalEmail">电子邮件：</label> <input type="email" id="modalEmail" class="form-control" placeholder="输入您的电子邮件" required> <div class="error-message" id="modalEmailError"></div> </div> <p class="modal-price" id="modalPrice">价格: $0.00</p> <button type="submit" class="cta-button" id="payButton">支付 $0.00</button> </form> </div> </div> <!-- Redirect Modal (for iframe) --> <div class="modal" id="redirectModal"> <div class="modal-content modal-large"> <span class="close-btn">×</span> <h2 class="modal-title">支付</h2> <iframe id="redirectIframe" class="modal-iframe" src=""> × 登录登记登录您的帐户电子邮件：密码：或通过 Telegram 登录通过电报注册姓名：电子邮件：工作原理：在上方输入姓名和电子邮件单击按钮打开电报在机器人中完成注册（需要电话号码）通过电子邮件接收登录凭据 × 🔐 验证码该代码已发送至 Telegram。在下面输入：代码有效期为: 05:00 × 📱 在 Telegram 中完成注册 Telegram 已在新选项卡中打开。如果机器人没有自动打开，请使用下面的按钮或扫描二维码。扫描二维码打开机器人等待确认... 05:00 工作原理：* 1. 点击打开 Telegram 或扫描二维码 2. 在机器人中单击“开始”并分享您的电话号码 3.确认状态会自动更新 × 📧 电子邮件验证我们已向您的地址发送了一封验证电子邮件验证码： 🔍 正在检查验证状态... ×