在互联网信息爆炸的时代，如何从海量网页中精准抓取核心内容，是许多数据分析师、市场研究员和SEO从业者面临的共同挑战。我曾遇到一位从事竞争情报分析的用户张明，他的日常工作需要手动从数百个竞品网站中记录“标题、描述、关键词”信息，过程繁琐且极易出错。直到他开始尝试系统化的网络爬虫技术，尤其是针对网页TDK三要素的定向提取，工作效率才发生了翻天覆地的变化。
网络爬虫实践中的TDK高效提取方案，其核心优势在于精准性与自动化。与漫无目的的全站爬取不同，它直击网页的“灵魂”——即Title（标题）、Description（描述）、Keywords（关键词）这三个位于HTML头部、决定页面核心内容和搜索引擎认知的关键元素。对于张明而言，这套方案意味着无需再在冗余的广告、导航和正文中费力寻找，爬虫脚本能够像经验丰富的侦察兵，快速定位并带回最纯净的关键数据。这不仅将过去数日的工作量压缩到几小时内完成，更确保了数据的统一格式与极高准确率，为后续的竞品分析和市场决策奠定了可靠基石。
从入门到精通：TDK提取完整操作指南
第一步：环境准备与工具选择。初学者无需畏惧，可从Python语言起步，配合Requests库发送网页请求，再使用BeautifulSoup或lxml这类解析库来剖析HTML结构。建议安装一个集成开发环境，如PyCharm，并初步了解HTML的基本标签构成。
第二步：理解TDK的HTML结构。打开任意网页，查看其源代码，你会发现TDK三要素通常嵌套在
区域的
标签中。例如，标题位于
标签内，描述和关键词则常出现在name属性为“description”和“keywords”的<meta>标签的content属性中。掌握这一规律是编写提取逻辑的基础。</p>
<hr>
<p class=article>第三步：编写基础爬虫脚本。从一个简单的URL开始，使用Requests获取网页HTML。然后，利用解析库的查找功能，定位到特定的标签。例如，在BeautifulSoup中，你可以使用soup.find(‘title’)获取标题，使用soup.find(‘meta‘, attrs={‘name‘: ‘description‘})获取描述。将提取到的内容存储到列表或字典中。</p>
<hr>
<p class=article>第四步：处理异常与增强鲁棒性。真实网络环境复杂，网页可能缺失某些TDK元素，或服务器可能拒绝请求。因此，必须在代码中加入异常处理，如try-except块，并使用headers模拟浏览器访问，设置合理的请求间隔以避免被封禁。</p>
<hr>
<p class=article>第五步：规模化与进阶技巧。当单个网页提取稳定后，可以扩展至批量处理URL列表。此时，考虑引入并发爬取技术，如使用asyncio或Scrapy框架，以大幅提升采集速度。同时，可将数据存储到CSV文件或数据库中，并增加日志记录功能，便于监控和调试。</p>
<hr>
<p class=article>第六步：精通与优化。深入阶段可以研究动态网页的TDK提取，这通常需要借助Selenium或Playwright等工具来渲染JavaScript。此外，学习使用正则表达式进行更复杂的模式匹配，并设计智能轮询策略应对反爬虫机制，使你的爬虫更具适应性和隐蔽性。</p>
<hr>
<p class=article>高效使用技巧分享</p>
<hr>
<p class=article>1. 预先过滤：在发起请求前，先对URL列表进行筛选，只针对需要爬取的域名或页面类型进行操作，节省时间和资源。</p>
<hr>
<p class=article>2. 缓存策略：对于不需实时更新的TDK信息，可对已爬取页面进行本地缓存，避免重复请求，特别适合大规模历史数据分析。</p>
<hr>
<p class=article>3. 字段清洗：提取后的原始数据常包含换行符、多余空格或特定字符，编写简单的清洗函数统一格式，能极大提升后续分析效率。</p>
<hr>
<p class=article>4. 链路监控：构建一个轻量级的仪表盘，监控核心网站TDK的变更情况，这能帮助你第一时间发现竞争对手的策略调整。</p>
<hr>
<p class=article>促进分享与转化的话术设计</p>
<hr>
<p class=article>当您掌握了这项高效技能，或许会希望与团队或同行分享，创造更大价值。您可以这样沟通：“大家是否也曾为手动收集竞品信息熬夜加班？我最近实践了一套TDK定向爬取方案，它就像一个不知疲倦的智能助手，能自动在十分钟内完成我们过去一周的收集量，而且准确率近乎百分之百。我已经整理了从零开始的操作手册和避坑指南，如果您感兴趣，我们可以找个时间详细交流，或许能为咱们部门开拓一种全新的工作模式。”</p>
<hr>
<p class=article>或者，在技术社区分享时可以这样引导：“本文详细拆解了TDK三要素提取的每一个步骤与进阶技巧。如果你觉得这些内容有帮助，解决了你正在面临的某个具体问题，欢迎将它推荐给可能同样需要的朋友。在实际操作中遇到任何个性化难题，也欢迎在评论区留言，我们一起探讨更优的解决方案。”</p>
<hr>
<p class=article>总而言之，掌握网络爬虫针对TDK三要素的高效提取，绝非仅仅是学会一项技术工具，更是构建一种面向数据驱动决策的核心能力。它从解决像张明这样的真实痛点出发，通过系统化的学习路径，最终转化为个人或团队强劲的竞争优势。无论是市场动态追踪、SEO效果监控，还是内容策略分析，这套方案都将成为您在信息海洋中精准导航的可靠罗盘。</p> </div>
<footer class="article-footer">
<div class="article-tags">
<span class="tag-label">
<i class="layui-icon layui-icon-tabs"></i>
标签：
</span>
<span class="tag-item">API接口</span>
</div>
<div class="article-actions">
<button type="button" class="action-btn like-btn" id="likeBtn">
<i class="layui-icon layui-icon-praise"></i>
<span class="action-text">点赞</span>
<span class="action-count">0</span>
</button>
<button type="button" class="action-btn share-btn" id="shareBtn">
<i class="layui-icon layui-icon-share"></i>
<span class="action-text">分享</span>
</button>
</div>
<div class="article-info">
<div class="info-item">
<i class="layui-icon layui-icon-file"></i>
<span>字数统计：2,032 字</span>
</div>
<div class="info-item">
<i class="layui-icon layui-icon-edit"></i>
<span>最后更新：2026-09-23 22:41:20</span>
</div>
</div>
</footer>
</article>
<section class="article-navigation">
<div class="nav-container">
<a href="http://gaicen.com/article_wwww24317.html" class="nav-item2 nav-prev">
<div class="nav-direction">
<i class="layui-icon layui-icon-left"></i>
<span>上一篇</span>
</div>
<div class="nav-title">域名拦截检测API - 多平台安全查询</div>
</a>
<a href="http://gaicen.com/article_wwww24323.html" class="nav-item2 nav-next">
<div class="nav-direction">
<span>下一篇</span>
<i class="layui-icon layui-icon-right"></i>
</div>
<div class="nav-title">百度收录查询API-域名收录SEO实时获取工具</div>
</a>
</div>
</section>
<section class="related-section">
<div class="section-header">
<h2 class="section-title">
<i class="layui-icon layui-icon-light"></i>
相关推荐
</h2>
<div class="section-decoration"></div>
</div>
<div class="related-grid">
<a href="http://gaicen.com/article_wwww24323.html" class="related-item" title="百度收录查询API-域名收录SEO实时获取工具">
<div class="related-content">
<h3 class="related-title">百度收录查询API-域名收录SEO实时获取工具</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
0 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://gaicen.com/article_wwww24322.html" class="related-item" title="百度收录查询API - 实时获取域名SEO数据">
<div class="related-content">
<h3 class="related-title">百度收录查询API - 实时获取域名SEO数据</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
0 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://gaicen.com/article_wwww24321.html" class="related-item" title="百度收录查询API - 域名SEO实时收录数获取">
<div class="related-content">
<h3 class="related-title">百度收录查询API - 域名SEO实时收录数获取</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
0 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://gaicen.com/article_wwww24320.html" class="related-item" title="百度收录查询API：域名收录数实时获取与SEO分析">
<div class="related-content">
<h3 class="related-title">百度收录查询API：域名收录数实时获取与SEO分析</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
0 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://gaicen.com/article_wwww24319.html" class="related-item" title="百度收录量实时查询API - SEO突发数据获取">
<div class="related-content">
<h3 class="related-title">百度收录量实时查询API - SEO突发数据获取</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
0 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
<a href="http://gaicen.com/article_wwww24317.html" class="related-item" title="域名拦截检测API - 多平台安全查询">
<div class="related-content">
<h3 class="related-title">域名拦截检测API - 多平台安全查询</h3>
<div class="related-meta">
<span class="related-time">
<i class="layui-icon layui-icon-time"></i>
09-23 </span>
<span class="related-views">
<i class="layui-icon layui-icon-read"></i>
2 </span>
</div>
</div>
<div class="related-arrow">
<i class="layui-icon layui-icon-right"></i>
</div>
</a>
</div>
</section>
</main>
<aside class="article-sidebar">
<div class="sidebar-sticky">
<div class="sidebar-card">
<div class="card-header">
<h3 class="card-title">
<i class="layui-icon layui-icon-chart"></i>
文章统计
</h3>
</div>
<div class="card-content">
<div class="stats-grid">
<div class="stat-item">
<div class="stat-icon">
<i class="layui-icon layui-icon-read"></i>
</div>
<div class="stat-info">
<div class="stat-number">1</div>
<div class="stat-label">阅读量</div>
</div>
</div>
<div class="stat-item">
<div class="stat-icon">
<i class="layui-icon layui-icon-praise"></i>
</div>
<div class="stat-info">
<div class="stat-number">0</div>
<div class="stat-label">点赞数</div>
</div>
</div>
<div class="stat-item">
<div class="stat-icon">
<i class="layui-icon layui-icon-file"></i>
</div>
<div class="stat-info">
<div class="stat-number">2,032</div>
<div class="stat-label">字数</div>
</div>
</div>
<div class="stat-item">
<div class="stat-icon">
<i class="layui-icon layui-icon-time"></i>
</div>
<div class="stat-info">
<div class="stat-number">7</div>
<div class="stat-label">分钟阅读</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-card">
<div class="card-header">
<h3 class="card-title">
<i class="layui-icon layui-icon-tabs"></i>
热门标签
</h3>
</div>
<div class="card-content">
<div class="tag-cloud">
<a href="http://gaicen.com/article_wwww23760.html" class="tag-item">
<span class="tag-text">热门业务</span>
<span class="tag-count">11397</span>
</a>
<a href="http://gaicen.com/article_wwww9882.html" class="tag-item">
<span class="tag-text">信息查询</span>
<span class="tag-count">2881</span>
</a>
<a href="http://gaicen.com/article_wwww5070.html" class="tag-item">
<span class="tag-text">云服务器</span>
<span class="tag-count">1106</span>
</a>
<a href="http://gaicen.com/article_wwww22625.html" class="tag-item">
<span class="tag-text">游戏资讯</span>
<span class="tag-count">5406</span>
</a>
<a href="http://gaicen.com/article_wwww9968.html" class="tag-item">
<span class="tag-text">生辰八字</span>
<span class="tag-count">957</span>
</a>
<a href="http://gaicen.com/article_wwww24323.html" class="tag-item">
<span class="tag-text">API接口</span>
<span class="tag-count">1152</span>
</a>
<a href="http://gaicen.com/article_wwww8983.html" class="tag-item">
<span class="tag-text">支付接口</span>
<span class="tag-count">39</span>
</a>
<a href="http://gaicen.com/article_wwww18658.html" class="tag-item">
<span class="tag-text">万能工具</span>
<span class="tag-count">1079</span>
</a>
<a href="http://gaicen.com/article_wwww20708.html" class="tag-item">
<span class="tag-text">多多助力</span>
<span class="tag-count">203</span>
</a>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<div class="share-modal" id="shareModal">
<div class="modal-overlay"></div>
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">分享文章</h3>
<button class="modal-close" id="shareClose">
<i class="layui-icon layui-icon-close"></i>
</button>
</div>
<div class="modal-body">
<div class="share-options">
<a href="#" class="share-option wechat" id="shareWechat">
<div class="share-icon">
<i class="layui-icon layui-icon-chat"></i>
</div>
<span>微信</span>
</a>
<a href="#" class="share-option weibo" id="shareWeibo">
<div class="share-icon">
<i class="layui-icon layui-icon-share"></i>
</div>
<span>微博</span>
</a>
<a href="#" class="share-option qq" id="shareQQ">
<div class="share-icon">
<i class="layui-icon layui-icon-dialogue"></i>
</div>
<span>QQ空间</span>
</a>
<a href="#" class="share-option copy" id="shareCopy">
<div class="share-icon">
<i class="layui-icon layui-icon-file"></i>
</div>
<span>复制链接</span>
</a>
</div>
<div class="share-url">
<input type="text" class="url-input" value="http://gaicen.com/article_wwww24318.html" readonly id="shareUrl">
<button class="copy-btn" id="copyBtn">
<i class="layui-icon layui-icon-file"></i>
复制
</button>
</div>
</div>
</div>
</div>
<button class="back-to-top" id="backToTop">
<i class="layui-icon layui-icon-top"></i>
</button>
<link rel="stylesheet" type="text/css" href="http://gaicen.com/template/article15/assets/css/foot.css" />
<div class="friend-links-section">
<div class="layui-container">
<div class="friend-links-header">
<h3 class="section-title">
<i class="layui-icon layui-icon-link"></i>
友情链接
</h3>
<p class="section-desc">与优质网站互相推荐，共同成长</p>
</div>
<div class="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="site-footer">
<div class="layui-container">
<div class="footer-content">
<div class="layui-row layui-col-space30">
<div class="layui-col-md4 layui-col-sm12">
<div class="footer-brand">
<a href="http://gaicen.com/" class="footer-logo">
<div class="logo-icon">
<i class="layui-icon layui-icon-diamond"></i>
</div>
<div class="brand-info">
<h4>盖岑网</h4>
<p>专业导航平台</p>
</div>
</a>
<p class="footer-desc">
致力于为用户提供最优质的网站导航服务，精心筛选每一个收录网站，为您的网络生活提供便利。
</p>
<div class="footer-features">
<span class="feature-item">
<i class="layui-icon layui-icon-ok"></i>
精选优质
</span>
<span class="feature-item">
<i class="layui-icon layui-icon-ok"></i>
安全可靠
</span>
<span class="feature-item">
<i class="layui-icon layui-icon-ok"></i>
持续更新
</span>
</div>
</div>
</div>
<div class="layui-col-md2 layui-col-sm6">
<div class="footer-links">
<h4 class="link-title">快速导航</h4>
<ul class="link-list">
<li><a href="http://gaicen.com/">网站首页</a></li>
<li><a href="#">最新收录</a></li>
<li><a href="#">热门推荐</a></li>
<li><a href="#">分类浏览</a></li>
</ul>
</div>
</div>
<div class="layui-col-md2 layui-col-sm6">
<div class="footer-links">
<h4 class="link-title">服务支持</h4>
<ul class="link-list">
<li><a href="#">网站提交</a></li>
<li><a href="#">使用帮助</a></li>
<li><a href="#">常见问题</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="layui-col-md2 layui-col-sm6">
<div class="footer-links">
<h4 class="link-title">关于我们</h4>
<ul class="link-list">
<li><a href="#">平台介绍</a></li>
<li><a href="#">发展历程</a></li>
<li><a href="#">隐私政策</a></li>
<li><a href="#">服务条款</a></li>
</ul>
</div>
</div>
<div class="layui-col-md2 layui-col-sm6">
<div class="footer-contact">
<h4 class="contact-title">联系我们</h4>
<div class="contact-info">
<div class="contact-item">
<i class="layui-icon layui-icon-login-qq"></i>
<span>2646906096</span>
</div>
<div class="contact-item">
<i class="layui-icon layui-icon-email"></i>
<span>2646906096@qq.com</span>
</div>
<div class="contact-item">
<i class="layui-icon layui-icon-time"></i>
<span>7×24小时服务</span>
</div>
</div>
<div class="social-links">
<span class="social-text">关注我们</span>
<div class="social-icons">
<a href="#" class="social-link" title="微信">
<i class="layui-icon layui-icon-chat"></i>
</a>
<a href="#" class="social-link" title="QQ">
<i class="layui-icon layui-icon-dialogue"></i>
</a>
<a href="#" class="social-link" title="邮箱">
<i class="layui-icon layui-icon-email"></i>
</a>
<a href="#" class="social-link" title="GitHub">
<i class="layui-icon layui-icon-github"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="copyright-info">
<div class="copyright-left">
<span class="copyright-text">
Copyright © 2019-2026
盖岑网 All Rights Reserved.
</span>
</div>
<div class="copyright-right">
<span class="build-info">
<i class="layui-icon layui-icon-time"></i>
最后更新：2026-09-23 </span>
</div>
</div>
</div>
</div>
</footer>
<div class="float-tools">
<div class="tool-item back-to-top" id="backToTop" title="返回顶部">
<i class="layui-icon layui-icon-up"></i>
</div>
</div>
<div class="progress-bar">
<div class="progress-fill"></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const backToTop = document.getElementById('backToTop');
if (backToTop) {
backToTop.addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
}
window.addEventListener('scroll', function() {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const windowHeight = window.innerHeight;
const documentHeight = document.documentElement.scrollHeight;
if (scrollTop > 300) {
backToTop.classList.add('show');
} else {
backToTop.classList.remove('show');
}
const progress = (scrollTop / (documentHeight - windowHeight)) * 100;
const progressFill = document.querySelector('.progress-fill');
if (progressFill) {
progressFill.style.width = Math.min(progress, 100) + '%';
}
});
document.querySelectorAll('a[href^="#"]').forEach(function(link) {
if (link.getAttribute('href') !== '#') {
link.addEventListener('click', function(e) {
const target = document.querySelector(this.getAttribute('href'));
if (target) {
e.preventDefault();
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
}
});
window.dispatchEvent(new Event('scroll'));
});
</script>
<script src="http://gaicen.com/assets/layui/layui.js"></script>
<script src="http://gaicen.com/assets/js/jquery/3.4.1/jquery.min.js"></script>
<script>
layui.use(['layer'], function() {
var layer = layui.layer;
$(document).ready(function() {
setTimeout(function() {
$('body').addClass('loaded');
}, 100);
function updateReadingProgress() {
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
var scrollPercent = (scrollTop) / (docHeight - winHeight);
var scrollPercentRounded = Math.round(scrollPercent * 100);
$('#readingProgress').css('width', scrollPercentRounded + '%');
}
$(window).on('scroll', updateReadingProgress);
$('#likeBtn').on('click', function(e) {
e.preventDefault();
var $btn = $(this);
var $count = $btn.find('.action-count');
var currentLikes = parseInt($count.text());
if ($btn.hasClass('liked')) {
layer.msg('您已经点过赞了！', {icon: 2, time: 1500});
return;
}
$.ajax({
type: 'POST',
url: 'http://gaicen.com/ajax.php?act=dianzan',
data: {id:'24318',type:2},
dataType : 'json',
success:function(result){
if (result.code !== 200) {
return layer.msg(result.msg, {icon: 2, time: 1500});
}
$btn.addClass('liked');
$count.text(currentLikes + 1);
$('#likeCount').text(currentLikes + 1);
$btn.addClass('animate-like');
setTimeout(function() {
$btn.removeClass('animate-like');
}, 600);
layer.msg('点赞成功！', {icon: 1, time: 1000});
},
error:function(){
return layer.msg('系统错误，请检查网络或联系管理员', {icon: 2, time: 1000});
}
});
});
$('#shareBtn').on('click', function(e) {
e.preventDefault();
$('#shareModal').addClass('show');
$('body').addClass('no-scroll');
});
function closeShareModal() {
$('#shareModal').removeClass('show');
$('body').removeClass('no-scroll');
}
$('#shareClose, .modal-overlay').on('click', closeShareModal);
$(document).on('keydown', function(e) {
if (e.keyCode === 27 && $('#shareModal').hasClass('show')) {
closeShareModal();
}
});
var currentUrl = encodeURIComponent(window.location.href);
var currentTitle = encodeURIComponent('网络爬虫实践：TDK三要素高效提取方案');
var currentDesc = encodeURIComponent('在互联网信息爆炸的时代，如何从海量网页中精准抓取核心内容，是许多数据分析师、市场研究员和SEO从业者面临的共同挑战。我曾遇到一位从事竞争情报分析的用户张明，他的日常工作需要手动从数百个竞品网站中记录标题、描述、关键词信息，过程繁琐且极易...');
$('#shareWeibo').on('click', function(e) {
e.preventDefault();
var url = 'https://service.weibo.com/share/share.php?url=' + currentUrl + '&title=' + currentTitle + '&pic=&appkey=';
window.open(url, '_blank', 'width=600,height=400');
});
$('#shareQQ').on('click', function(e) {
e.preventDefault();
var url = 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + currentUrl + '&title=' + currentTitle + '&desc=' + currentDesc;
window.open(url, '_blank', 'width=600,height=400');
});
$('#shareWechat').on('click', function(e) {
e.preventDefault();
layer.msg('请复制链接分享到微信', {icon: 1, time: 2000});
});
$('#copyBtn, #shareCopy').on('click', function(e) {
e.preventDefault();
var $input = $('#shareUrl');
$input.select();
document.execCommand('copy');
var $btn = $('#copyBtn');
$btn.addClass('success').html('<i class="layui-icon layui-icon-ok"></i> 已复制');
layer.msg('链接已复制到剪贴板', {icon: 1, time: 1500});
setTimeout(function() {
$btn.removeClass('success').html('<i class="layui-icon layui-icon-file"></i> 复制');
}, 2000);
});
function toggleBackToTop() {
if ($(window).scrollTop() > 300) {
$('#backToTop').addClass('show');
} else {
$('#backToTop').removeClass('show');
}
}
$(window).on('scroll', toggleBackToTop);
toggleBackToTop();
$('#backToTop').on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop: 0}, 500);
});
function initCodeHighlight() {
var $codeBlocks = $('#articleContent pre, #articleContent code');
$codeBlocks.each(function() {
var $code = $(this);
if ($code.is('pre')) {
var $copyBtn = $('<button class="code-copy-btn" title="复制代码"><i class="layui-icon layui-icon-file"></i></button>');
$code.css('position', 'relative').append($copyBtn);
$copyBtn.on('click', function(e) {
e.preventDefault();
var text = $code.text();
var $temp = $('<textarea>');
$('body').append($temp);
$temp.val(text).select();
document.execCommand('copy');
$temp.remove();
layer.msg('代码已复制', {icon: 1, time: 1000});
});
}
});
}
initCodeHighlight();
function optimizeContent() {
var $content = $('#articleContent');
$content.find('table').each(function() {
$(this).wrap('<div class="table-responsive"></div>');
});
$content.find('a[href^="http"]').each(function() {
var $link = $(this);
var href = $link.attr('href');
if (href.indexOf(window.location.hostname) === -1) {
$link.attr('target', '_blank')
.attr('rel', 'noopener noreferrer')
.append(' <i class="layui-icon layui-icon-link" style="font-size: 12px;"></i>');
}
});
$content.find('p').addClass('content-paragraph');
}
optimizeContent();
$(document).on('keydown', function(e) {
if (e.keyCode === 27 && $('#shareModal').hasClass('show')) {
closeShareModal();
}
});
function initStickySidebar() {
var $sidebar = $('.sidebar-sticky');
var $main = $('.article-main');
if ($(window).width() > 768) {
$(window).on('scroll resize', function() {
var scrollTop = $(window).scrollTop();
var mainHeight = $main.outerHeight();
var sidebarHeight = $sidebar.outerHeight();
var windowHeight = $(window).height();
if (sidebarHeight < windowHeight && mainHeight > sidebarHeight) {
if (scrollTop > 100) {
$sidebar.addClass('sticky');
} else {
$sidebar.removeClass('sticky');
}
}
});
}
}
initStickySidebar();
function handleResponsive() {
if ($(window).width() <= 768) {
$('.sidebar-sticky').removeClass('sticky');
}
}
$(window).on('resize', handleResponsive);
handleResponsive();
setTimeout(function() {
updateReadingProgress();
$('body').addClass('content-loaded');
}, 500);
});
});
</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>