RSS阅读器通过订阅、抓取、解析、存储与展示五个步骤，将分散的网络内容聚合为个性化信息流。它以标准化XML格式从网站拉取更新，利用HTTP缓存机制提升效率，并将不同来源的内容统一结构化处理后呈现给用户。相比传统网页浏览需手动刷新查找内容，RSS实现“一次订阅，持续获取”，避免广告干扰、提升阅读效率并增强隐私保护。用户掌握信息主动权，不受算法推荐影响，形成去中心化的阅读模式。选择阅读器时需关注同步能力、离线阅读、过滤搜索、界面体验、全文抓取及隐私政策等核心功能。尽管社交媒体兴起曾使RSS式微，但其在播客领域始终关键，并随隐私意识觉醒与去中心化趋势迎来小众复兴。未来RSS或将与Web3.0、AI工具链深度融合，作为开放内容分发基础设施持续演进。
RSS阅读器本质上是一个内容聚合工具，它通过定期访问你订阅的网站提供的RSS/Atom订阅源，将最新的文章、新闻或其他更新内容抓取回来，然后以统一、简洁的格式展示给你，让你无需频繁打开多个网站就能获取信息更新。这就像你委托了一个私人秘书，专门替你盯着所有你关心的信息源，一旦有新内容，就立刻整理好递到你面前。
解决方案
要理解RSS阅读器的工作原理，我们可以把它拆解成几个核心步骤，这其中既有技术层面的交互，也有用户体验的考量。
首先，订阅源的发现与添加是起点。用户通常会通过两种方式添加订阅：一种是手动复制粘贴一个网站提供的RSS/Atom订阅链接（通常是XML格式的URL），另一种则是通过浏览器插件或阅读器内置的发现功能，自动识别当前网页是否存在可用的订阅源。一旦添加，这个订阅源的URL就被记录下来了。
接下来是定期抓取与更新。这是RSS阅读器最核心的“勤劳”之处。它会按照预设的频率（比如每隔15分钟、1小时或一天），向你订阅的每一个RSS/Atom链接发送HTTP请求，就像浏览器访问一个网页一样。不过，它访问的不是完整的网页，而是一个纯粹的XML文件，这个文件包含了网站最新的几篇文章的标题、链接、摘要、发布时间等结构化信息。这里有个细节，优秀的阅读器还会利用HTTP的
If-Modified-Since或
ETag头信息，如果订阅源内容没有更新，服务器会返回一个304 Not Modified状态码，阅读器就知道不用重新下载整个文件，这既节省了带宽，也提升了效率。
抓取到XML文件后，阅读器需要进行内容解析与结构化。因为RSS和Atom都是基于XML的规范，阅读器会解析这些XML标签，把其中的
</pre>、<pre class="brush:php;toolbar:false;"><link></pre>、<pre class="brush:php;toolbar:false;"><description></pre>（或<pre class="brush:php;toolbar:false;"><summary></pre>）、<pre class="brush:php;toolbar:false;"><pubDate></pre>等元素提取出来，然后将其转换成阅读器内部统一的数据结构。这个过程很重要，它把不同网站、不同格式（虽然都是XML，但具体标签使用可能略有差异）的内容都标准化了，为后续的展示和管理打下基础。</p> <p>然后是<strong>数据存储与管理</strong>。解析后的内容会被存储在阅读器的本地数据库（如果是桌面应用或客户端）或云端服务器（如果是网页版或同步服务）。存储时，阅读器会记录每篇文章的唯一标识（通常是<pre class="brush:php;toolbar:false;">guid</pre>或<pre class="brush:php;toolbar:false;">id</pre>标签），以便判断哪些是新内容，哪些是已读。它还会维护一个状态，比如“已读”、“未读”、“已收藏”等，让用户能够方便地管理自己的阅读进度和偏好。</p> <p>最后，所有这些处理过的信息都会通过<strong>用户界面进行展示</strong>。阅读器会将抓取到的最新文章以列表、卡片或杂志式的布局呈现给用户。通常，用户可以看到文章标题、摘要和发布时间，点击后可以直接跳转到原文链接阅读，或者在阅读器内置的简易浏览器中打开。有些高级阅读器甚至能抓取文章的全文内容，提供“无广告、无干扰”的阅读体验。</p> <p>从我的角度看，整个流程其实就是一套高效的信息过滤和聚合机制，它把互联网上散落在各处的信息碎片，通过一种标准化的方式，集中、个性化地呈现在你面前。</p> <h3>RSS订阅源和传统网页浏览有何不同？</h3> <p>这两种获取信息的方式，在我看来，核心区别在于<strong>主动权和效率</strong>。传统网页浏览，你得一个网站一个网站地去访问，去刷新，去寻找新内容。这就像你为了买菜，需要挨家挨户敲门问“有没有新鲜的蔬菜？”。而RSS订阅，则更像你和这些菜摊老板都约定好了，一旦有新菜，他们就给你发个清单，你只需要看清单就行了。</p> <p>具体来说，RSS订阅最大的优势在于<strong>“拉取”模式下的“推送”体验</strong>。你主动订阅，阅读器定期“拉取”信息，但对你而言，它呈现出来的效果却像是网站在“推送”更新给你。这种模式避免了传统浏览中的诸多干扰：</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/shouce/1586" title="Flex3组件和框架的生命周期 中文WORD版"><img src="https://img.php.cn/upload/manual/000/000/014/170539113197810.png" alt="Flex3组件和框架的生命周期 中文WORD版"></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/shouce/1586" title="Flex3组件和框架的生命周期 中文WORD版">Flex3组件和框架的生命周期 中文WORD版</a> <p>在整本书中我们所涉及许多的Flex框架源码，但为了简洁，我们不总是显示所指的代码。当你阅读这本书时，要求你打开Flex Builder，或能够访问Flex3框架的源码，跟随着我们所讨论源码是怎么工作及为什么这样做。 如果你跟着阅读源码，请注意，我们经常跳过功能或者具体的代码，以便我们可以对应当前的主题。这样能防止我们远离当前的主题，主要是讲解代码的微妙之处。这并不是说那些代码的作用不重要，而是那些代码处理特别的案例，防止潜在的错误或在生命周期的后面来处理，只是我们当前没有讨论它。有需要的朋友可以下载看看</p> </div> <a href="/xiazai/shouce/1586" title="Flex3组件和框架的生命周期 中文WORD版" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <ol> <li> <strong>效率提升</strong>：你不用在各个网站之间来回切换，所有你关心的更新都集中在一个地方。这对于信息量大、时间宝贵的人来说，简直是救星。</li> <li> <strong>内容聚焦</strong>：RSS源通常只包含核心内容，没有广告、弹窗、复杂的布局或跟踪脚本。这提供了一种纯粹的阅读环境，让你能更专注于信息本身。</li> <li> <strong>隐私保护</strong>：当你的RSS阅读器去抓取订阅源时，它通常只请求XML文件，而不是加载完整的网页。这意味着网站更难追踪你的阅读行为（除非你点击链接跳转到原文），相比于每次访问网站都被各种分析工具记录，RSS阅读器在一定程度上提供了更好的隐私性。当然，云端RSS服务商可能会知道你订阅了什么，但这与单个网站的追踪是不同的概念。</li> <li> <strong>去中心化</strong>：你掌控着订阅哪些信息源，而不是被算法推荐或社交媒体的“信息茧房”所左右。你主动选择，而非被动接受。这让我感觉自己对获取的信息更有控制力，而不是被平台牵着鼻子走。</li> </ol> <p>当然，传统网页浏览也有其不可替代性，比如它能提供完整的视觉体验、互动功能以及更丰富的媒体内容。但对于纯粹的信息获取，尤其是文字内容，RSS的优势是显而易见的。</p> <h3>选择RSS阅读器时，我应该关注哪些核心功能？</h3> <p>选择一个好的RSS阅读器，对我来说，就像选择一把趁手的工具，它直接影响到我获取信息的效率和心情。以下几点是我个人在挑选时会重点考量的：</p> <ol> <li> <strong>同步能力</strong>：这是我最看重的功能之一。如果我在<a style="color:#f60; text-decoration:underline;" title="电脑" href="https://www.php.cn/zt/16237.html" target="_blank">电脑</a>上读了一半，希望在手机上能接着读，那么一个支持多设备同步的云端RSS服务就必不可少。它能同步我的订阅列表、已读/未读状态、收藏等，让我无论在哪都能无缝衔接。本地阅读器虽然隐私性更好，但同步是个大问题。</li> <li> <strong>离线阅读</strong>：有时我会在没有网络的地方（比如飞机上或地铁里）想看文章，这时候如果阅读器能预先下载好内容供离线阅读，那体验会大大加分。这通常需要阅读器能抓取全文，而不仅仅是摘要。</li> <li> <strong>内容过滤与搜索</strong>：当订阅源越来越多，信息量爆炸时，一个强大的过滤功能能帮我筛掉不感兴趣的内容，或者只显示我关注的关键词。高效的搜索功能则能让我在海量历史文章中快速找到所需信息。有些阅读器甚至支持通过<a style="color:#f60; text-decoration:underline;" title="正则表达式" href="https://www.php.cn/zt/15947.html" target="_blank">正则表达式</a>进行高级过滤，这对于信息处理量大的用户来说，简直是神器。</li> <li> <strong>用户界面与阅读体验</strong>：界面是否简洁、美观、易用？字体、排版是否可自定义？有没有“黑暗模式”？这些虽然看起来是细节，但直接影响到长时间阅读的舒适度。我个人偏好那种没有过多花哨功能，专注于内容呈现的界面。</li> <li> <strong>集成与扩展性</strong>：它能否与我常用的“稍后阅读”服务（如Pocket、Instapaper）集成？有没有API接口方便我进行二次开发或与其他工具联动？对于技术爱好者来说，这提供了更多的可能性。</li> <li> <strong>全文抓取能力</strong>：很多RSS源只提供文章摘要，如果阅读器能通过智能解析技术（如Readability）抓取文章的完整内容，并在阅读器内直接显示，那将极大地提升阅读体验，避免频繁跳转到原始网站。</li> <li> <strong>价格与隐私政策</strong>：免费的午餐通常意味着你可能是产品本身。我会仔细研究服务的隐私政策，了解我的数据是如何被处理的。付费服务如果能提供更好的隐私保护和稳定的服务，我是愿意买单的。</li> </ol> <p>总的来说，一个好的RSS阅读器，应该是在功能丰富性和用户体验之间找到一个平衡点，既能满足我获取信息的需求，又不会让我感到操作上的负担。</p> <h3>RSS协议的演进与未来趋势是怎样的？</h3> <p>谈到RSS协议的演进，这其实是一段关于互联网信息分发模式变迁的故事。RSS（Really Simple Syndication）协议最早可以追溯到上世纪90年代末，Netscape浏览器为了聚合内容而推出的。它经历了几次版本迭代，比如RSS 0.9x、1.0（基于RDF的语义网尝试）、2.0。与此同时，另一个重要的开放标准<strong>Atom</strong>也应运而生，它在设计上更严谨、更具扩展性，旨在解决RSS的一些不足，例如对XML命名空间的更好支持、更清晰的发布时间定义等。现在我们所说的“RSS订阅源”，很多时候也包含了Atom订阅源，两者在实际应用中是并存且互补的。</p> <p>在2000年代中期，RSS曾达到它的鼎盛时期，被视为个性化互联网的基石。Google Reader的出现更是将其推向了巅峰，让无数人养成了通过RSS阅读器获取信息的习惯。然而，随着社交媒体的崛起，特别是Facebook、Twitter等平台通过算法推荐和“信息流”的形式占据了用户的时间，RSS的普及度开始下降。Google Reader的关闭，更是让很多人认为RSS已死。</p> <p>但我个人认为，RSS从未真正“死去”，它只是从大众视野转向了一个更小众、更专业的圈子，并且在某些领域找到了新的生命力。</p> <p><strong>当前与未来趋势，在我看来有以下几点：</strong></p> <ol> <li> <strong>小众复兴与隐私觉醒</strong>：在信息过载、算法“茧房”日益严重，以及对数据隐私担忧加剧的背景下，越来越多的人开始重新审视RSS的价值。它提供了一种<strong>去中心化、无干扰、用户主导</strong>的信息获取方式。这种“反社交媒体”的趋势，让RSS重新成为追求信息自由和隐私保护用户的首选。</li> <li> <strong>播客（Podcast）的核心</strong>：RSS在播客领域一直扮演着不可或缺的角色。播客客户端就是通过订阅播客的RSS/Atom Feed来获取最新的节目列表和音频文件链接的。近年来，随着播客市场的蓬勃发展，RSS协议也随之受益，甚至出现了“Podcasting 2.0”这样的倡议，旨在通过扩展RSS来为播客提供更丰富的功能（如章节、字幕、捐赠链接等），这证明了RSS在特定应用场景下的强大生命力。</li> <li> <strong>与去中心化网络的结合</strong>：在Web3.0和去中心化思潮的影响下，RSS作为一种开放、标准化的内容分发协议，与<a style="color:#f60; text-decoration:underline;" title="区块链" href="https://www.php.cn/zt/16621.html" target="_blank">区块链</a>、IPFS等技术结合，可能会产生新的火花。例如，内容创作者可以通过RSS发布内容，同时利用去中心化存储和身份验证，进一步增强内容的抗审查性和用户对数据的控制权。</li> <li> <strong>API化与跨平台整合</strong>：RSS的本质是结构化数据，这使得它非常适合作为API的补充或替代品，用于不同应用之间的数据交换。未来的趋势可能是RSS阅读器不仅仅是“读”，更是一个信息枢纽，能够与其他生产力工具、笔记应用甚至AI助手进行深度整合，实现信息的自动化处理和个性化定制。</li> <li> <strong>语义化与丰富性增强</strong>：虽然RSS和Atom的规范相对稳定，但随着HTML5等Web技术的演进，以及对更丰富媒体内容（如视频、互动元素）的需求，未来可能会出现一些对现有协议的扩展或新的标准，以更好地承载这些复杂内容，同时保持其轻量和结构化的优势。</li> </ol> <p>总的来说，RSS协议可能不会再像过去那样成为大众主流的信息获取方式，但它在特定领域（如播客、专业信息聚合）和特定用户群体（追求效率、隐私和内容控制的用户）中的价值，却显得愈发重要和不可替代。它更像是一种坚韧的基础设施，默默地支撑着互联网的一部分，等待着新的应用场景和用户需求的重新发现。</p> </div> <div class="artmoreart "> <div class="artdp artptit"><span></span> <p>相关文章</p> </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/1983424.html" title="PHP的DOMDocument是什么 如何用它来创建和修改XML"><b></b> <p class="overflowclass">PHP的DOMDocument是什么 如何用它来创建和修改XML</p> </a> <a class="artmrlis flexRow" href="/faq/1982026.html" title="XML数据岛是什么 如何在HTML页面中嵌入XML数据"><b></b> <p class="overflowclass">XML数据岛是什么 如何在HTML页面中嵌入XML数据</p> </a> <a class="artmrlis flexRow" href="/faq/1980933.html" title="XML数据清洗和预处理在映射前如何做？"><b></b> <p class="overflowclass">XML数据清洗和预处理在映射前如何做？</p> </a> <a class="artmrlis flexRow" href="/faq/1976985.html" title="XPath的id()函数怎么快速查找具有特定ID的元素"><b></b> <p class="overflowclass">XPath的id()函数怎么快速查找具有特定ID的元素</p> </a> <a class="artmrlis flexRow" href="/faq/1973092.html" title="PHP DOMDocument怎么用 DOMDocument类生成和解析XML方法"><b></b> <p class="overflowclass">PHP DOMDocument怎么用 DOMDocument类生成和解析XML方法</p> </a> </div> <div class="artmoretabs flexRow"> <p>相关标签:</p> <div class="mtbs flexRow"> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15763.html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15863.html" target="_blank">go</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15947.html" target="_blank">正则表达式</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15948.html" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16180.html" target="_blank">浏览器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16237.html" target="_blank">电脑</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16297.html" target="_blank">facebook</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16454.html" target="_blank">web3</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16621.html" target="_blank">区块链</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16887.html" target="_blank">工具</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/17539.html" target="_blank">ai</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/20681.html" target="_blank">google</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html5" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=正则表达式" target="_blank">正则表达式</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=if" target="_blank">if</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=命名空间" target="_blank">命名空间</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=xml" target="_blank">xml</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=数据结构" target="_blank">数据结构</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=接口" target="_blank">接口</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=委托" target="_blank">委托</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=算法" target="_blank">算法</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=数据库" target="_blank">数据库</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=http" target="_blank">http</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=自动化" target="_blank">自动化</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=web3" target="_blank">web3</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=atom" target="_blank">atom</a> </div> </div> <p class="statement">本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/1530749.html" title="RSS订阅如何支持播客内容"><span>上一篇：</span>RSS订阅如何支持播客内容</a> <a class="nextart flexRow" href="/faq/1531045.html" title="什么是RDF？与XML的关系"><span>下一篇：</span>什么是RDF？与XML的关系</a> </div> </div> <div class="artlef-down "> <div class="authormore "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>作者最新文章</p> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998468.html" title="微信朋友圈怎么屏蔽指定好友？不让别人看我朋友圈的设置方法【教程】"><b></b> <p class="overflowclass">微信朋友圈怎么屏蔽指定好友？不让别人看我朋友圈的设置方法【教程】</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 16:22</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998470.html" title="PHP和HTML交互_PHP与HTML前后端交互技术"><b></b> <p class="overflowclass">PHP和HTML交互_PHP与HTML前后端交互技术</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 16:22</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998485.html" title="bobo浏览器怎么更换搜索引擎 bobo浏览器修改默认搜索为百度/谷歌方法【步骤】"><b></b> <p class="overflowclass">bobo浏览器怎么更换搜索引擎 bobo浏览器修改默认搜索为百度/谷歌方法【步骤】</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 16:26</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998619.html" title="Word文档末尾多出一页删不掉？快检查是不是有隐藏分节符"><b></b> <p class="overflowclass">Word文档末尾多出一页删不掉？快检查是不是有隐藏分节符</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 16:56</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998621.html" title="Word最后一行后面有空白页删不了？教你缩小段落间距"><b></b> <p class="overflowclass">Word最后一行后面有空白页删不了？教你缩小段落间距</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 16:57</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998667.html" title="谷歌浏览器地址栏搜索记录怎么删除 Chrome删除单条输入历史"><b></b> <p class="overflowclass">谷歌浏览器地址栏搜索记录怎么删除 Chrome删除单条输入历史</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 17:10</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998669.html" title="Excel制作图表如何改变表示数据的颜色条_图表数据系列颜色自定义"><b></b> <p class="overflowclass">Excel制作图表如何改变表示数据的颜色条_图表数据系列颜色自定义</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 17:11</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998812.html" title="谷歌浏览器怎么关闭硬件加速 Chrome解决黑屏花屏问题【设置】"><b></b> <p class="overflowclass">谷歌浏览器怎么关闭硬件加速 Chrome解决黑屏花屏问题【设置】</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 17:49</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998830.html" title="波波浏览器最新版网页 bobo浏览器2026最新入口"><b></b> <p class="overflowclass">波波浏览器最新版网页 bobo浏览器2026最新入口</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 17:55</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/1998925.html" title="HTML和PHP互相传值_HTML与PHP双向数据传输实现"><b></b> <p class="overflowclass">HTML和PHP互相传值_HTML与PHP双向数据传输实现</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-18 18:13</p> </div> </div> </div> </div> <div class="moreAi "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门AI工具</p> </div> <a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/723" title="DeepSeek" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">DeepSeek</p> <p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/code/open-plat" title="开放平台" class="aidcontbp flexRow flexcenter">开放平台</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/726" title="豆包大模型" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">豆包大模型</p> <p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/725" title="通义千问" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">通义千问</p> <p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">腾讯元宝</p> <p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/office/docs" title="文档处理" class="aidcontbp flexRow flexcenter">文档处理</p> <p href="/ai/tag/office/excel" title="Excel 表格" class="aidcontbp flexRow flexcenter">Excel 表格</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/724" title="文心一言" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">文心一言</p> <p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">讯飞写作</p> <p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p> <div class="aidconstab flexRow"> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> <p href="/ai/tag/text/write" title="写作工具" class="aidcontbp flexRow flexcenter">写作工具</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/1115" title="即梦AI" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">即梦AI</p> <p class="overflowclass abriptwo">一站式AI创作平台，免费AI图片和视频生成。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/image/image-titching" title="图片拼接" class="aidcontbp flexRow flexcenter">图片拼接</p> <p href="/ai/tag/image/image-create" title="图画生成" class="aidcontbp flexRow flexcenter">图画生成</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/808" title="ChatGPT" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">ChatGPT</p> <p class="overflowclass abriptwo">最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p> </div> </div> </a> </div> <div class="aidcons flexRow check "> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtns flexRow"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> <div class="aibtn-right flexColumn"> <p class="overflowclass abripone">智谱清言 - 免费全能的AI助手</p> <p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p> <div class="aidconstab flexRow"> <p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p> <p href="/ai/tag/office/pdf" title="PDF 文档" class="aidcontbp flexRow flexcenter">PDF 文档</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="conRight artdtilRight "> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="hotzt artdtzt"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a> </div> <div class="hotztuls flexColumn"> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5dhzzynxz" class="aClass flexRow hotzta" title="html5动画制作有哪些制作方法"><img src="https://img.php.cn/upload/subject/202310/23/2023102311470430860.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5动画制作有哪些制作方法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5dhzzynxz" class="aClass flexRow hotztra overflowclass" title="html5动画制作有哪些制作方法">html5动画制作有哪些制作方法</a> <p class="aClass flexRow hotztrp overflowclass">html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容，可以阅读本专题下面的文章。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">506</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.10.23</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/htmlyhtmldeqb" class="aClass flexRow hotzta" title="HTML与HTML5的区别"><img src="https://img.php.cn/upload/subject/202403/06/2024030615333441039.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML与HTML5的区别" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/htmlyhtmldeqb" class="aClass flexRow hotztra overflowclass" title="HTML与HTML5的区别">HTML与HTML5的区别</a> <p class="aClass flexRow hotztrp overflowclass">HTML与HTML5的区别：1、html5支持矢量图形，html本身不支持；2、html5中可临时存储数据，html不行；3、html5新增了许多控件；4、html本身不支持音频和视频，html5支持；5、html无法处理不准确的语法，html5能够处理等等。想了解更多HTML与HTML5的相关内容，可以阅读本专题下面的文章。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">427</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2024.03.06</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5crmdjthz" class="aClass flexRow hotzta" title="html5从入门到精通汇总"><img src="https://img.php.cn/upload/subject/202512/30/2025123014274497014.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5从入门到精通汇总" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5crmdjthz" class="aClass flexRow hotztra overflowclass" title="html5从入门到精通汇总">html5从入门到精通汇总</a> <p class="aClass flexRow hotztrp overflowclass">想系统掌握HTML5开发？本合集精选全网优质学习资源，涵盖免费教程、实战项目、视频课程与权威电子书，从基础语法到高级特性（Canvas、本地存储、响应式布局等）一应俱全，适合零基础小白到进阶开发者，助你高效入门并精通HTML5前端开发。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">20</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.30</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5xlbqhz" class="aClass flexRow hotzta" title="html5新老标签汇总"><img src="https://img.php.cn/upload/subject/202512/30/2025123014322442794.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5新老标签汇总" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5xlbqhz" class="aClass flexRow hotztra overflowclass" title="html5新老标签汇总">html5新老标签汇总</a> <p class="aClass flexRow hotztrp overflowclass">HTML5在2026年持续优化网页语义化与交互体验，不仅引入了如<header>、<nav>、<article>、<section>、<aside>、<footer>等结构化标签，还新增了<video>、<audio>、<canvas>、<figure>、<time>、<mark>等增强多媒体与</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">15</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.30</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5kgdmzx" class="aClass flexRow hotzta" title="html5空格代码怎么写"><img src="https://img.php.cn/upload/subject/202512/30/2025123014372737027.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5空格代码怎么写" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5kgdmzx" class="aClass flexRow hotztra overflowclass" title="html5空格代码怎么写">html5空格代码怎么写</a> <p class="aClass flexRow hotztrp overflowclass">在HTML5中，空格不能直接通过键盘空格键实现，需使用特定代码。本合集详解常用空格写法： （不间断空格）、 （半个中文空格）、 （一个中文空格）及CSS的white-space属性等方法，帮助开发者精准控制页面排版，避免因空格失效导致布局错乱，适用于新手入门与实战参考。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">73</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.30</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5zmzwzjc" class="aClass flexRow hotzta" title="html5怎么做网站教程"><img src="https://img.php.cn/upload/subject/202512/31/2025123112142643620.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5怎么做网站教程" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5zmzwzjc" class="aClass flexRow hotztra overflowclass" title="html5怎么做网站教程">html5怎么做网站教程</a> <p class="aClass flexRow hotztrp overflowclass">想从零开始学做网站？这份《HTML5怎么做网站教程》合集专为新手打造！涵盖HTML5基础语法、页面结构搭建、表单与多媒体嵌入、响应式布局及与CSS3/JavaScript协同开发等核心内容。无需编程基础，手把手教你用纯HTML5创建美观、兼容、移动端友好的现代网页。附实战案例+代码模板，快速上手，轻松迈出Web开发第一步！</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">153</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.31</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5jmjc" class="aClass flexRow hotzta" title="HTML5建模教程"><img src="https://img.php.cn/upload/subject/202512/31/2025123112202256406.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML5建模教程" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5jmjc" class="aClass flexRow hotztra overflowclass" title="HTML5建模教程">HTML5建模教程</a> <p class="aClass flexRow hotztrp overflowclass">想快速掌握HTML5模板搭建？本合集汇集实用HTML5建模教程，从零基础入门到实战开发全覆盖！内容涵盖响应式布局、语义化标签、Canvas绘图、表单验证及移动端适配等核心技能，提供可直接复用的模板结构与代码示例。无需复杂配置，助你高效构建现代网页，轻松上手前端开发！</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">25</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.31</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/html5zmsy" class="aClass flexRow hotzta" title="html5怎么使用"><img src="https://img.php.cn/upload/subject/202512/31/2025123114112079655.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5怎么使用" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/html5zmsy" class="aClass flexRow hotztra overflowclass" title="html5怎么使用">html5怎么使用</a> <p class="aClass flexRow hotztrp overflowclass">想快速上手HTML5开发？本合集为你整理最实用的HTML5使用指南！涵盖HTML5基础语法、主流框架（如Bootstrap、Vue、React）集成方法，以及无需安装、直接在线编辑运行的平台推荐（如CodePen、JSFiddle）。无论你是新手还是进阶开发者，都能轻松掌握HTML5网页制作、响应式布局与交互功能开发，零配置开启高效前端编程之旅！</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">35</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2025.12.31</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gddtsjffhz" class="aClass flexRow hotzta" title="高德地图升级方法汇总"><img src="https://img.php.cn/upload/subject/202601/16/2026011616530741625.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="高德地图升级方法汇总" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gddtsjffhz" class="aClass flexRow hotztra overflowclass" title="高德地图升级方法汇总">高德地图升级方法汇总</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了高德地图升级相关教程，阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">72</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.16</p> </div> </div> </div> </div> </div> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 <b></b> </div> / <div class="" data-id="twof">网站源码 <b></b></div> / <div class="" data-id="threef">网站素材 <b></b></div> / <div class="" data-id="fourf">前端模板 <b></b></div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="JS带提示登录表单验证代码" href="/xiazai/js/8520"><span>[表单按钮]</span><span>JS带提示登录表单验证代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery鼠标悬停九宫格图片延伸效果" href="/xiazai/js/8519"><span>[图片特效]</span><span>jQuery鼠标悬停九宫格图片延伸效果</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery表单美化实例代码" href="/xiazai/js/8518"><span>[表单按钮]</span><span>jQuery表单美化实例代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery实现点击替换图片" href="/xiazai/js/8517"><span>[图片特效]</span><span>jQuery实现点击替换图片</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery下拉单选多选城市选择代码" href="/xiazai/js/8516"><span>[表单按钮]</span><span>jQuery下拉单选多选城市选择代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery背景图片轮播特效" href="/xiazai/js/8515"><span>[图片特效]</span><span>jquery背景图片轮播特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="可扩展css3圆形搜索框" href="/xiazai/js/8514"><span>[表单按钮]</span><span>可扩展css3圆形搜索框</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery图片切换插件gridSlide" href="/xiazai/js/8513"><span>[图片特效]</span><span>jQuery图片切换插件gridSlide</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery单选框和复选框美化代码" href="/xiazai/js/8512"><span>[表单按钮]</span><span>jQuery单选框和复选框美化代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="HTML5全屏图片文字过渡切换特效" href="/xiazai/js/8511"><span>[图片特效]</span><span>HTML5全屏图片文字过渡切换特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313"><span>[其它模板]</span><span>思翔企(事)业单位文件柜 build 20080313</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11345" title="CODEC2I 众筹系统"><span>[电商源码]</span><span>CODEC2I 众筹系统</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4213" title="包裹盒卡片样机展示ps素材下载"><span>[网站素材]</span><span>包裹盒卡片样机展示ps素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4212" title="披萨特价折扣美食海报设计下载"><span>[网站素材]</span><span>披萨特价折扣美食海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4211" title="复古海浪灯塔装饰画矢量素材"><span>[网站素材]</span><span>复古海浪灯塔装饰画矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4210" title="手绘烘焙面包坊菜单矢量模板"><span>[网站素材]</span><span>手绘烘焙面包坊菜单矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4209" title="超级快餐美食折扣海报PSD模板下载"><span>[网站素材]</span><span>超级快餐美食折扣海报PSD模板下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4208" title="2026新春纳福金葫芦矢量素材"><span>[网站素材]</span><span>2026新春纳福金葫芦矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4207" title="手机特价宣传海报PSD素材下载"><span>[网站素材]</span><span>手机特价宣传海报PSD素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4206" title="游戏手柄特价折扣方形海报PSD下载"><span>[网站素材]</span><span>游戏手柄特价折扣方形海报PSD下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4205" title="新春喜庆灯笼梅花边框矢量素材"><span>[网站素材]</span><span>新春喜庆灯笼梅花边框矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4204" title="周末美食折扣海报PSD设计源文件下载"><span>[网站素材]</span><span>周末美食折扣海报PSD设计源文件下载</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8590" title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8589" title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8588" title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8587" title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8586" title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8585" title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8584" title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8583" title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8582" title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8581" title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Flex3组件和框架的生命周期 中文WORD版" href="/xiazai/shouce/1586">Flex3组件和框架的生命周期 中文WORD版</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 <b></b> </div> / <div class="" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程"> <img src="https://img.php.cn/upload/course/000/000/090/6899a24dcdf73781.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Bootstrap 5教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程" class="rirightp overflowclass">Bootstrap 5教程</a> <div class="risrdown flexRow"> <p>共46课时 | 2.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1672.html" title="AngularJS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68998d18b4142615.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="AngularJS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1672.html" title="AngularJS教程" class="rirightp overflowclass">AngularJS教程</a> <div class="risrdown flexRow"> <p>共24课时 | 2.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1660.html" title="CSS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68774990cfb6f919.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1660.html" title="CSS教程" class="rirightp overflowclass">CSS教程</a> <div class="risrdown flexRow"> <p>共754课时 | 20.6万人学习</p> </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 7.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="risrdown flexRow"> <p>共79课时 | 151.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 53.4万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通" class="rirightp overflowclass">最新Python教程 从入门到精通</a> <div class="risrdown flexRow"> <p>共4课时 | 4.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 7.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="rirightp overflowclass">PHP新手语法线上课程教学</a> <div class="risrdown flexRow"> <p>共13课时 | 0.9万人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="XML上传后保存到服务器 如何生成唯一文件名" href="/faq/2000162.html">XML上传后保存到服务器 如何生成唯一文件名</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="微服务架构中XML上传服务如何设计 文件服务如何独立" href="/faq/2000156.html">微服务架构中XML上传服务如何设计 文件服务如何独立</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="WebAssembly Go/Rust如何为JS提供高性能XML解析库" href="/faq/2000132.html">WebAssembly Go/Rust如何为JS提供高性能XML解析库</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Oracle如何处理上传的XML XMLTABLE函数怎么用" href="/faq/2000121.html">Oracle如何处理上传的XML XMLTABLE函数怎么用</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="XML RPC是什么 XML RPC调用方法" href="/faq/2000063.html">XML RPC是什么 XML RPC调用方法</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PowerShell的Select-Xml命令怎么用" href="/faq/2000028.html">PowerShell的Select-Xml命令怎么用</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Crystal语言的Kemal框架如何接收文件" href="/faq/1997295.html">Crystal语言的Kemal框架如何接收文件</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Java VTD-XML解析器性能怎么样 高性能XML处理" href="/faq/1997288.html">Java VTD-XML解析器性能怎么样 高性能XML处理</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="XML映射如何处理日期和时间格式的转换？" href="/faq/1997278.html">XML映射如何处理日期和时间格式的转换？</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="XML映射中的条件判断和逻辑如何实现？" href="/faq/1997260.html">XML映射中的条件判断和逻辑如何实现？</a></div> </div> </div> </div> </div> </div> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" title="举报中心" class="cBlack">举报中心</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" title="广告合作" class="cBlack">广告合作</a> <a target="_blank" href="/new/" title="最新文章列表" class="cBlack">最新更新</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2026 <a href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script> <!--底部 end--> <!-- content --> <!-- <div class="phpFudong"> <div class="phpFudongIn"> <div class="phpFudongImg"></div> <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div> <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div> <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div> <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div> <div class="clear"></div> </div> </div> --> <!--底部浮动层 end--> <!--侧导航--> <style> .layui-fixbar{display: none;} </style> <div class="phpSdhBox" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" class="hover" title="PHP学习"> <b class="icon1"></b> <p>PHP学习</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/blog/detail/1047189.html" > <b class="icon2"></b> <p>技术支持</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div> </body> </html> <script type="text/javascript" src="/hitsUp?type=article&id=1530802&time=1768774966"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1768774966"></script> <script> article_status = "1221864"; </script> <input type="hidden" id="verifycode" value="/captcha.html"> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> <script> function setCookie(name, value, iDay) { //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for (var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if (name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '7']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> <script> setCookie('is_article', 1, 1); </script> <script> var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //未登录复制显示登录按钮 if(is_login == 0 && false){ $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else{ // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, preElement); }); } </script>