在数字营销与SEO优化的浩瀚战场中，信息即弹药，效率即生命。对于需要批量分析竞争对手、监控自身站点健康度或进行市场调研的从业者而言，手动收集和处理大量网站的TDK（Title标题、Description描述、Keywords关键词）信息，曾是一项令人望而生畏的繁重劳动。然而，随着专门针对这一痛点的“网站TDK信息快速提取API”正式上线，一场静默却深刻的效率革命已然发生。本文将采用效果对比的视角，从效率、成本、效果三大维度，清晰呈现使用该API前后的颠覆性差异，揭示其带来的 transformative（变革性）价值。
**维度一：效率提升——从“人力苦工”到“智能秒读”的飞跃**
* **使用前（传统手工模式）：**
在API出现之前，获取一个网站的TDK信息，流程通常如下：操作者需手动打开目标网页 → 右键查看网页源代码或使用开发者工具 → 在密密麻麻的HTML代码中定位
、<meta name="description">和<meta name="keywords">标签 → 仔细复制对应的内容 → 粘贴到Excel或文档中进行整理。这仅仅是单个网站的操作。若需要处理成百上千个站点，工作人员不得不进行高强度、重复性的机械劳动。整个过程严重依赖人力，速度缓慢，平均处理一个网站可能需要1-3分钟，且长时间作业极易因疲劳导致复制错误或遗漏，数据准确性难以保障。项目周期被无谓拉长，决策速度因此迟滞。
* **使用后（API智能模式）：**
API的介入彻底重构了这一流程。用户只需将目标网站的URL列表提交给API接口，几乎在瞬间（通常毫秒级响应）即可获得结构化、标准化的JSON或XML格式数据，其中清晰包含了每个URL对应的精准标题、描述和关键词。无论是10个还是10,000个网站，其处理时间从“人/站”累加模式，转变为近乎恒定的“批处理”模式。原本需要一个团队数日完成的工作，现在可能只需一名开发人员编写简短脚本，短短几分钟内即可全数获取并入库。效率的提升不是简单的百分比，而是几个数量级的跨越，将人力资源从低价值劳动中彻底解放，投入到更具创造性的分析和战略制定工作中。
<img class='ue-image' width='100%' src='http://di1k.com/assets/img/random/28.jpg'>
**维度二：成本节约——显性开支缩减与隐性收益释放的双重胜利**
* **使用前（传统手工模式）：**
成本消耗主要体现在两方面：显性的人力成本与隐性的机会成本。企业需要支付薪资让员工从事枯燥的信息抓取工作，这是一笔可观且持续的开销。更重要的是隐性成本：由于效率低下，项目推进缓慢，可能错过市场热点或应对竞争的最佳时机；员工士气和创造力在重复劳动中被消磨；因人为错误导致的数据不准，可能引发后续SEO策略或内容方向上的误判，造成更大的资源浪费。这些成本难以量化，却真实存在并侵蚀着企业竞争力。
* **使用后（API智能模式）：**
首先，直接人力成本大幅降低甚至归零。API的调用成本远低于雇佣全职员工进行相同工作。其次，隐性成本得到有效控制。快速、准确的数据获取能力意味着企业能更快地洞察市场动态、竞品动响，从而敏捷调整策略，抓住转瞬即逝的机遇。员工得以从“数据搬运工”转型为“数据分析师”或“策略规划师”，其创造的价值倍增。此外，API提供的高精度数据减少了决策失误的风险，避免了因错误信息导致的无效投入。这种成本节约不仅是“少花钱”，更是“让钱花得更值”，实现了从成本中心到价值创造中心的转变。
<hr>
**维度三：效果优化——从“模糊感知”到“精准制导”的质变**
* **使用前（传统手工模式）：**
在手工模式下，由于处理能力有限，分析样本量往往不足，导致对市场或竞品的理解停留在局部和表面，犹如管中窥豹。数据格式不统一、记录错误等问题，也给后续的数据分析和可视化带来了巨大障碍。SEO优化、内容策略的制定更多基于零散信息和经验直觉，缺乏全面、实时数据支撑，优化动作往往是试探性的，效果难以衡量和持续。
* **使用后（API智能模式）：**
API赋能了大规模、高质量的行业数据监控与分析。企业可以轻松构建起覆盖全行业竞品的TDK信息数据库，并进行实时或定期更新。通过对海量标题和描述的语言模式、关键词覆盖策略进行深度挖掘与分析，能够精准洞察行业趋势、用户搜索意图变化以及竞品的核心优化方向。这使得SEO优化、内容创作、广告投放等环节，可以从“模糊感知”升级为“数据驱动的精准制导”。例如，快速发现高排名页面的标题撰写规律，及时调整自身元描述以提高点击率，或批量监控自身大量页面的TDK是否被篡改。优化动作有据可依，效果可追踪、可复盘，整体营销与SEO活动的ROI（投资回报率）得以显著提升。
<hr>
**相关问答（Q&A）深入解析**
* **Q：这个API除了提取TDK，还能获取其他有用信息吗？**
A：是的，许多先进的网站TDK提取API功能已不止于基础三要素。它们往往能同步返回页面的首要H1标题、规范链接（Canonical URL）、Open Graph协议信息（用于社交媒体预览）、甚至初步的语言检测和内容分类等。这为用户提供了更丰富的数据维度，助力进行更全面的页面分析。
* **Q：对于动态加载（如大量使用JavaScript）的网站，API还能准确提取TDK吗？**
A：这是一个关键问题。传统简单HTTP请求可能无法获取JS渲染后的内容。因此，优质的API服务会区分情况：对于静态页面，采用高效直接抓取；对于严重依赖JS的动态页面，则可能集成无头浏览器（Headless Browser）技术来模拟真实用户访问，确保获取到最终渲染完成的准确TDK信息，保障数据的完整性与可靠性。
* **Q：大量频繁调用API，是否会面临IP被封的风险？**
A：信誉良好的API服务提供商会通过智能调度、使用代理IP池、设置合理的请求间隔等技术手段，来模拟人类访问行为，极大降低目标网站封禁IP的风险。同时，它们通常会提供清晰的使用规范和频率限制，引导用户合规、高效地使用服务，确保数据提取过程的稳定与可持续。
* **Q：自建爬虫与使用专业API，该如何选择？**
A：自建爬虫需要可观的开发与维护投入，包括处理反爬机制、IP代理管理、解析规则更新、系统稳定性保障等，技术门槛和长期成本很高。而专业API提供了一种“开箱即用”的解决方案，将复杂性封装在后台，用户按需付费即可获得稳定可靠的服务，能更快速、更专注地实现业务目标，尤其适合将数据作为赋能工具而非核心研发业务的公司。
<hr>
**结语**
“网站TDK信息快速提取API”的上线，绝非仅仅是一个工具的增加，而是一种工作范式与竞争思维的革新。它将从业者从繁琐、低效、易错的信息采集泥潭中拯救出来，通过效率的指数级提升、成本的结构性优化以及决策效果的精准化跃迁，带来了 transformative 的价值。在数据驱动决策日益重要的今天，拥有快速、准确获取并处理关键信息的能力，就意味着在激烈的商业竞争中占据了更有利的起跑位置，能够更快地响应变化、更聪明地配置资源、更自信地赢得未来。这场从“手工”到“自动”，从“样本”到“全量”，从“滞后”到“实时”的转变，正重新定义着数字营销与竞争情报工作的边界与可能性。</p> </div>
<footer class="aurora-article-footer">
<div class="aurora-article-actions">
<button type="button" class="aurora-action-btn aurora-like-btn" id="likeBtn">
<i class="layui-icon layui-icon-praise"></i>
<span class="aurora-action-text">点赞</span>
<span class="aurora-action-count">0</span>
</button>
<button type="button" class="aurora-action-btn aurora-comment-btn" id="commentBtn">
<i class="layui-icon layui-icon-dialogue"></i>
<span class="aurora-action-text">评论</span>
</button>
<button type="button" class="aurora-action-btn aurora-comment-btn" id="shareBtn">
<i class="layui-icon layui-icon-share"></i>
<span class="aurora-action-text">分享</span>
</button>
</div>
<div class="aurora-article-info">
<div class="aurora-update-time">
最后更新：2026-09-23 23:31:13 </div>
<div class="aurora-article-tags">
<span class="aurora-tag">API接口</span>
</div>
</div>
</footer>
</article>
<section class="aurora-related-section">
<div class="aurora-section-header">
<h2 class="aurora-section-title">
<i class="layui-icon layui-icon-template"></i>
相关推荐
</h2>
</div>
<div class="aurora-related-grid">
<a href="http://di1k.com/artinfo/30809.html" class="aurora-related-item" title="百度关键词流量预估API - 权威数据解析">
<div class="aurora-related-content">
<h3 class="aurora-related-title">百度关键词流量预估API - 权威数据解析...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:31:13</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://di1k.com/artinfo/30808.html" class="aurora-related-item" title="揭秘百度移动权重关键词流量API">
<div class="aurora-related-content">
<h3 class="aurora-related-title">揭秘百度移动权重关键词流量API...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:21:20</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://di1k.com/artinfo/30807.html" class="aurora-related-item" title="百度移动权重查询API接口与流量评估工具">
<div class="aurora-related-content">
<h3 class="aurora-related-title">百度移动权重查询API接口与流量评估工具...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:20:28</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://di1k.com/artinfo/30806.html" class="aurora-related-item" title="百度移动权重API-关键词流量评估">
<div class="aurora-related-content">
<h3 class="aurora-related-title">百度移动权重API-关键词流量评估...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:18:30</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://di1k.com/artinfo/30805.html" class="aurora-related-item" title="百度移动流量密钥：关键词背后的权重揭晓">
<div class="aurora-related-content">
<h3 class="aurora-related-title">百度移动流量密钥：关键词背后的权重揭晓...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:17:34</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://di1k.com/artinfo/30804.html" class="aurora-related-item" title="百度移动权重查询API：关键词与流量评估工具">
<div class="aurora-related-content">
<h3 class="aurora-related-title">百度移动权重查询API：关键词与流量评估工具...</h3>
<div class="aurora-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 23:11:16</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="aurora-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
</div>
</section>
<section class="aurora-comments-section" id="commentsSection" style="display: none;">
<div class="aurora-section-header">
<h3 class="aurora-section-title">
<i class="layui-icon layui-icon-dialogue"></i>
评论区
</h3>
</div>
<div class="aurora-comment-form">
<textarea class="aurora-comment-textarea" placeholder="写下你的想法..."></textarea>
<div class="aurora-comment-actions">
<button type="button" class="aurora-comment-submit">发表评论</button>
</div>
</div>
<div class="aurora-comments-list">
<div class="aurora-no-comments">
<i class="layui-icon layui-icon-face-smile"></i>
<p>暂无评论，快来抢沙发吧！</p>
</div>
</div>
</section>
</main>
<aside class="aurora-article-sidebar">
<div class="aurora-sidebar-sticky">
<div class="aurora-sidebar-card">
<div class="aurora-card-header">
<h3 class="aurora-card-title">
<i class="layui-icon layui-icon-list"></i>
文章目录
</h3>
</div>
<div class="aurora-toc-content" id="tocContent">
<a href="http://di1k.com/artinfo/2349.html" class="aurora-toc-link" style="font-size: 12px;">
互联资讯</a>
<a href="http://di1k.com/artinfo/107.html" class="aurora-toc-link" style="font-size: 16px;">
网页介绍</a>
<a href="http://di1k.com/artinfo/30216.html" class="aurora-toc-link" style="font-size: 13px;">
热门业务</a>
<a href="http://di1k.com/artinfo/16264.html" class="aurora-toc-link" style="font-size: 17px;">
查询工具</a>
<a href="http://di1k.com/artinfo/11469.html" class="aurora-toc-link" style="font-size: 18px;">
云服务器</a>
<a href="http://di1k.com/artinfo/29092.html" class="aurora-toc-link" style="font-size: 12px;">
游戏资讯</a>
<a href="http://di1k.com/artinfo/16354.html" class="aurora-toc-link" style="font-size: 13px;">
生辰八字</a>
<a href="http://di1k.com/" class="aurora-toc-link" style="font-size: 17px;">
电商新闻</a>
<a href="http://di1k.com/artinfo/30809.html" class="aurora-toc-link" style="font-size: 14px;">
API接口</a>
<a href="http://di1k.com/" class="aurora-toc-link" style="font-size: 15px;">
网赚创业</a>
<a href="http://di1k.com/artinfo/15437.html" class="aurora-toc-link" style="font-size: 16px;">
支付接口</a>
<a href="http://di1k.com/artinfo/25091.html" class="aurora-toc-link" style="font-size: 12px;">
万能工具</a>
<a href="http://di1k.com/artinfo/27188.html" class="aurora-toc-link" style="font-size: 14px;">
多多助力</a> </div>
</div>
<div class="aurora-sidebar-card">
<div class="aurora-card-header">
<h3 class="aurora-card-title">
<i class="layui-icon layui-icon-chart"></i>
文章统计
</h3>
</div>
<div class="aurora-stats-content">
<div class="aurora-stat-item">
<div class="aurora-stat-number">2</div>
<div class="aurora-stat-label">阅读量</div>
</div>
<div class="aurora-stat-item">
<div class="aurora-stat-number">0</div>
<div class="aurora-stat-label">点赞数</div>
</div>
<div class="aurora-stat-item">
<div class="aurora-stat-number">2972</div>
<div class="aurora-stat-label">字数</div>
</div>
</div>
</div>
<div class="aurora-sidebar-card">
<div class="aurora-card-header">
<h3 class="aurora-card-title">
<i class="layui-icon layui-icon-prev"></i>
文章导航
</h3>
</div>
<div class="aurora-nav-content">
<a href="http://di1k.com/artinfo/30799.html" class="aurora-nav-item aurora-nav-prev">
<div class="aurora-nav-direction">
<i class="layui-icon layui-icon-left"></i>
上一篇
</div>
<div class="aurora-nav-title">网站TDK信息抓取API上线公告...</div>
</a>
<a href="http://di1k.com/artinfo/30809.html" class="aurora-nav-item aurora-nav-next">
<div class="aurora-nav-direction">
下一篇
<i class="layui-icon layui-icon-right"></i>
</div>
<div class="aurora-nav-title">百度关键词流量预估API - 权威数据解...</div>
</a>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<div class="aurora-share-overlay" id="shareOverlay"></div>
<div class="aurora-share-popup" id="sharePopup">
<div class="aurora-share-header">
<h3 class="aurora-share-title">分享文章</h3>
<button class="aurora-share-close" id="shareClose">
<i class="layui-icon layui-icon-close"></i>
</button>
</div>
<div class="aurora-share-content">
<div class="aurora-share-buttons">
<div class="aurora-share-btn" id="shareWeibo">
<i class="layui-icon layui-icon-share"></i>
<span>微博</span>
</div>
<div class="aurora-share-btn" id="shareQQ">
<i class="layui-icon layui-icon-dialogue"></i>
<span>QQ空间</span>
</div>
<div class="aurora-share-btn" id="shareWechat">
<i class="layui-icon layui-icon-cellphone"></i>
<span>微信</span>
</div>
<div class="aurora-share-btn" id="shareQzone">
<i class="layui-icon layui-icon-friends"></i>
<span>QQ好友</span>
</div>
</div>
<div class="aurora-share-url-section">
<div class="aurora-share-url" id="shareUrl">http://di1k.com/artinfo/30800.html</div>
<button class="aurora-share-copy" id="shareCopy">复制链接</button>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="http://di1k.com/template/article13/assets/css/foot.css" />
<div class="aurora-friend-links-section">
<div class="aurora-friend-links-container">
<div class="aurora-friend-links-header">
<h3 class="aurora-friend-links-title">
<i class="layui-icon layui-icon-link"></i>
友情链接
</h3>
<p class="aurora-friend-links-desc">这里收集了一些优质的网站资源，欢迎交流合作！</p>
</div>
<div class="aurora-friend-links-list">
<a href="https://www.yilianshuju.com/" target="_blank"class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://www.yilianshuju.com"><font color="#059309">API接口</font></a>
<a href="https://www.zongxincha.com/" target="_blank"class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://www.zongxincha.com"><font color="#059309">综信查</font></a>
<a href="https://yuanxiblog.cn/" target="_blank" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://yuanxiblog.cn/"><font color="#059309">远昔博客</font></a>
<a href="http://yibazhan.cn/" target="_blank" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://yibazhan.cn/"><font color="#059309">易扒站</font></a>
<a href="http://yichazhan.cn/" target="_blank" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://yichazhan.cn/"><font color="#059309">易查站</font></a>
<a href="https://www.yuanxi8.cn/" target="_blank" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://yuanxiblog.cn/"><font color="#059309">远昔导航</font></a>
<a href="https://www.yiguzhi.cn/" target="_blank" title="易估值" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://www.yiguzhi.cn/"><font color="#059309">易估值</font></a>
<a href="https://www.hbdrxws.com/" target="_blank" title="助推者" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=https://www.hbdrxws.com/"><font color="#059309">助推者</font></a>
<a href="http://www.081234.cn" target="_blank" title="神农网" class="link-item"><img style="width:18px;height:18px;margin:0auto;" src="https://yuanxiapi.cn/api/?id=28&key=6_83efcf5ff864b4998b6158804a51f3ad&url=http://www.081234.cn/"><font color="#059309">神农网</font></a> </div>
</div>
</div>
<footer class="aurora-footer">
<div class="aurora-footer-container">
<div class="aurora-footer-content">
<div class="aurora-footer-main">
<div class="aurora-footer-brand">
<a href="http://di1k.com/" class="aurora-footer-logo">
<i class="layui-icon layui-icon-home"></i>
<span>卡盟排行榜</span>
</a>
<p class="aurora-footer-desc">
专注于分享优质资源，提供一站式网站导航服务。致力于为用户提供最便捷的网站收录和推荐平台。
</p>
</div>
<div class="aurora-footer-social">
<span class="aurora-social-text">关注我们</span>
<div class="aurora-social-links">
<a href="#" class="aurora-social-link" title="微博">
<i class="layui-icon layui-icon-chat"></i>
</a>
<a href="#" class="aurora-social-link" title="QQ">
<i class="layui-icon layui-icon-dialogue"></i>
</a>
<a href="#" class="aurora-social-link" title="邮箱">
<i class="layui-icon layui-icon-email"></i>
</a>
<a href="#" class="aurora-social-link" title="GitHub">
<i class="layui-icon layui-icon-github"></i>
</a>
</div>
</div>
</div>
<div class="aurora-footer-bottom">
<div class="aurora-footer-copyright">
<span class="aurora-copyright-text">
CopyRight © 2017-2026 卡盟排行榜 All Rights Reserved.
</span>
</div>
</div>
</div>
</div>
</footer>
<div class="aurora-back-to-top" id="auroraBackToTop">
<i class="layui-icon layui-icon-up"></i>
</div>
<div class="blog-back-to-bottom" id="blogBackToBottom">
<i class="layui-icon layui-icon-down"></i>
</div>
<div class="aurora-progress-bar">
<div class="aurora-progress-fill"></div>
</div>
<canvas id="auroraCanvas" class="aurora-canvas"></canvas>
<script src="http://di1k.com/assets/layui/layui.js"></script>
<script src="http://di1k.com/assets/js/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
var $mobileMenuBtn = $('#auroraMobileMenuBtn');
var $mobileNav = $('#auroraMobileNav');
var $mobileCloseBtn = $('#auroraMobileCloseBtn');
var $mobileNavOverlay = $('.aurora-mobile-nav-overlay');
var $body = $('body');
if ($mobileMenuBtn.length) {
$mobileMenuBtn.on('click', function() {
$mobileNav.addClass('active');
$body.addClass('menu-open');
});
function closeMobileMenu() {
$mobileNav.removeClass('active');
$body.removeClass('menu-open');
}
$mobileCloseBtn.on('click', closeMobileMenu);
$mobileNavOverlay.on('click', closeMobileMenu);
$(document).on('keydown', function(e) {
if (e.keyCode === 27 && $mobileNav.hasClass('active')) {
closeMobileMenu();
}
});
$(window).on('resize', function() {
if ($(window).width() > 768) {
closeMobileMenu();
}
});
}
$('.link-item').hover(
function() {
$(this).addClass('link-hover');
},
function() {
$(this).removeClass('link-hover');
}
);
$('.aurora-social-link').hover(
function() {
$(this).addClass('social-hover');
},
function() {
$(this).removeClass('social-hover');
}
);
var $backToTop = $('.blog-back-to-top');
var $backToBottom = $('.blog-back-to-bottom');
if ($backToTop.length === 0) {
$backToTop = $('<div class="blog-back-to-top"><i class="layui-icon layui-icon-up"></i></div>');
$body.append($backToTop);
}
if ($backToBottom.length === 0) {
$backToBottom = $('<div class="blog-back-to-bottom"><i class="layui-icon layui-icon-down"></i></div>');
$body.append($backToBottom);
}
$backToTop.on('click', function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, 600, 'swing');
});
$backToBottom.on('click', function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: $(document).height()
}, 600, 'swing');
});
$(window).on('scroll', function() {
var scrollTop = $(this).scrollTop();
var windowHeight = $(this).height();
var documentHeight = $(document).height();
if (scrollTop > 300) {
$backToTop.addClass('show');
} else {
$backToTop.removeClass('show');
}
if (scrollTop + windowHeight < documentHeight - 300) {
$backToBottom.addClass('show');
} else {
$backToBottom.removeClass('show');
}
var progress = (scrollTop / (documentHeight - windowHeight)) * 100;
$('.aurora-progress-fill').css('width', progress + '%');
});
$(window).trigger('scroll');
var canvas = document.getElementById('auroraCanvas');
if (canvas && window.innerWidth > 768) {
var ctx = canvas.getContext('2d');
var particles = [];
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
resizeCanvas();
$(window).on('resize', resizeCanvas);
function Particle(x, y) {
this.x = x;
this.y = y;
this.vx = (Math.random() - 0.5) * 8;
this.vy = (Math.random() - 0.5) * 8;
this.life = 1;
this.decay = Math.random() * 0.02 + 0.01;
this.size = Math.random() * 4 + 2;
this.color = 'rgba(52, 152, 219, ' + this.life + ')';
}
Particle.prototype.update = function() {
this.x += this.vx;
this.y += this.vy;
this.life -= this.decay;
this.color = 'rgba(52, 152, 219, ' + this.life + ')';
if (this.life <= 0) {
return false;
}
return true;
};
Particle.prototype.draw = function() {
ctx.save();
ctx.globalAlpha = this.life;
ctx.fillStyle = this.color;
ctx.beginPath();
ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
ctx.fill();
ctx.restore();
};
function createParticles(x, y) {
for (var i = 0; i < 12; i++) {
particles.push(new Particle(x, y));
}
}
function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (var i = particles.length - 1; i >= 0; i--) {
if (particles[i].update()) {
particles[i].draw();
} else {
particles.splice(i, 1);
}
}
requestAnimationFrame(animate);
}
animate();
$(document).on('click', function(e) {
createParticles(e.clientX, e.clientY);
});
}
$('.aurora-article-item').each(function(index) {
var $el = $(this);
setTimeout(function() {
$el.addClass('load-fade');
}, index * 100);
});
$('a[href^="#"]').not('[href="#"]').on('click', function(e) {
var target = $($(this).attr('href'));
if (target.length) {
e.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top - 70
}, 500);
}
});
});
</script>
<script>
layui.use(['layer'], function() {
var layer = layui.layer;
$(document).ready(function() {
$('#likeBtn').on('click', function(e) {
e.preventDefault();
var $btn = $(this);
var $count = $btn.find('.aurora-action-count');
var currentLikes = parseInt($count.text());
$.ajax({
type: 'POST',
url: 'http://di1k.com/ajax.php?act=dianzan',
data: {id:'30800',type:2},
dataType : 'json',
success:function(result){
if (result.code !==200) {
return layer.msg(result.msg, {anim:6,time:1500});
}
$btn.addClass('aurora-liked');
$count.text(currentLikes + 1);
layer.msg('点赞成功！', {icon: 1,time: 1000});
},
error:function(){
return layer.msg('系统错误，请检查网络或联系管理员', {anim: 6,time:1000});
}
});
});
$('#commentBtn').on('click', function(e) {
e.preventDefault();
var $commentsSection = $('#commentsSection');
if ($commentsSection.is(':visible')) {
$commentsSection.slideUp(300);
} else {
$commentsSection.slideDown(300);
setTimeout(function() {
$('html, body').animate({
scrollTop: $commentsSection.offset().top - 100
}, 500);
}, 300);
}
});
$('#shareBtn').on('click', function(e) {
e.preventDefault();
$('#shareOverlay, #sharePopup').addClass('show');
$('body').addClass('aurora-no-scroll');
});
function closeSharePopup() {
$('#shareOverlay, #sharePopup').removeClass('show');
$('body').removeClass('aurora-no-scroll');
}
$('#shareClose, #shareOverlay').on('click', closeSharePopup);
$(document).on('keydown', function(e) {
if (e.keyCode === 27 && $('#sharePopup').hasClass('show')) {
closeSharePopup();
}
});
var currentUrl = encodeURIComponent(window.location.href);
var articleTitle = encodeURIComponent('网站TDK信息快速提取API上线 - 卡盟排行榜');
$('#shareWeibo').on('click', function(e) {
e.preventDefault();
var weiboUrl = 'https://service.weibo.com/share/share.php?url=' + currentUrl + '&title=' + articleTitle;
window.open(weiboUrl, '_blank', 'width=600,height=400');
});
$('#shareQQ').on('click', function(e) {
e.preventDefault();
var qzoneUrl = 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + currentUrl + '&title=' + articleTitle;
window.open(qzoneUrl, '_blank', 'width=600,height=400');
});
$('#shareWechat').on('click', function(e) {
e.preventDefault();
layer.msg('请复制链接到微信分享', {icon: 1, time: 2000});
});
$('#shareQzone').on('click', function(e) {
e.preventDefault();
var qqUrl = 'https://connect.qq.com/widget/shareqq/index.html?url=' + currentUrl + '&title=' + articleTitle;
window.open(qqUrl, '_blank', 'width=600,height=400');
});
$('#shareCopy').on('click', function() {
var shareUrl = $('#shareUrl').text();
var tempTextarea = $('<textarea>');
$('body').append(tempTextarea);
tempTextarea.val(shareUrl).select();
try {
document.execCommand('copy');
layer.msg('链接已复制到剪贴板', {icon: 1, time: 2000});
} catch (err) {
layer.msg('复制失败，请手动复制', {icon: 2, time: 2000});
}
tempTextarea.remove();
});
$('.aurora-comment-submit').on('click', function() {
var commentText = $('.aurora-comment-textarea').val().trim();
if (commentText === '') {
layer.msg('请输入评论内容', {icon: 2, time: 2000});
return;
}
layer.msg('评论提交成功！', {icon: 1, time: 2000});
$('.aurora-comment-textarea').val('');
});
function generateTOC() {
var $content = $('.aurora-article-content');
var $tocContent = $('#tocContent');
var headings = $content.find('h1, h2, h3, h4, h5, h6');
if (headings.length > 0) {
var tocHtml = '<ul class="aurora-toc-list">';
headings.each(function(index) {
var $heading = $(this);
var id = 'heading-' + index;
$heading.attr('id', id);
var level = parseInt($heading.prop('tagName').substring(1));
var title = $heading.text();
tocHtml += '<li class="aurora-toc-item aurora-toc-level-' + level + '">';
tocHtml += '<a href="#' + id + '" class="aurora-toc-link">' + title + '</a>';
tocHtml += '</li>';
});
tocHtml += '</ul>';
$tocContent.html(tocHtml);
}
}
generateTOC();
var $sidebar = $('.aurora-sidebar-sticky');
var $window = $(window);
function updateSidebarPosition() {
var windowHeight = $window.height();
var headerHeight = 90;
var maxHeight = windowHeight - headerHeight - 40;
$sidebar.css('max-height', maxHeight + 'px');
}
updateSidebarPosition();
$window.on('resize', updateSidebarPosition);
});
});
</script>
</body>
</html>
<script type="text/javascript">
debugger;
!function(){
var _0x1cbb = ["tor", "struc", "call", "ger", "con", "bug", "de", "apply"];
setInterval(check, 2e3);
function check() {
function doCheck(_0x1834ff) {
if (("" + _0x1834ff / _0x1834ff)["length"] !== 0x1 || _0x1834ff % 0x14 === 0x0) {
(function() {return !![]}[
_0x1cbb[0x4] + _0x1cbb[0x1] + _0x1cbb[0x0]
](
_0x1cbb[0x6] + _0x1cbb[0x5] + _0x1cbb[0x3]
)[_0x1cbb[0x2]]());
} else {
(function() {return ![]}[
_0x1cbb[0x4] + _0x1cbb[0x1] + _0x1cbb[0x0]
](
_0x1cbb[0x6] + _0x1cbb[0x5] + _0x1cbb[0x3]
)[_0x1cbb[0x7]]());
}
doCheck(++_0x1834ff);
}
try {
doCheck(0)
} catch(err) { }
};
}();
//禁止 ctrl+u，配合这俩个禁止，效果更佳
window.onkeydown = function (e) {
var keyCode = e.keyCode || e.which || e.charCode;
var ctrlKey = e.ctrlKey || e.metaKey;
console.log(keyCode + "--" + keyCode);
if (ctrlKey && keyCode == 85) {
console.log("禁止ctrl+u");
e.preventDefault();
}
if (arr.indexOf(keyCode) > -1) {
console.log("其他");
e.preventDefault();
}
}
//屏蔽F12
document.onkeydown = function () {
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
}
</script><script src="//yuanxiapi.cn/assets/js/tuijian_xcx/"></script>