网站源代码生成器
ToolsPivot网站源代码生成器通过输入URL即可获取并展示任意网页的完整HTML源代码。网站管理员、SEO专员和开发人员在不同浏览器和设备上手动检查代码耗时费力。这款工具即时抓取、格式化并高亮显示源代码，让技术审计和竞品分析变得简单高效。
ToolsPivot网站源代码生成器概述
核心功能
ToolsPivot网站源代码生成器通过服务端请求访问指定URL，返回该网页的原始HTML源代码。输入目标网址，点击生成按钮，工具将返回包含meta标签、脚本、样式表和页面结构在内的完整HTML标记。输出结果经过语法高亮和格式化处理，无需安装浏览器插件或使用开发者工具即可轻松阅读。
主要用户和使用场景
SEO从业者是这款工具最频繁的使用群体，用于审计meta标签、验证结构化数据和检查竞品页面的技术实现。前端开发人员用它快速调试代码、检查第三方脚本集成和验证生产环境部署。运营人员和内容管理者用它确认百度统计、Google Analytics等追踪代码的正确安装，以及Open Graph标签的准确性。
问题与解决方案
通过浏览器快捷键查看源代码在不同设备上操作方式不一，在手机端几乎无法实现。网站源代码生成器提供了一种通用的、不依赖设备的源代码获取方式。用户可在几秒钟内获得格式化的、可搜索的代码内容，大幅缩短技术排查时间。
网站源代码生成器的核心优势
- 即时获取源代码： 无需特定浏览器快捷键或桌面设备，即可获取任意网页的完整HTML代码。
- 语法高亮显示： HTML、CSS和JavaScript部分以不同颜色区分，比查看原始代码更快定位目标元素。
- 移动端友好： 在手机和平板上查看源代码，弥补移动浏览器不支持view-source功能的不足。
- SEO审计能力： 快速验证meta标签、标题标签、canonical URL和robots指令，无需手动搜索代码。
- 竞品分析： 检查竞争网站的HTML结构、schema标记实现和内容层级组织方式。
- 无需安装： 完全基于浏览器运行，零下载、零插件、零注册即可使用。
- 跨浏览器兼容： 无论使用Chrome、Firefox、360浏览器还是QQ浏览器，均能获得一致的结果。
网站源代码生成器核心功能
- URL抓取： 输入任意有效URL，获取该页面服务器返回的完整HTML文档。
- 代码格式化： 自动将原始HTML进行缩进和结构化，呈现为可读的代码块。
- 语法着色： 通过不同颜色区分HTML标签、属性、CSS规则和JavaScript代码。
- 一键复制： 将完整源代码复制到剪贴板，方便粘贴到编辑器或代码对比工具中。
- Meta标签提取： 在输出结果中突出显示title、description、Open Graph和Twitter Card标签。
- 脚本检测： 识别源代码中嵌入的JavaScript、分析统计标签和第三方追踪像素。
- 响应式显示： 代码查看器自适应各种屏幕尺寸，在电脑、平板和手机上均保持可读性。
- 快速处理： 服务端抓取在数秒内完成，即使是大型复杂网页也能快速返回结果。
- 链接分析： 展示HTML中嵌入的所有内部和外部链接，包括链接属性和锚文本。
- 下载选项： 将获取的源代码保存为HTML文件，供离线审查和存档使用。
ToolsPivot网站源代码生成器使用步骤
- 打开ToolsPivot的网站源代码生成器页面，在输入框中输入你要检查的网页完整URL。
- 点击生成按钮，工具将从服务端发起请求，获取该页面的原始HTML响应。
- 工具处理HTML内容，应用语法高亮，并按照正确的缩进格式化代码。
- 查看格式化后的输出结果，使用搜索功能定位特定标签或元素，根据需要复制或下载。
何时使用网站源代码生成器
当你需要检查网页底层代码但无法使用开发者工具时，或在移动设备上工作时，这款工具最具价值。它同样适用于定期SEO审计和针对性的竞品检查。
- 验证Meta标签实现： 确认标题标签、meta描述和schema标记已正确放置在HTML的head部分。
- 检查外链属性： 检查你在外部网站上的反向链接是否带有nofollow、sponsored或UGC属性，这些属性会影响SEO权重传递。
- 调试追踪代码： 验证百度统计、Google Analytics、微信JS-SDK等脚本是否正确嵌入源代码中。
- 审计结构化数据： 审查JSON-LD或微数据的实现，确保符合搜索引擎富片段展示要求。
- 检查安全元素： 检查HTTPS强制执行、内容安全策略头和SSL证书实施情况。
- 学习网页开发： 研究专业网站的HTML结构，学习编码模式和最佳实践。
- 移动端查看源代码： 在智能手机或平板上查看任意页面的源代码，无需依赖Ctrl+U快捷键。
需要注意的边界情况包括：需要登录才能访问的页面、通过JavaScript动态渲染的单页应用，服务端抓取可能返回不完整的代码。
使用案例
SEO技术审计
- 场景： SEO专员需要在月度审计中验证多个客户网站的页面元素。
- 流程：
- 将每个客户URL输入网站源代码生成器
- 在输出中搜索meta title、description和canonical标签
- 检查robots meta指令和多语言网站的hreflang标签
- 结果： 在30分钟内完成全面的meta标签审计，无需逐个页面手动检查。
竞品HTML分析
- 场景： 运营团队想了解排名靠前的竞品如何构建产品页面。
- 流程：
- 获取排名前三的竞品URL源代码
- 对比标题层级、内部链接结构和schema实现方式
- 识别内容模式和技术SEO策略
- 结果： 发现竞品使用FAQ schema和面包屑导航标记，实施后自身点击率显著提升。
追踪代码验证
- 场景： 技术人员部署了新的数据分析方案，需要确认所有页面的脚本正常运行。
- 流程：
- 生成关键着陆页和转化页面的源代码
- 搜索百度统计代码、Google Tag Manager容器ID
- 验证脚本是否放置在head部分以确保最优加载
- 结果： 发现两个页面缺少统计标签，及时修复避免了数据采集遗漏。
外链质量检查
- 场景： 外链建设人员获得了多个客座文章发布机会，需要验证每个反向链接是否传递SEO权重。
- 流程：
- 将每篇客座文章URL输入工具
- 在锚标签中搜索目标域名
- 检查每个链接的rel属性是否包含nofollow、sponsored或UGC
- 结果： 发现一个链接带有nofollow属性，与对方协商去除后恢复了完整的链接权重。
源代码与渲染代码：SEO审计的关键区别
这款工具获取的源代码是服务器在JavaScript执行之前发送的原始HTML，与浏览器开发者工具中显示的渲染后DOM不同。对于SEO而言，原始源代码是百度蜘蛛和Google爬虫最初接收到的内容，因此它是审计meta标签、canonical URL和robots指令最相关的版本。如果你的网站大量依赖客户端JavaScript渲染（如Vue.js或React单页应用），建议将原始源代码与百度站长工具或Google Search Console的URL检查工具的渲染结果进行对比，确保爬虫能够正确抓取你的内容。
源代码中需要检查的常见HTML元素
了解需要查找的元素能显著加快审计效率。
- Title标签： 位于
- Meta Description： 同样在
- Canonical标签： 通过指定页面的首选版本来防止重复内容问题。
- Robots Meta标签： 控制搜索引擎是否索引特定页面并跟踪其链接。
- Hreflang标签： 为多语言网站指明语言和地区定位。
- Schema结构化数据： JSON-LD格式的结构化数据，使页面有资格在搜索结果中展示富片段。
- 百度验证代码： 用于在百度站长平台验证网站所有权的meta标签。
相关工具
使用以下ToolsPivot配套工具完善你的工作流程：
常见问题
什么是网站源代码生成器
网站源代码生成器是一款在线工具，通过输入URL获取并显示任意网页的原始HTML代码。ToolsPivot的版本增加了语法高亮和格式化功能，使代码更易阅读和搜索。
如何在线查看网页源代码
在ToolsPivot的网站源代码生成器中输入完整URL，点击生成按钮即可。工具直接从服务器获取HTML并以彩色格式化方式展示。
手机上能查看网页源代码吗
可以，这款工具在任何移动浏览器上均可使用，无需安装APP或插件。传统方法如Ctrl+U在智能手机上不可用，使得这款在线工具成为移动端查看源代码最可靠的方式。
查看网站源代码合法吗
查看公开可访问的源代码通常是合法的，因为浏览器默认就会显示这些代码。但未经许可复制和使用受版权保护的内容、设计或专有脚本则不被允许。
源代码和渲染代码有什么区别
源代码是JavaScript执行前服务器发送的原始HTML。渲染代码包含页面加载后JavaScript所做的所有动态更改。搜索引擎爬虫主要读取源代码进行索引。
能用这个工具检查meta标签吗
可以，源代码输出包含head部分的所有meta标签。搜索</code>或<code><meta name="description"</code>即可快速验证你的SEO元数据是否正确。</p>
<h3>这个工具对所有网站都有效吗</h3>
<p>它对所有公开可访问的URL有效。需要登录的页面、密码保护的区域或阻止自动请求的网站可能返回不完整的结果。</p>
<h3>这和浏览器开发者工具有什么区别</h3>
<p>浏览器开发者工具显示JavaScript执行后的渲染DOM。这款工具显示服务器的原始响应，即搜索引擎爬虫最初抓取的内容。两者服务于不同的诊断目的。</p>
<h3>能从源代码判断网站使用什么CMS吗</h3>
<p>可以，源代码通常通过meta generator标签、样式表路径和脚本引用揭示CMS信息。例如WordPress网站通常在资源路径中包含<code>/wp-content/</code>，织梦CMS包含<code>/dede/</code>特征路径。</p>
<h3>应该多久检查一次网站源代码</h3>
<p>建议在每次重要部署、插件更新或主题变更后检查源代码。每月定期检查有助于发现meta标签、<a href="https://toolspivot.com/zh/pagespeed-insights-checker">追踪脚本</a>或安全头的意外更改。</p>
<h3>能下载源代码进行离线分析吗</h3>
<p>可以，ToolsPivot的工具提供下载选项，将获取的HTML保存为文件，供在任何文本编辑器中离线审查。</p>
<h3>为什么源代码看起来和页面显示不同</h3>
<p>页面的视觉呈现是浏览器对源代码结合CSS样式和JavaScript交互的解释结果。源代码仅包含生成视觉效果的原始HTML标记指令。</p>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "什么是网站源代码生成器？",
"acceptedAnswer": {
"@type": "Answer",
"text": "网站源代码生成器是一款在线工具，通过输入URL获取并显示任意网页的原始HTML代码。ToolsPivot的版本增加了语法高亮和格式化功能，使代码更易阅读和搜索。"
}
},
{
"@type": "Question",
"name": "如何在线查看网页源代码？",
"acceptedAnswer": {
"@type": "Answer",
"text": "在ToolsPivot的网站源代码生成器中输入完整URL，点击生成按钮即可。工具直接从服务器获取HTML并以彩色格式化方式展示。"
}
},
{
"@type": "Question",
"name": "手机上能查看网页源代码吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "可以，这款工具在任何移动浏览器上均可使用，无需安装APP或插件。传统方法如Ctrl+U在智能手机上不可用，使得这款在线工具成为移动端查看源代码最可靠的方式。"
}
},
{
"@type": "Question",
"name": "查看网站源代码合法吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "查看公开可访问的源代码通常是合法的，因为浏览器默认就会显示这些代码。但未经许可复制和使用受版权保护的内容、设计或专有脚本则不被允许。"
}
},
{
"@type": "Question",
"name": "源代码和渲染代码有什么区别？",
"acceptedAnswer": {
"@type": "Answer",
"text": "源代码是JavaScript执行前服务器发送的原始HTML。渲染代码包含页面加载后JavaScript所做的所有动态更改。搜索引擎爬虫主要读取源代码进行索引。"
}
},
{
"@type": "Question",
"name": "能用这个工具检查meta标签吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "可以，源代码输出包含head部分的所有meta标签。搜索<title>或<meta name=\"description\"即可快速验证你的SEO元数据是否正确。"
}
},
{
"@type": "Question",
"name": "这个工具对所有网站都有效吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "它对所有公开可访问的URL有效。需要登录的页面、密码保护的区域或阻止自动请求的网站可能返回不完整的结果。"
}
},
{
"@type": "Question",
"name": "这和浏览器开发者工具有什么区别？",
"acceptedAnswer": {
"@type": "Answer",
"text": "浏览器开发者工具显示JavaScript执行后的渲染DOM。这款工具显示服务器的原始响应，即搜索引擎爬虫最初抓取的内容。两者服务于不同的诊断目的。"
}
},
{
"@type": "Question",
"name": "能从源代码判断网站使用什么CMS吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "可以，源代码通常通过meta generator标签、样式表路径和脚本引用揭示CMS信息。例如WordPress网站通常在资源路径中包含/wp-content/，织梦CMS包含/dede/特征路径。"
}
},
{
"@type": "Question",
"name": "应该多久检查一次网站源代码？",
"acceptedAnswer": {
"@type": "Answer",
"text": "建议在每次重要部署、插件更新或主题变更后检查源代码。每月定期检查有助于发现meta标签、追踪脚本或安全头的意外更改。"
}
},
{
"@type": "Question",
"name": "能下载源代码进行离线分析吗？",
"acceptedAnswer": {
"@type": "Answer",
"text": "可以，ToolsPivot的工具提供下载选项，将获取的HTML保存为文件，供在任何文本编辑器中离线审查。"
}
},
{
"@type": "Question",
"name": "为什么源代码看起来和页面显示不同？",
"acceptedAnswer": {
"@type": "Answer",
"text": "页面的视觉呈现是浏览器对源代码结合CSS样式和JavaScript交互的解释结果。源代码仅包含生成视觉效果的原始HTML标记指令。"
}
}
]
}
</script></p> </p> <br />
<div class="clearfix"></div>
<div class="latest_blog_area mb30 mt20">
<div class="tool_heading text-center mb20">
<h2>LATEST BLOGS</h2>
</div>
<div class="col-md-12 pn mv10"></div></div><div class="clearfix"></div> </div>
<div class="col-md-4" id="rightCol" >
<div class="search_dots_section p20 box_shadow_border">
<div class="tool_heading text-center">
<h2 class="fs18 mn">SEARCH</h2>
<div class="heading_border mb10 mt10"></div>
</div>
<div id="sidebar_search">
<div class="input-group">
<input id="sidebarsearch" autocomplete="off" placeholder="Search from seo tools" class="form-control" type="text">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
<div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div>
</div>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border">
<div class="sideXd">
<!-- Autorelaxed AdSense (CWV-safe) -->
<div class="adsense-wrapper"
style="min-height:420px;width:100%;overflow:hidden;">
<ins class="adsbygoogle"
style="display:block;width:100%;height:420px"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7393957901">
</ins>
</div>
<script>
window.addEventListener('load', function () {
(adsbygoogle = window.adsbygoogle || []).push({});
});
</script> </div>
<br>
<div class="sideXd">
<!-- Small Sidebar / In-content AdSense (CWV-safe) -->
<div class="adsense-wrapper" style="min-height:250px;">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="9168512573"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
</div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
</div>
<div class="popular_tool_box box_shadow_border pn mb10">
<ul>
<li class="popular-seo-t pn">
<h3 class="mn p10">Popular SEO Tools</h3>
</li>
<li class="pg-hovr">
<div class="icon_image plagrism-checker"></div>
<a href="https://toolspivot.com/zh/plagiarism-checker">Plagiarism Checker</a>
</li>
<li class="aw-hovr">
<div class="icon_image word-count-checker"></div>
<a href="https://toolspivot.com/zh/word-counter-tool">Word Counter</a>
</li>
<li class="kpc-hovr">
<div class="icon_image keyword-position-checker"></div>
<a href="https://toolspivot.com/zh/keyword-rank-checker">Keyword Rank Checker</a>
</li>
<li class="gc-hovr">
<div class="icon_image grammer-chacker"></div>
<a href="https://toolspivot.com/zh/grammar-checker">Grammar Checker</a>
</li>
<li class="da-hovr">
<div class="icon_image domain-ath"></div>
<a href="https://toolspivot.com/zh/domain-authority-checker">Domain Authority Checker</a>
</li>
<li class="pr-hovr">
<div class="icon_image readability-checker"></div>
<a href="https://toolspivot.com/zh/readability-checker">Readability Checker</a>
</li>
<li class="ic-hovr">
<div class="icon_image image-comp"></div>
<a href="https://toolspivot.com/zh/image-compressor">Image Compression Tool</a>
</li>
<li class="ris-hovr">
<div class="icon_image reverse-image"></div>
<a href="https://toolspivot.com/zh/reverse-image-search">Reverse Image Search</a>
</li>
<li class="pac-hovr">
<div class="icon_image page-athority"></div>
<a href="https://toolspivot.com/zh/page-authority-checker">Page Authority checker</a>
</li>
<li class="sc-hovr">
<div class="icon_image spell-checker"></div>
<a href="https://toolspivot.com/zh/text-to-speech-converter">Text To Speech</a>
</li>
<li class="bc-hovr">
<div class="icon_image backlink-checker"></div>
<a href="https://toolspivot.com/zh/backlink-checker">Backlink Checker</a>
</li>
<li class="arc-hovr">
<div class="icon_image xml-sitemap-generator"></div>
<a href="https://toolspivot.com/zh/sitemap-generator-tool">Sitemap Generator</a>
</li>
<li class="bm-hovr">
<div class="icon_image back-link-m"></div>
<a href="https://toolspivot.com/zh/backlink-maker">Backlink Maker</a>
</li>
<li class="dac-hovr">
<div class="icon_image domain-age-checker"></div>
<a href="https://toolspivot.com/zh/domain-age-checker">Domain Age Checker</a>
</li>
<li class="wpt-hovr">
<div class="icon_image exif-remover"></div>
<a href="https://toolspivot.com/zh/exif-data-remover">Exif Data Remover</a>
</li>
<li class="wssc-hovr">
<div class="icon_image website-seo-score"></div>
<a href="https://toolspivot.com/zh/website-seo-checker">Website Seo Score Checker</a>
</li>
<li class="kdc-hovr">
<div class="icon_image keyword-dencity-checker"></div>
<a href="https://toolspivot.com/zh/keyword-density-checker">Keyword Density Checker</a>
</li>
<li class="wpsc-hovr">
<div class="icon_image lorem-ipsum"></div>
<a href="https://toolspivot.com/zh/lorem-ipsum-generator">Lorem Ipsum Text Generator</a>
</li>
<li class="wcc-hovr">
<div class="icon_image exif"></div>
<a href="https://toolspivot.com/zh/exif-data-viewer">Exif Data Viewer</a>
</li>
<li class="mc-hovr border-bottom">
<div class="icon_image mozrank-checker"></div>
<a href="https://toolspivot.com/zh/moz-rank-checker">Moz-rank Checker</a>
</li>
</ul>
</div>
</div>
</div>
</div> <br /></div></div></div><!-- Bug Button -->
<style>
#bug-btn {
position: fixed;
bottom: 20px;
right: 20px;
padding: 12px 18px;
background: #fa4c10;
color: #fff;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
z-index: 9999;
}
</style>
<a id="bug-btn"
href="https://docs.google.com/forms/d/e/1FAIpQLSc2gvlcBGr_8E0ceKnZMKwuUZBEk0tHRlHdq516KwnxVUaM0Q/viewform?usp=pp_url&entry.123456789="
target="_blank"
onclick="this.href += encodeURIComponent(window.location.href)">
Report a Bug
</a>
<!-- Bug Button End-->
<div class="f_intro_bg text-center">
<form class="navbar-form mn" action="#">
<img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer.png" class="f_icon">
<span class="f_text">Subscribe to our Newsletter</span>
<div class="input-group">
<input id="newsletterEmail" name="email" placeholder="Enter your Email Address" class="form-control search_input pl30" type="email">
<div class="input-group-btn">
<button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Subscribe</button>
</div>
</div>
</form>
</div>
<div class="f_description_bg text-center">
<div class="f_graph">
<div class="container">
<div class="col-lg-1 col-md-1"></div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn">
<a class="navbar-brand ptn" href="https://toolspivot.com/zh/"><img src="https://toolspivot.com/uploads/ToolsPivot Light Logo.png" alt="Logo" /></a>
<div class="contect_info col-xs-12 pn">
<p>CONTACT US</p>
<span>marketing@toolspivot.com</span>
</div>
<div class="address_info col-xs-12 pn">
<p>ADDRESS</p>
<span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version">
<p>Our Most Popular Tools</p>
<a href="https://toolspivot.com/word-counter-tool"><div class="ver_img fa-file-word"></div></a>
<a href="https://toolspivot.com/plagiarism-checker"><div class="ver_img plagrism-checker"></div></a>
<a href="https://toolspivot.com/sitemap-generator-tool"><div class="ver_img f-sitemap"></div></a>
<a href="https://toolspivot.com/robots-txt-generator"><div class="ver_img f-robot"></div></a>
<a href="https://toolspivot.com/reverse-image-search"><div class="ver_img f-robot"></div></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;">
<div class="mor_pages">
<p>QUICK LINKS</p>
<li><a href="https://toolspivot.com/zh/">家</a></li><li><a href="https://toolspivot.com/zh/page/changelog">Changelog</a></li><li><a href="https://toolspivot.com/zh/page/privacy-policy">Privacy Policy</a></li><li><a href="https://toolspivot.com/zh/page/terms-of-service">Terms of Service</a></li><li><a href="https://toolspivot.com/zh/page/write-for-us">为我们写信</a></li><li><a href="https://toolspivot.com/zh/contact">联系我们</a></li><li><a href="https://toolspivot.com/zh/page/about-us">关于我们</a></li> </div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="position: relative;">
<div class="container-fluid p10 footer">
<div class="container pn">
<div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big">
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<p class="text-center margin0">版权所有 © 2018-2026 ToolsPivot.com 保留所有权利。 </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1})
</script>
<script>
jQuery(document).ready(function(){
jQuery("#newsletterSubscribe").click(function(e) {
e.preventDefault();
var newsletterEmail = jQuery('#newsletterEmail').val();
if (newsletterEmail == '') {
sweetAlert(oopsStr, inputEm, "error");
}else {
jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) {
if (data.success)
sweetAlert('Success', data.msg, "success");
else
sweetAlert(oopsStr, data.msg, "error");
});
}
});
});
</script>
<!-- Bootstrap -->
<script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Sweet Alert -->
<script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js'></script>
<!-- App JS -->
<script src="https://toolspivot.com/theme/smallseo/js/app.js" type="text/javascript"></script>
<!-- Master JS -->
<script src="https://toolspivot.com/zh/rainbow/master-js" type="text/javascript"></script>
<!-- Sign in -->
<div class="modal fade loginme" id="signin" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">登入</h4>
</div>
<form method="POST" action="https://toolspivot.com/zh/account/login" class="loginme-form">
<div class="modal-body">
<div class="alert alert-warning">
<button type="button" class="close dismiss">×</button><span></span>
</div>
<div class="info">使用您的用户名登录</div>
<div class="form-group">
<label>用户名 <br />
<input type="text" name="username" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>密码 <br />
<input type="password" name="password" class="form-input width96" />
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary pull-left">登入</button>
<div class="pull-right align-right">
<a href="https://toolspivot.com/zh/account/forget">忘记密码</a><br />
<a href="https://toolspivot.com/zh/account/resend">重新发送激活电子邮件</a>
</div>
</div>
<input type="hidden" name="signin" value="a8877d37ad5483245e4a0ef0d0f9feac" />
<input type="hidden" name="quick" value="601f541e63aaa16beeae0247e8bb507b" />
</form>
</div>
</div>
</div>
<!-- Sign up -->
<div class="modal fade loginme" id="signup" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">报名</h4>
</div>
<form action="https://toolspivot.com/zh/account/register" method="POST" class="loginme-form">
<div class="modal-body">
<div class="alert alert-warning">
<button type="button" class="close dismiss">×</button><span></span>
</div>
<div class="info">使用您的电子邮件地址注册</div>
<div class="form-group">
<label>用户名 <br />
<input type="text" name="username" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>电子邮件 <br />
<input type="text" name="email" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>姓名 <br />
<input type="text" name="full" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>密码 <br />
<input type="password" name="password" class="form-input width96" />
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">报名</button>
</div>
<input type="hidden" name="signup" value="a8877d37ad5483245e4a0ef0d0f9feac" />
<input type="hidden" name="quick" value="a3bb96281f6b6eb28cb8a253481fe388" />
</form>
</div>
</div>
</div>
<!-- XD Box -->
<div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="xdTitle"></h4>
</div>
<div class="modal-body" id="xdContent">
</div>
</div>
</div>
</div>
<script> $("#collapse0").collapse();</script></body>
</html>