在数字化信息浪潮席卷全球的今天，高效、精准地获取互联网上的结构化数据，已成为企业市场分析、竞争对手监测以及搜索引擎优化（SEO）策略制定的基石。其中，网页TDK数据的抓取，作为数据采集领域一个具体而关键的环节，其重要性日益凸显。TDK，即Title（标题）、Description（描述）和Keywords（关键词），是网页头部（Head）区域的核心元标签，它们不仅向搜索引擎清晰地揭示了网页的核心内容，更直接影响着网站在搜索结果中的展示效果与点击率。本指南旨在提供一份从基础概念到高级实战技巧的完整百科全书式教程，助您掌握全面知识与技能。
第一章：TDK数据基石——概念、价值与抓取原理
要精通抓取，必先深刻理解抓取的对象。TDK数据并非凭空产生，它深深植根于网页的HTML源代码之中。Title标签定义浏览器工具栏标题、搜索引擎结果列表中的首要可点击链接文本；Description标签则通常作为搜索结果标题下方的一段摘要描述；而Keywords标签虽在现代主流搜索引擎排名算法中的权重已大幅降低，但仍不失为了解页面目标关键词设置的重要参考。
抓取的基本原理，即是模拟浏览器或通过HTTP客户端，向目标网页地址（URL）发送请求，获取返回的HTML文档，然后从中精准解析出位于
区块内的
、<meta name="description">以及<meta name="keywords">标签所包含的文本内容。这一过程，从技术路线上可分为基于传统编程语言（如Python搭配Requests + BeautifulSoup库）的定制化爬虫，以及利用现代无代码/低代码工具（如各类爬虫软件、浏览器插件）的快速提取方案。</p>
<hr>
<p class="article"><strong>第二章：工欲善其事——环境准备与工具全览</strong></p>
<p class="article">在开始实际抓取之前，充分的准备工作能事半功倍。若选择编程路线，Python环境是首选。您需要安装Python解释器，并通过包管理工具pip安装核心库：requests用于网络请求，beautifulsoup4或lxml用于HTML解析。一个轻量级的代码编辑器，如VS Code或PyCharm，也将极大提升开发效率。</p>
<p class="article">对于追求效率、无需深入编程的用户，市面上存在大量优秀工具。例如，浏览器扩展程序（如SEO META in 1 CLICK、Web Scraper）可以实时显示并一键复制当前页面的TDK；桌面端爬虫软件（如八爪鱼采集器、火车采集器）则提供了可视化的点选操作，通过配置任务即可批量抓取成千上万页面的TDK数据；甚至一些在线工具网站也提供单页TDK提取服务，只需粘贴URL即可快速返回结果。</p>
<img class='ue-image' width='100%' src='http://qqiyu.cn/assets/img/random/79.jpg'>
<p class="article">此外，无论采用何种方式，都应准备好待抓取的URL列表（通常存于txt或csv文件），并确保您的网络环境稳定，且了解并尊重目标网站的robots.txt协议，在法律和道德框架内进行数据采集。</p>
<hr>
<p class="article"><strong>第三章：实战演练——多种方法分步详解</strong></p>
<p class="article"><strong>方法一：Python代码实现精准抓取</strong><br>这是最灵活、可控性最高的方法。核心步骤可分为四步：请求页面、解析HTML、定位元素、提取与存储数据。以下是一个使用Requests和BeautifulSoup的经典示例代码框架：</p>
<p class="article">python<br>import requests<br>from bs4 import BeautifulSoup<br>import csv</p>
<p class="article">def fetch_tdk(url):<br> try:<br> headers = {'User-Agent': '自定义浏览器标识'}<br> response = requests.get(url, headers=headers, timeout=10)<br> response.encoding = response.apparent_encoding<br> soup = BeautifulSoup(response.text, 'html.parser')</p>
<p class="article"> title = soup.title.string if soup.title else '无标题'<br> description = soup.find('meta', attrs={'name': 'description'})<br> description = description['content'] if description else '无描述'<br> keywords = soup.find('meta', attrs={'name': 'keywords'})<br> keywords = keywords['content'] if keywords else '无关键词'</p>
<p class="article"> return {'url': url, 'title': title.strip, 'description': description.strip, 'keywords': keywords.strip}<br> except Exception as e:<br> return {'url': url, 'title': '抓取失败', 'description': '抓取失败', 'keywords': '抓取失败', 'error': str(e)}</p>
<p class="article"># 批量处理URL列表<br>urls = ['http://example1.com', 'http://example2.com']<br>results = <br>for url in urls:<br> results.append(fetch_tdk(url))<br> # 建议添加延时，如 time.sleep(1)，以示友好</p>
<p class="article"># 存储到CSV文件<br>with open('tdk_data.csv', 'w', newline=, encoding='utf-8-sig') as f:<br> writer = csv.DictWriter(f, fieldnames=['url', 'title', 'description', 'keywords', 'error'])<br> writer.writeheader<br> writer.writerows(results)<br></p>
<p class="article"><strong>方法二：无代码工具高效批量抓取</strong><br>以使用某款可视化爬虫软件为例。首先，新建一个采集任务，并将准备好的URL列表导入作为起始网址。然后，通过软件内置的浏览器打开任意一个样例页面，使用鼠标点选页面元素，软件会自动识别并生成采集规则——通常只需点击一次标题、一次描述和一次关键词元标签。软件会智能学习并定位到对应的HTML路径。最后，设置好翻页规则（如果需要抓取列表页下的多个详情页TDK）并启动任务，软件将自动遍历所有URL，并将结果以Excel或数据库格式导出。</p>
<hr>
<p class="article"><strong>第四章：高级技巧与疑难杂症攻克</strong></p>
<p class="article">掌握了基础抓取后，面对复杂的真实网络环境，还需进阶技巧。其一，处理动态加载页面。许多现代网站（如基于React、Vue.js开发）的TDK可能由JavaScript动态生成，普通HTTP请求获取的初始HTML中不含这些数据。此时，需采用Selenium、Playwright等浏览器自动化工具来模拟真实浏览器行为，等待JS执行完毕后再解析页面源码。</p>
<p class="article">其二，应对反爬虫策略。网站可能通过检查User-Agent、请求频率、Cookie等进行反爬。解决方案包括：伪装成常见浏览器的User-Agent、设置合理的请求间隔时间（如3-5秒）、使用代理IP池轮换IP地址、在允许的情况下管理会话Cookie。</p>
<p class="article">其三，数据清洗与规范化。抓取的原始数据常包含多余空格、换行符、乱码或缺失值。需在存储前后进行清洗：去除首尾空白、转换编码（确保统一为UTF-8）、对缺失值填充“N/A”等标记。对于Keywords，常常会遇到用逗号、竖线或空格分隔的多个关键词，可根据需要进行分割，转化为列表格式，便于后续分析。</p>
<hr>
<p class="article"><strong>第五章：数据应用与生态拓展</strong></p>
<p class="article">抓取TDK数据本身不是目的，将其转化为洞察与行动才是关键。在SEO领域，您可以创建TDK分析仪表盘：对比自身与竞品的标题长度、关键词密度、描述吸引力；找出标题中高频出现的关键词，发掘新的优化机会；监测自身网站TDK的覆盖率，确保每个重要页面都得到妥善优化。</p>
<p class="article>在更广阔的数据应用层面，TDK数据可以作为训练文本分类模型的优质语料库。例如，结合行业URL，通过分析成千上万条Title和Description，利用自然语言处理（NLP）技术，自动对网站进行行业分类、主题聚类或情感倾向判断。此外，将TDK数据与网站的流量数据、排名数据相结合，可以进行归因分析，科学评估不同TDK策略对网站实际流量增长的具体贡献，从而指导更有效的优化投入。</p>
<hr>
<p class="article"><strong>结语</strong></p>
<p class="article">网页TDK数据的一键快速抓取，是一项融合了网络技术、数据解析与行业知识的综合性技能。从理解其底层原理开始，到选择得心应手的工具，再到克服实战中的各种挑战，最终将枯燥的数据转化为驱动业务决策的智慧，这一完整的链路构成了数据获取能力的核心。随着技术的不断演进，自动化与智能化程度的加深，掌握这项技能的价值只增不减。希望本指南能成为您探索网络数据海洋的可靠罗盘，助您在信息时代的海量内容中，精准导航，洞见先机。</p> </div>
<footer class="crystal-article-footer">
<div class="crystal-article-actions">
<button type="button" class="crystal-action-btn crystal-like-btn" id="likeBtn">
<i class="layui-icon layui-icon-praise"></i>
<span class="crystal-action-text">点赞</span>
<span class="crystal-action-count">0</span>
</button>
<button type="button" class="crystal-action-btn crystal-comment-btn" id="commentBtn">
<i class="layui-icon layui-icon-dialogue"></i>
<span class="crystal-action-text">评论</span>
</button>
<button type="button" class="crystal-action-btn crystal-comment-btn" id="shareBtn">
<i class="layui-icon layui-icon-share"></i>
<span class="crystal-action-text">分享</span>
</button>
</div>
</footer>
</article>
<section class="crystal-related-section">
<div class="crystal-section-header">
<h2 class="crystal-section-title">
<i class="layui-icon layui-icon-template"></i>
相关推荐
</h2>
</div>
<div class="crystal-related-grid">
<a href="http://qqiyu.cn/45vii_17131.html" class="crystal-related-item" title="百度收录查询API上线 实时获取域名收录数">
<div class="crystal-related-content">
<h3 class="crystal-related-title">百度收录查询API上线 实时获取域名收录数...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 22:37:54</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://qqiyu.cn/45vii_17130.html" class="crystal-related-item" title="百度收录API：实时域名收录SEO年终盘点">
<div class="crystal-related-content">
<h3 class="crystal-related-title">百度收录API：实时域名收录SEO年终盘点...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 22:22:03</span>
<span><i class="layui-icon layui-icon-read"></i>0</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://qqiyu.cn/45vii_17129.html" class="crystal-related-item" title="百度收录查询API - 域名收录实时获取">
<div class="crystal-related-content">
<h3 class="crystal-related-title">百度收录查询API - 域名收录实时获取...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 22:14:20</span>
<span><i class="layui-icon layui-icon-read"></i>1</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://qqiyu.cn/45vii_17127.html" class="crystal-related-item" title="快速获取网站TDK，SEO优化更高效">
<div class="crystal-related-content">
<h3 class="crystal-related-title">快速获取网站TDK，SEO优化更高效...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 21:46:22</span>
<span><i class="layui-icon layui-icon-read"></i>2</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://qqiyu.cn/45vii_17126.html" class="crystal-related-item" title="域名拦截批量检测API：多平台安全状态查询">
<div class="crystal-related-content">
<h3 class="crystal-related-title">域名拦截批量检测API：多平台安全状态查询...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 21:37:15</span>
<span><i class="layui-icon layui-icon-read"></i>2</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://qqiyu.cn/45vii_17125.html" class="crystal-related-item" title="域名拦截检测API - 多平台安全状态批量查询">
<div class="crystal-related-content">
<h3 class="crystal-related-title">域名拦截检测API - 多平台安全状态批量查询...</h3>
<div class="crystal-related-meta">
<span><i class="layui-icon layui-icon-time"></i>2026-09-23 21:00:09</span>
<span><i class="layui-icon layui-icon-read"></i>3</span>
</div>
</div>
<div class="crystal-related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
</div>
</section>
<section class="crystal-comments-section" id="commentsSection" style="display: none;">
<div class="crystal-section-header">
<h3 class="crystal-section-title">
<i class="layui-icon layui-icon-dialogue"></i>
评论区
</h3>
</div>
<div class="crystal-comment-form">
<textarea class="crystal-comment-textarea" placeholder="写下你的想法..."></textarea>
<div class="crystal-comment-actions">
<button type="button" class="crystal-comment-submit">发表评论</button>
</div>
</div>
<div class="crystal-comments-list">
<div class="crystal-no-comments">
<i class="layui-icon layui-icon-face-smile"></i>
<p>暂无评论，快来抢沙发吧！</p>
</div>
</div>
</section>
</main>
<aside class="crystal-article-sidebar">
<div class="crystal-sidebar-sticky">
<div class="crystal-sidebar-card">
<div class="crystal-card-header">
<h3 class="crystal-card-title">
<i class="layui-icon layui-icon-list"></i>
文章目录
</h3>
</div>
<div class="crystal-toc-content" id="tocContent">
<a href="http://qqiyu.cn/" class="crystal-toc-link" style="font-size: 18px;">
网络咨询</a>
<a href="http://qqiyu.cn/" class="crystal-toc-link" style="font-size: 18px;">
站点简介</a>
<a href="http://qqiyu.cn/45vii_16543.html" class="crystal-toc-link" style="font-size: 17px;">
热门业务</a>
<a href="http://qqiyu.cn/45vii_2777.html" class="crystal-toc-link" style="font-size: 16px;">
信息查询</a>
<a href="http://qqiyu.cn/" class="crystal-toc-link" style="font-size: 13px;">
云服务器</a>
<a href="http://qqiyu.cn/45vii_15395.html" class="crystal-toc-link" style="font-size: 16px;">
游戏资讯</a>
<a href="http://qqiyu.cn/45vii_2871.html" class="crystal-toc-link" style="font-size: 13px;">
生辰八字</a>
<a href="http://qqiyu.cn/" class="crystal-toc-link" style="font-size: 16px;">
电商新闻</a>
<a href="http://qqiyu.cn/45vii_17131.html" class="crystal-toc-link" style="font-size: 16px;">
API接口</a>
<a href="http://qqiyu.cn/" class="crystal-toc-link" style="font-size: 15px;">
网赚创业</a>
<a href="http://qqiyu.cn/45vii_1858.html" class="crystal-toc-link" style="font-size: 14px;">
支付接口</a>
<a href="http://qqiyu.cn/45vii_11484.html" class="crystal-toc-link" style="font-size: 14px;">
万能工具</a>
<a href="http://qqiyu.cn/45vii_13529.html" class="crystal-toc-link" style="font-size: 13px;">
多多助力</a> </div>
</div>
<div class="crystal-sidebar-card">
<div class="crystal-card-header">
<h3 class="crystal-card-title">
<i class="layui-icon layui-icon-chart"></i>
文章统计
</h3>
</div>
<div class="crystal-stats-content">
<div class="crystal-stat-item">
<div class="crystal-stat-number">1</div>
<div class="crystal-stat-label">阅读量</div>
</div>
<div class="crystal-stat-item">
<div class="crystal-stat-number">0</div>
<div class="crystal-stat-label">点赞数</div>
</div>
<div class="crystal-stat-item">
<div class="crystal-stat-number">874</div>
<div class="crystal-stat-label">字数</div>
</div>
</div>
</div>
<div class="crystal-sidebar-card">
<div class="crystal-card-header">
<h3 class="crystal-card-title">
<i class="layui-icon layui-icon-prev"></i>
文章导航
</h3>
</div>
<div class="crystal-nav-content">
<a href="http://qqiyu.cn/45vii_17127.html" class="crystal-nav-item crystal-nav-prev">
<div class="crystal-nav-direction">
<i class="layui-icon layui-icon-left"></i>
上一篇
</div>
<div class="crystal-nav-title">快速获取网站TDK，SEO优化更高效...</div>
</a>
<a href="http://qqiyu.cn/45vii_17131.html" class="crystal-nav-item crystal-nav-next">
<div class="crystal-nav-direction">
下一篇
<i class="layui-icon layui-icon-right"></i>
</div>
<div class="crystal-nav-title">百度收录查询API上线 实时获取域名收录...</div>
</a>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<div class="crystal-share-overlay" id="shareOverlay"></div>
<div class="crystal-share-popup" id="sharePopup">
<div class="crystal-share-header">
<h3 class="crystal-share-title">分享文章</h3>
<button class="crystal-share-close" id="shareClose">
<i class="layui-icon layui-icon-close"></i>
</button>
</div>
<div class="crystal-share-content">
<div class="crystal-share-buttons">
<div class="crystal-share-btn" id="shareWeibo">
<i class="layui-icon layui-icon-share"></i>
<span>微博</span>
</div>
<div class="crystal-share-btn" id="shareQQ">
<i class="layui-icon layui-icon-dialogue"></i>
<span>QQ空间</span>
</div>
<div class="crystal-share-btn" id="shareWechat">
<i class="layui-icon layui-icon-cellphone"></i>
<span>微信</span>
</div>
<div class="crystal-share-btn" id="shareQzone">
<i class="layui-icon layui-icon-friends"></i>
<span>QQ好友</span>
</div>
</div>
<div class="crystal-share-url-section">
<div class="crystal-share-url" id="shareUrl">http://qqiyu.cn/45vii_17128.html</div>
<button class="crystal-share-copy" id="shareCopy">复制链接</button>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="http://qqiyu.cn/template/article11/assets/css/foot.css" />
<div class="crystal-friend-links-section">
<div class="crystal-friend-links-container">
<div class="crystal-friend-links-header">
<h3 class="crystal-friend-links-title">
<i class="layui-icon layui-icon-link"></i>
友情链接
</h3>
<p class="crystal-friend-links-desc">这里收集了一些优质的网站资源，欢迎交流合作！</p>
</div>
<div class="crystal-friend-links-list">
它页底部版权 </div>
</div>
</div>
<footer class="crystal-footer">
<div class="crystal-footer-container">
<div class="crystal-footer-content">
<div class="crystal-footer-main">
<div class="crystal-footer-brand">
<a href="http://qqiyu.cn/" class="crystal-footer-logo">
<i class="layui-icon layui-icon-home"></i>
<span>渠道玩家</span>
</a>
<p class="crystal-footer-desc">
专注于分享优质资源，提供一站式网站导航服务。致力于为用户提供最便捷的网站收录和推荐平台。
</p>
</div>
<div class="crystal-footer-social">
<span class="crystal-social-text">关注我们</span>
<div class="crystal-social-links">
<a href="#" class="crystal-social-link" title="微博">
<i class="layui-icon layui-icon-chat"></i>
</a>
<a href="#" class="crystal-social-link" title="QQ">
<i class="layui-icon layui-icon-dialogue"></i>
</a>
<a href="#" class="crystal-social-link" title="邮箱">
<i class="layui-icon layui-icon-email"></i>
</a>
<a href="#" class="crystal-social-link" title="GitHub">
<i class="layui-icon layui-icon-github"></i>
</a>
</div>
</div>
</div>
<div class="crystal-footer-bottom">
<div class="crystal-footer-copyright">
<span class="crystal-copyright-text">
CopyRight © 2018-2026 渠道玩家 All Rights Reserved.
</span>
</div>
</div>
</div>
</div>
</footer>
<div class="crystal-back-to-top" id="crystalBackToTop">
<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="crystal-progress-bar">
<div class="crystal-progress-fill"></div>
</div>
<canvas id="crystalCanvas" class="crystal-canvas"></canvas>
<script src="http://qqiyu.cn/assets/layui/layui.js"></script>
<script src="http://qqiyu.cn/assets/js/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
var $mobileMenuBtn = $('#crystalMobileMenuBtn');
var $mobileNav = $('#crystalMobileNav');
var $mobileCloseBtn = $('#crystalMobileCloseBtn');
var $mobileNavOverlay = $('.crystal-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');
}
);
$('.crystal-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;
$('.crystal-progress-fill').css('width', progress + '%');
});
$(window).trigger('scroll');
var canvas = document.getElementById('crystalCanvas');
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);
});
}
$('.crystal-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('.crystal-action-count');
var currentLikes = parseInt($count.text());
$.ajax({
type: 'POST',
url: 'http://qqiyu.cn/ajax.php?act=dianzan',
data: {id:'17128',type:2},
dataType : 'json',
success:function(result){
if (result.code !==200) {
return layer.msg(result.msg, {anim:6,time:1500});
}
$btn.addClass('crystal-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('crystal-no-scroll');
});
function closeSharePopup() {
$('#shareOverlay, #sharePopup').removeClass('show');
$('body').removeClass('crystal-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数据一键快速抓取 - 渠道玩家');
$('#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();
});
$('.crystal-comment-submit').on('click', function() {
var commentText = $('.crystal-comment-textarea').val().trim();
if (commentText === '') {
layer.msg('请输入评论内容', {icon: 2, time: 2000});
return;
}
layer.msg('评论提交成功！', {icon: 1, time: 2000});
$('.crystal-comment-textarea').val('');
});
function generateTOC() {
var $content = $('.crystal-article-content');
var $tocContent = $('#tocContent');
var headings = $content.find('h1, h2, h3, h4, h5, h6');
if (headings.length > 0) {
var tocHtml = '<ul class="crystal-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="crystal-toc-item crystal-toc-level-' + level + '">';
tocHtml += '<a href="#' + id + '" class="crystal-toc-link">' + title + '</a>';
tocHtml += '</li>';
});
tocHtml += '</ul>';
$tocContent.html(tocHtml);
}
}
generateTOC();
var $sidebar = $('.crystal-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>