Go 高效压缩 HTML：去除空格与换行符技巧

本文介绍在 Go 语言中实现 HTML 压缩的实用方法，重点解决多余空白、换行和制表符的智能剔除问题，同时避免破坏语义（如 `

`、`` 内容或属性值中的空格），推荐使用成熟开源库而非手动正则替换。</p><p>HTML 压缩（minification）远不止简单地删除所有空格和换行——盲目替换会破坏内联文本、style 属性、<script> 字符串字面量，甚至导致 <pre> 或 <code> 标签内容错乱。例如，以下 HTML：</p><pre class="brush:php;toolbar:false"><li>
    <a href="  /home  "> Hello World </a>
</li></pre><p>理想压缩结果应为：</p><pre class="brush:php;toolbar:false"><li><a href="  /home  "> Hello World </a></li></pre><p>注意：href 属性值内的空格、链接文本中的首尾空格<strong>必须保留</strong>（HTML 规范中，属性值内空格有语义；文本节点中连续空白会被浏览器折叠，但原始空格仍影响 textContent 和 DOM 操作）。</p><h3>✅ 推荐方案：使用专业 minify 库</h3><h4>1. <a href="https://github.com/tdewolff/minify" rel="nofollow" target="_blank" >github.com/tdewolff/minify/v2</a>（强烈推荐）</h4><p>功能完整、符合标准、支持上下文感知压缩（自动跳过 <pre>、<textarea>、<script>、<style> 等敏感区域），且可定制化程度高。</p><p>安装：</p><pre class="brush:php;toolbar:false">go get github.com/tdewolff/minify/v2
go get github.com/tdewolff/minify/v2/html</pre><p>使用示例：</p><pre class="brush:php;toolbar:false">package main

import (
    "bytes"
    "fmt"
    "github.com/tdewolff/minify/v2"
    "github.com/tdewolff/minify/v2/html"
)

func HtmlMinify(html string) string {
    m := minify.New()
    m.AddFunc("text/html", html.Minify)

    var buf bytes.Buffer
    err := m.Minify("text/html", &buf, bytes.NewReader([]byte(html)))
    if err != nil {
        return html // fallback on error
    }
    return buf.String()
}

func main() {
    htmlExample := `<li>
                        <a>Hello</a>
                    </li>`
    minifiedHtml := HtmlMinify(htmlExample)
    fmt.Println(minifiedHtml) // 输出: <li><a>Hello</a></li>
}</pre><blockquote><p>✅ 优势：自动识别标签边界、保留必要空白、支持自定义选项（如是否移除注释、是否压缩属性值等）。</p></blockquote><h4>2. <a href="https://github.com/dchest/htmlmin" rel="nofollow" target="_blank" >github.com/dchest/htmlmin</a>（轻量备选）</h4><p>更轻量，专为 HTML 设计，适合简单场景：</p><pre class="brush:php;toolbar:false">go get github.com/dchest/htmlmin</pre><pre class="brush:php;toolbar:false">import "github.com/dchest/htmlmin"

func HtmlMinify(html string) string {
    return htmlmin.Minify(html)
}</pre><p>⚠️ 注意：该库不处理 <script>/<style> 内部 JS/CSS 压缩，且对嵌套空白的语义判断略弱于 tdewolff/minify。</p><h3>❌ 不推荐：正则或字符串替换</h3><p>例如 strings.ReplaceAll(html, "\n", "") 或 regexp.MustCompile(\s+).ReplaceAllString(html, " ") 是危险的——它会把 <input value="a b c"> 变成 <input value="a b c">（看似无害，但若原值含多个空格则被错误合并），更会破坏 <pre class="  code  "> 中的 class 名。</p><h3>? 总结建议</h3><ul><li><strong>生产环境务必使用 tdewolff/minify</strong>：它经过广泛测试，支持 HTML5、可配置、线程安全，且内置对 CDATA、RCDATA 元素（如 <textarea>）的精准处理；</li><li>若仅需极简压缩且无动态内容，dchest/htmlmin 可作为快速起点；</li><li>避免手写解析逻辑——HTML 是上下文敏感的标记语言，正则无法可靠处理嵌套、转义、条件注释等边界情况；</li><li>压缩应在构建时或服务端响应前执行，避免每次请求实时处理（可结合 http.Handler 中间件缓存压缩后的内容）。</li></ul><p>通过引入专业库，你能在几行代码内获得符合规范、稳定可靠的 HTML 压缩能力，显著减小传输体积，提升首屏加载性能。</p>        </div>
		<div class="laiyuan">
		  本文转载于：互联网 如有侵犯，请联系zhengruancom@outlook.com删除。<br/>免责声明：正软商城发布此文仅为传递信息，不代表正软商城认同其观点或证实其描述。 
		</div>
        <div class="zrSypBox">
                            <p>上一篇：<a href="https://www.zhengruan.com/news/583778" title="泉赏宝直播时间表及更新信息" class="aRed">泉赏宝直播时间表及更新信息</a></p>
                        <p class="right">下一篇：<a href="https://www.zhengruan.com/news/583783" title="INTERNET浏览器网页版在线体验" class="aRed">INTERNET浏览器网页版在线体验</a></p>
                      <div class="clear"></div>
        </div>
        <div class="zrDtxwBox">
          <div class="zrByddTitle">
           <span><h2>产品推荐</h2></span>
         </div>
          <ul class="zrTxdmList3">
                              <li class="one">
                  <div class="zrTxdmCont5">
                    <div class="zrTxdmImg4 dianji">
                      <a href="https://www.zhengruan.com/product/69" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20200428/cd14258f0172a172f8a80798c38c1577.jpg" alt="DAEMON Tools Lite 10"></a>
                      <span class="xianshi">
                                                  <p>售后无忧</p>
                        <em><a href="https://www.zhengruan.com/product/69" title="立即购买>">立即购买></a></em>
                      </span>
                    </div>
                    <div class="zrTxdmIn4">
                      <dl>
                       <dt><a href="https://www.zhengruan.com/product/69" title="DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】</a></dt>
                       <dd>
                                                       <span>￥150.00</span>
                                                    <p>office旗舰店</p>
                       </dd>
                      </dl>
                    </div>
                  </div>
                </li>
                              <li >
                  <div class="zrTxdmCont5">
                    <div class="zrTxdmImg4 dianji">
                      <a href="https://www.zhengruan.com/product/67" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20200428/fbf473d4d30833324962e441c0f18265.jpg" alt="DAEMON Tools Ultra 5"></a>
                      <span class="xianshi">
                                                  <p>售后无忧</p>
                        <em><a href="https://www.zhengruan.com/product/67" title="立即购买>">立即购买></a></em>
                      </span>
                    </div>
                    <div class="zrTxdmIn4">
                      <dl>
                       <dt><a href="https://www.zhengruan.com/product/67" title="DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】</a></dt>
                       <dd>
                                                       <span>￥198.00</span>
                                                    <p>office旗舰店</p>
                       </dd>
                      </dl>
                    </div>
                  </div>
                </li>
                              <li >
                  <div class="zrTxdmCont5">
                    <div class="zrTxdmImg4 dianji">
                      <a href="https://www.zhengruan.com/product/68" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20200428/1ae250399abf4ff584d86d52c79b5bb6.jpg" alt="DAEMON Tools Pro 8"></a>
                      <span class="xianshi">
                                                  <p>售后无忧</p>
                        <em><a href="https://www.zhengruan.com/product/68" title="立即购买>">立即购买></a></em>
                      </span>
                    </div>
                    <div class="zrTxdmIn4">
                      <dl>
                       <dt><a href="https://www.zhengruan.com/product/68" title="DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】</a></dt>
                       <dd>
                                                       <span>￥189.00</span>
                                                    <p>office旗舰店</p>
                       </dd>
                      </dl>
                    </div>
                  </div>
                </li>
                              <li >
                  <div class="zrTxdmCont5">
                    <div class="zrTxdmImg4 dianji">
                      <a href="https://www.zhengruan.com/product/29" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20200428/77d3c04866e1b842d9b6ff0e9368bdf8.jpg" alt="CorelDRAW X8 简体中文"></a>
                      <span class="xianshi">
                                                  <p>售后无忧</p>
                        <em><a href="https://www.zhengruan.com/product/29" title="立即购买>">立即购买></a></em>
                      </span>
                    </div>
                    <div class="zrTxdmIn4">
                      <dl>
                       <dt><a href="https://www.zhengruan.com/product/29" title="CorelDRAW X8 简体中文【标准版 + Win】" class="aBlack">CorelDRAW X8 简体中文【标准版 + Win】</a></dt>
                       <dd>
                                                       <span>￥1788.00</span>
                                                    <p>office旗舰店</p>
                       </dd>
                      </dl>
                    </div>
                  </div>
                </li>
                          <div class="clear"></div>
          </ul>
        </div>
      </div>
      <ul class="zrZbrjList" style="padding-top:10px;">
                         <li>
                 <a href="https://www.zhengruan.com/news/604330" class="img1" title="讯飞输入法怎么用?讯飞输入法使用技巧教程">
                     <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20260324/177432007854172.png" alt="讯飞输入法怎么用?讯飞输入法使用技巧教程">
                   <span>正版软件</span>
                 </a>
                 <dl>
                   <dt><a href="https://www.zhengruan.com/news/604330" title="讯飞输入法怎么用?讯飞输入法使用技巧教程" class="aBlack">讯飞输入法怎么用?讯飞输入法使用技巧教程</a></dt>
                   <dd class="cont1">讯飞输入法的好多功能都不知道怎么用？只会切换9键、26键、手写等功能？那其实你错过了很多使用小技巧，只要你学会这些技巧，不止可以带你玩转讯飞输入法，还能有效提高你的打字速度、聊天话术、DIY漂亮话、自制表情包、发颜表情等，轻松体验更多有趣有意思的小玩法，让输入变得既高效又有趣！</dd>
                   <dd class="cont2">
                     <!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
                     <span class="cont2"><b></b>22小时前 10:41</span>
                                              <span class="cont4"><b></b>0</span>
                   </dd>
                 </dl>
               </li>
                         <li>
                 <a href="https://www.zhengruan.com/news/602717" class="img1" title="小青账如何隐藏默认账本?小青账隐藏默认账本教程">
                     <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20260322/177415590332670.jpg" alt="小青账如何隐藏默认账本?小青账隐藏默认账本教程">
                   <span>正版软件</span>
                 </a>
                 <dl>
                   <dt><a href="https://www.zhengruan.com/news/602717" title="小青账如何隐藏默认账本?小青账隐藏默认账本教程" class="aBlack">小青账如何隐藏默认账本?小青账隐藏默认账本教程</a></dt>
                   <dd class="cont1">小青账如何隐藏默认账本？小青账是一款非常实用且强大的记账软件，为广大用户提供了方便的记账功能。不少用户对如何隐藏默认账本感到困惑，下面小编将介绍小青账隐藏默认账本的操作方法。还不知道的小伙伴快来看看吧！</dd>
                   <dd class="cont2">
                     <!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
                     <span class="cont2"><b></b>前天 03-22 13:05</span>
                                              <span class="cont4"><b></b>0</span>
                   </dd>
                 </dl>
               </li>
                         <li>
                 <a href="https://www.zhengruan.com/news/602702" class="img1" title="如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程">
                     <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20260322/177415511294914.jpg" alt="如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程">
                   <span>正版软件</span>
                 </a>
                 <dl>
                   <dt><a href="https://www.zhengruan.com/news/602702" title="如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程" class="aBlack">如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程</a></dt>
                   <dd class="cont1">讯飞星火怎么生成高质量ppt？你是否曾经在深夜里为第二天的工作汇报而焦头烂额，翻遍互联网寻找灵感和模板，又或者因为繁琐的排版和设计而感到力不从心？现在，有了讯飞星火AI生成PPT，你的所有烦恼都将一扫而光！</dd>
                   <dd class="cont2">
                     <!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
                     <span class="cont2"><b></b>前天 03-22 12:52</span>
                                              <span class="cont4"><b></b>0</span>
                   </dd>
                 </dl>
               </li>
                         <li>
                 <a href="https://www.zhengruan.com/news/602685" class="img1" title="搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程">
                     <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20260322/177415429040351.jpg" alt="搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程">
                   <span>正版软件</span>
                 </a>
                 <dl>
                   <dt><a href="https://www.zhengruan.com/news/602685" title="搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程" class="aBlack">搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程</a></dt>
                   <dd class="cont1">搜狐视频怎么投屏到电视播放？有时候我们在看电视的时候会觉得怕屏幕不够大，看的不大清楚，这时候就会想如果有个大屏幕就好了，今天小编教你们如何用搜狐视频投屏到电视上，彻底的解放双手。搜狐视频app电视投屏教程1、首先打开搜狐视频app，搜索想看的视频或影视剧2、进入详情页后点击有TV字样的图标3、然后搜索附近的设备连接我们的电视4、当电视上出现了手机正在播放的</dd>
                   <dd class="cont2">
                     <!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
                     <span class="cont2"><b></b>前天 03-22 12:38</span>
                                              <span class="cont4"><b></b>0</span>
                   </dd>
                 </dl>
               </li>
                         <li>
                 <a href="https://www.zhengruan.com/news/602581" class="img1" title="豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程">
                     <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://zhengruan.com/uploads/20260322/177414783984372.png" alt="豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程">
                   <span>正版软件</span>
                 </a>
                 <dl>
                   <dt><a href="https://www.zhengruan.com/news/602581" title="豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程" class="aBlack">豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程</a></dt>
                   <dd class="cont1">豆瓣怎么设置主页不可见？大家在使用豆瓣的时候，经常会在主页发布自己的心情状态、吐槽等等内容，然后其他用户进我们的主页的时候就能很轻松的看到我们发过的内容，那么我们能不能设置主页的隐私呢？要怎么设置呢？下面小编就为大家介绍一下豆瓣个人主页设置隐私的办法。</dd>
                   <dd class="cont2">
                     <!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
                     <span class="cont2"><b></b>前天 03-22 10:50</span>
                                              <span class="cont4"><b></b>0</span>
                   </dd>
                 </dl>
               </li>
                </ul>
    </div>
    <!--左边 end-->
    <!--右边-->
    <div class="zrZuoRight">
<!--      <div class="zrBanner"><a href="#"><img src="zrimages/example/img11.png"/></a></div>-->
      <div class="zrByddBox">
        <div class="zrByddTitle"><span><h2>最新发布</h2></span></div>
        <ul class="zrByddList">
                          <li>
                <a href="https://www.zhengruan.com/news/1561" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/upload/news/20191220/1576825692n90594/2019-12-20-15-08-12-5dfc735c5581a-1.jpg" alt="微软公布全新开源编程语言Bosque：正则化 告别for循环">
                  <span>1</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/1561" title="微软公布全新开源编程语言Bosque：正则化 告别for循环" class="aBlack">微软公布全新开源编程语言Bosque：正则化 告别for循环</a></dt>
                 <dd><b></b>2287天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/1562" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/upload/news/20191220/1576825776n3925/2019-12-20-15-09-36-5dfc73b032cee-1.jpg" alt="微软推出最新程序语言Bosque 以Functors取代Loop循环">
                  <span>2</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/1562" title="微软推出最新程序语言Bosque 以Functors取代Loop循环" class="aBlack">微软推出最新程序语言Bosque 以Functors取代Loop循环</a></dt>
                 <dd><b></b>2287天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/467167" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250908/175730816420885.jpg" alt="C语言中\n是什么意思？换行转义字符详解">
                  <span>3</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/467167" title="C语言中\n是什么意思？换行转义字符详解" class="aBlack">C语言中\n是什么意思？换行转义字符详解</a></dt>
                 <dd><b></b>198天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/63159" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="探析Spring Boot框架的优点和特色">
                  <span>4</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/63159" title="探析Spring Boot框架的优点和特色" class="aBlack">探析Spring Boot框架的优点和特色</a></dt>
                 <dd><b></b>514天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/85739" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="深入比较PyCharm社区版和专业版的功能">
                  <span>5</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/85739" title="深入比较PyCharm社区版和专业版的功能" class="aBlack">深入比较PyCharm社区版和专业版的功能</a></dt>
                 <dd><b></b>452天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/89680" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="专家观点：谷歌是否会继续支持Golang的探讨">
                  <span>6</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/89680" title="专家观点：谷歌是否会继续支持Golang的探讨" class="aBlack">专家观点：谷歌是否会继续支持Golang的探讨</a></dt>
                 <dd><b></b>427天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/16470" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20230427/168257472829656.jpg" alt="Python实战教程：批量转换多种音乐格式">
                  <span>7</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/16470" title="Python实战教程：批量转换多种音乐格式" class="aBlack">Python实战教程：批量转换多种音乐格式</a></dt>
                 <dd><b></b>1060天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/41129" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="" alt="如何在在线答题中实现试卷的自动批改和自动评分">
                  <span>8</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/41129" title="如何在在线答题中实现试卷的自动批改和自动评分" class="aBlack">如何在在线答题中实现试卷的自动批改和自动评分</a></dt>
                 <dd><b></b>887天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                          <li>
                <a href="https://www.zhengruan.com/news/87821" class="img">
                    <img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20240301/170927298835686.jpg" alt="解决Python安装失败的问题">
                  <span>9</span>
                </a>
                <dl>
                 <dt><a href="https://www.zhengruan.com/news/87821" title="解决Python安装失败的问题" class="aBlack">解决Python安装失败的问题</a></dt>
                 <dd><b></b>438天前</dd>
                </dl>
                <div class="clear"></div>
              </li>
                    </ul>
      </div>
      <div class="zrRmgzBox" style="margin-top:20px;">
         <div class="zrByddTitle">
           <span><h2>相关推荐</h2></span>
         </div>
         <ul class="zrXwdtList">
                             <li><a href="https://www.zhengruan.com/news/604330" title="讯飞输入法怎么用?讯飞输入法使用技巧教程" class="aBlack">讯飞输入法怎么用?讯飞输入法使用技巧教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/602717" title="小青账如何隐藏默认账本?小青账隐藏默认账本教程" class="aBlack">小青账如何隐藏默认账本?小青账隐藏默认账本教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/602702" title="如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程" class="aBlack">如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/602685" title="搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程" class="aBlack">搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/602581" title="豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程" class="aBlack">豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/601716" title="夸克浏览器怎么设置电脑模式?夸克浏览器设置成电脑模式教程" class="aBlack">夸克浏览器怎么设置电脑模式?夸克浏览器设置成电脑模式教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/601701" title="夸克浏览器怎么开启成人模式?夸克浏览器设置成人模式的方法" class="aBlack">夸克浏览器怎么开启成人模式?夸克浏览器设置成人模式的方法</a></li>
                             <li><a href="https://www.zhengruan.com/news/601689" title="东方甄选如何进行企业团购?东方甄选企业团购教程" class="aBlack">东方甄选如何进行企业团购?东方甄选企业团购教程</a></li>
                             <li><a href="https://www.zhengruan.com/news/601123" title="饿了么怎么让别人代付?饿了么让别人代付的步骤教程" class="aBlack">饿了么怎么让别人代付?饿了么让别人代付的步骤教程</a></li>
                      </ul>
      </div>
      <div class="zrRmgzBox" style="margin-top:30px;">
         <div class="zrByddTitle">
           <span><h2>热门关注</h2></span>
         </div>
         <ul class="zrRmgzList">
                                <li>
                     <span><a href="https://www.zhengruan.com/product/19" title="Xshell 6 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/3c06ff5d8d3a8b234a536d602bcc0477.jpg" alt="Xshell 6 简体中文"></a></span>
                     <dl>
                       <dt><a href="https://www.zhengruan.com/product/19" title="Xshell 6 简体中文" class="aBlack">Xshell 6 简体中文</a></dt>
                       <dd class="unstar unstar5"></dd>
                       <dd class="cont1">￥899.00-￥1149.00</dd>
                     </dl>
                     <div class="clear"></div>
                   </li>
                                <li>
                     <span><a href="https://www.zhengruan.com/product/48" title="DaVinci Resolve Studio 16 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/60b5be77e7fc0ffb073d36675dc61585.jpg" alt="DaVinci Resolve Studio 16 简体中文"></a></span>
                     <dl>
                       <dt><a href="https://www.zhengruan.com/product/48" title="DaVinci Resolve Studio 16 简体中文" class="aBlack">DaVinci Resolve Studio 16 简体中文</a></dt>
                       <dd class="unstar unstar5"></dd>
                       <dd class="cont1">￥2550.00-￥2550.00</dd>
                     </dl>
                     <div class="clear"></div>
                   </li>
                                <li>
                     <span><a href="https://www.zhengruan.com/product/47" title="Camtasia 2019 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/537cf14c8ab78e3bca0cfe8e91c8b683.jpg" alt="Camtasia 2019 简体中文"></a></span>
                     <dl>
                       <dt><a href="https://www.zhengruan.com/product/47" title="Camtasia 2019 简体中文" class="aBlack">Camtasia 2019 简体中文</a></dt>
                       <dd class="unstar unstar5"></dd>
                       <dd class="cont1">￥689.00-￥689.00</dd>
                     </dl>
                     <div class="clear"></div>
                   </li>
                                <li>
                     <span><a href="https://www.zhengruan.com/product/35" title="Luminar 3 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/d253cca5f121bda501d04debdf3a4fa2.jpg" alt="Luminar 3 简体中文"></a></span>
                     <dl>
                       <dt><a href="https://www.zhengruan.com/product/35" title="Luminar 3 简体中文" class="aBlack">Luminar 3 简体中文</a></dt>
                       <dd class="unstar unstar5"></dd>
                       <dd class="cont1">￥288.00-￥288.00</dd>
                     </dl>
                     <div class="clear"></div>
                   </li>
                                <li>
                     <span><a href="https://www.zhengruan.com/product/49" title="Apowersoft 录屏王 简体中文"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/c61fdff8f15649063e6b2617c8aa96fb.jpg" alt="Apowersoft 录屏王 简体中文"></a></span>
                     <dl>
                       <dt><a href="https://www.zhengruan.com/product/49" title="Apowersoft 录屏王 简体中文" class="aBlack">Apowersoft 录屏王 简体中文</a></dt>
                       <dd class="unstar unstar5"></dd>
                       <dd class="cont1">￥129.00-￥339.00</dd>
                     </dl>
                     <div class="clear"></div>
                   </li>
                      </ul>
      </div>
    </div>
    <!--右边 end-->
    <div class="clear"></div>
  </div> 
  <!--主体 end--> 
  <!--底部-->
  <!--底部-->

<div class="zrFoot">

    <div class="zrFootIn">

        <div class="zrFootMsg">网站备案号：

            <a href="javascript:void(0)" target="" style="text-decoration: none;">

                <font color="#9b9db0">湘ICP备19013367号-1 联系邮箱：zhengruancom@outlook.com<br>

                    Copyright ©2018-2020</font>

            </a>

        </div>

    </div>

</div>

<!--底部 end-->


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2f243b178fc8c70f194fc14781f06522";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
  <!--底部 end-->
<script>
    function countView(){
        $.ajax({
            type: "post",
            url:  "/countView?&time="+new Date().getTime(),
            data:{'type':'news','id':"583780"},
            async:false,
            dataType: "json",
            success: function(result){
                console.log(result)
            },
            error:function(){

            }
        });
    }

    function code_highlight() {
        SyntaxHighlighter.all()
    }
    
  
  
    $(function(){
        code_highlight();
        countView();
        $("#qrcode").qrcode({width:150,height:150,text:"https://m.zhengruan.com/news/583780"})
    })
</script>
</body>
</html>