Safari/Chrome(Webkit) - 无法隐藏iframe垂直滚动条

作者：郑小蒜9299_941611_G | 2023-08-16 10:31

如何解决《Safari/Chrome(Webkit)-无法隐藏iframe垂直滚动条》经验，为你挑选了5个好方法。

我iframe在www.example.com上有一个指向support.example.com(它是外国域的CNAME).

我会自动调整iframe的高度,以便框架不需要任何滚动条来显示包含的网页.

在Firefox和IE上这很好用,因为我使用没有滚动条.但是,在webkit浏览器(Safari和Chrome)上,即使没有滚动条的页面有足够的空间(滚动条显示为灰色),垂直滚动条仍然存在.

如何隐藏webkit浏览器的滚动条？

1> 小智..：

我刚遇到这个问题,发现修复是设置overflow: hidden在页面内的HTML标签上iframe.

谢谢你的提示,蒂姆; 它解决了我的问题.顺便说一句,似乎样式化HTML元素溢出:隐藏在样式标记内部不起作用 - 您需要将其作为HTML标记的样式属性(即使这是无效的).所以......这个: stuff 不是这个:

显然,您可以将iframe更改为适合您设计的任何内容,并且您可以添加等效的-mozilla-属性以使其在Firefox中运行.

太棒了,这应该是公认的答案.

这就是答案.http://www.webkit.org/blog/363/styling-scrollbars/

3> Labu..：

Note: this is useful if you cannot edit the CSS / HTML of the iFramed content.

这有点像黑客,但我解决了这个问题,</code>包括a <code><div></code>,设置<code><div></code>的高度,宽度<code>overflow:hidden</code>,然后设置<code><iframe></code>的宽度和高度实际上溢出包装<code><div></code>.</p> <pre class="brush:bash;"><style> div {height:100px;width:100px;overflow:hidden} iframe {height:150px;width:150px;overflow:hidden} </style> <div> <iframe src="foo.html" scrolling="no">




希望这可以帮助.

        
这是一种蛮力的方法,应该作为缺少功能或错误的解决方法:) 

4> Shpigford..：
我假设你已经尝试过这个,但你有没有在iframe上设置滚动到否？


</pre></p>
        <br><br><b>5> Simon Jackso..：</b><hr><p>要摆脱灰色的滚动条,请输入"overflow:hidden;" 在iframe中显示的页面的body标签,例如,<code><body ></code>这对我在Chrome 8.0.552.215中工作正常,我在Iframe本身也有"overflow:hidden"</p></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/JiangXingFuZhiZh_8b9d3cac.html" target="_blank" title="将行复制粘贴到Excel电子表格中,而不覆盖下面的现有内容">将行复制粘贴到Excel电子表格中,而不覆盖下面的现有内容</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将行复制粘贴到Excel电子表格中,而不覆盖下面的现有内容》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/JiangXingFuZhiZh_8b9d3cac.html" target="_blank" title="将行复制粘贴到Excel电子表格中,而不覆盖下面的现有内容">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/R_Zhong_for_XunH_3d50c3a5.html" target="_blank" title="R中for循环的矢量化">R中for循环的矢量化</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《R中for循环的矢量化》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/R_Zhong_for_XunH_3d50c3a5.html" target="_blank" title="R中for循环的矢量化">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_Webworke_900b85c5.html" target="_blank" title="使用Web worker预加载图像是否有优势？">使用Web worker预加载图像是否有优势？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用Webworker预加载图像是否有优势？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_Webworke_900b85c5.html" target="_blank" title="使用Web worker预加载图像是否有优势？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_PythonOpen_9a8ac186.html" target="_blank" title="将Python Opencv Image(numpy数组)转换为PyQt QPixmap图像">将Python Opencv Image(numpy数组)转换为PyQt QPixmap图像</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将PythonOpencvImage(numpy数组)转换为PyQtQPixmap图像》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_PythonOpen_9a8ac186.html" target="_blank" title="将Python Opencv Image(numpy数组)转换为PyQt QPixmap图像">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DuiYuDaiShuZuDeX_90a523e0.html" target="_blank" title="对于带数组的循环不起作用">对于带数组的循环不起作用</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《对于带数组的循环不起作用》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DuiYuDaiShuZuDeX_90a523e0.html" target="_blank" title="对于带数组的循环不起作用">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/C--_ZiFuChuan_-__bf0047e1.html" target="_blank" title="C++字符串.为什么答案显示字符串&quot;dog&quot;大于&quot;cat&quot;,那么&quot;cat&quot;大于&quot;dog&quot;？">C++字符串.为什么答案显示字符串&quot;dog&quot;大于&quot;cat&quot;,那么&quot;cat&quot;大于&quot;dog&quot;？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《C++字符串.为什么答案显示字符串&quot;dog&quot;大于&quot;cat&quot;,那么&quot;cat&quot;大于&quot;dog&quot;？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/C--_ZiFuChuan_-__bf0047e1.html" target="_blank" title="C++字符串.为什么答案显示字符串&quot;dog&quot;大于&quot;cat&quot;,那么&quot;cat&quot;大于&quot;dog&quot;？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiGeiDingSuoYin_c1f25289.html" target="_blank" title="在给定索引处添加值而不删除">在给定索引处添加值而不删除</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在给定索引处添加值而不删除》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiGeiDingSuoYin_c1f25289.html" target="_blank" title="在给定索引处添加值而不删除">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/jsPDF_WuFaSheZhi_3759df23.html" target="_blank" title="jsPDF无法设置字体系列">jsPDF无法设置字体系列</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/jsPDF_WuFaSheZhi_3759df23.html" target="_blank" title="jsPDF无法设置字体系列"><img src="https://img.devbox.cn/3cccf/16086/243/c1c0b4e02fdd405a.png" width="120" height="70" alt="jsPDF无法设置字体系列"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《jsPDF无法设置字体系列》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/jsPDF_WuFaSheZhi_3759df23.html" target="_blank" title="jsPDF无法设置字体系列">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/CongLieBiaoDao_d_29ca1095.html" target="_blank" title="从列表到data.table与hash的R快速单项查找">从列表到data.table与hash的R快速单项查找</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《从列表到data.table与hash的R快速单项查找》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/CongLieBiaoDao_d_29ca1095.html" target="_blank" title="从列表到data.table与hash的R快速单项查找">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WuFaZai_Windows__76d87dfc.html" target="_blank" title="无法在Windows上安装python lxml(和libxml2)">无法在Windows上安装python lxml(和libxml2)</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《无法在Windows上安装pythonlxml(和libxml2)》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WuFaZai_Windows__76d87dfc.html" target="_blank" title="无法在Windows上安装python lxml(和libxml2)">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiJiBenMoBanZho_9cdb0171.html" target="_blank" title="在基本模板中向&lt;body&gt;添加类的DRY方法？">在基本模板中向&lt;body&gt;添加类的DRY方法？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在基本模板中向&lt;body&gt;添加类的DRY方法？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiJiBenMoBanZho_9cdb0171.html" target="_blank" title="在基本模板中向&lt;body&gt;添加类的DRY方法？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeCongZhengShu_320b6a97.html" target="_blank" title="如何从整数序列构造String实例？">如何从整数序列构造String实例？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何从整数序列构造String实例？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeCongZhengShu_320b6a97.html" target="_blank" title="如何从整数序列构造String实例？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/GraphQLSchema_Ch_474a0f2e.html" target="_blank" title="GraphQL Schema处理混合类型">GraphQL Schema处理混合类型</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《GraphQLSchema处理混合类型》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/GraphQLSchema_Ch_474a0f2e.html" target="_blank" title="GraphQL Schema处理混合类型">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RiQiShangDe_dply_8f8d17cb.html" target="_blank" title="日期上的dplyr过滤器">日期上的dplyr过滤器</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《日期上的dplyr过滤器》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/RiQiShangDe_dply_8f8d17cb.html" target="_blank" title="日期上的dplyr过滤器">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeJiang_AzureS_d77c529c.html" target="_blank" title="如何将Azure Search的@ search.score作为自定义$ orderby子句的一部分">如何将Azure Search的@ search.score作为自定义$ orderby子句的一部分</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何将AzureSearch的@search.score作为自定义$orderby子句的一部分》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeJiang_AzureS_d77c529c.html" target="_blank" title="如何将Azure Search的@ search.score作为自定义$ orderby子句的一部分">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/AoErLiangJiQunGo_dd625d71.html" target="_blank" title="奥尔良集群沟通">奥尔良集群沟通</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《奥尔良集群沟通》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/AoErLiangJiQunGo_dd625d71.html" target="_blank" title="奥尔良集群沟通">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/MaoDian_href_YuJ_3e0c328d.html" target="_blank" title="锚点href与角度路线链接">锚点href与角度路线链接</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《锚点href与角度路线链接》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/MaoDian_href_YuJ_3e0c328d.html" target="_blank" title="锚点href与角度路线链接">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_Objectiv_0730d478.html" target="_blank" title="如何在Objective-c中使用SafariViewController？">如何在Objective-c中使用SafariViewController？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/RuHeZai_Objectiv_0730d478.html" target="_blank" title="如何在Objective-c中使用SafariViewController？"><img src="https://img.devbox.cn/3cccf/16086/243/437304056ee096d0.png" width="120" height="70" alt="如何在Objective-c中使用SafariViewController？"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《如何在Objective-c中使用SafariViewController？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_Objectiv_0730d478.html" target="_blank" title="如何在Objective-c中使用SafariViewController？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeZai_bashfor__d6a9b2ee.html" target="_blank" title="如何在bash for循环中内联一个字符串数组？">如何在bash for循环中内联一个字符串数组？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何在bashfor循环中内联一个字符串数组？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeZai_bashfor__d6a9b2ee.html" target="_blank" title="如何在bash for循环中内联一个字符串数组？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/R_FanHuiXingMing_d4613b84.html" target="_blank" title="R返回行名称的部分匹配">R返回行名称的部分匹配</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《R返回行名称的部分匹配》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/R_FanHuiXingMing_d4613b84.html" target="_blank" title="R返回行名称的部分匹配">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea>
            </div>
            <div class="cmnt_cmt">
                <div class="cmnt_login_box">
                                        <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a>
                                    </div>
                <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div>
            </div>
        </form>

        
    </div>
</div>

<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 740px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;
        padding-left: 10px;
    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>    <div class="article_right">

    <div class="profile">
        <div class="author">
            <!-- 未登录 -->
            <div class="author-avatar">
                <a href="/u/zhengxiaosuan_9299_941611_g">
                    <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox">
                </a>
            </div>

            <div class="author-name">
                郑小蒜9299_941611_G            </div>

            <div class="author-intro">
                这个屌丝很懒，什么也没留下！            </div>
            
            <div class="author-bt">

                                <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者">
                    <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>
                    关注作者</a>
                            </div>

        </div>
    </div>


    <div class="tools">
        <div class="tools_top">Tags | 热门标签</div>
        <div class="tools_box">
            <ul>
                                <li>
                    <a href="/tag/ajax" target="_blank" title="ajax">ajax</a>
                </li>
                                <li>
                    <a href="/tag/bootstrap" target="_blank" title="bootstrap">bootstrap</a>
                </li>
                                <li>
                    <a href="/tag/chart" target="_blank" title="chart">chart</a>
                </li>
                                <li>
                    <a href="/tag/chrome" target="_blank" title="chrome">chrome</a>
                </li>
                                <li>
                    <a href="/tag/css" target="_blank" title="css">css</a>
                </li>
                                <li>
                    <a href="/tag/css3" target="_blank" title="css3">css3</a>
                </li>
                                <li>
                    <a href="/tag/firebug" target="_blank" title="firebug">firebug</a>
                </li>
                                <li>
                    <a href="/tag/firefox" target="_blank" title="firefox">firefox</a>
                </li>
                                <li>
                    <a href="/tag/html" target="_blank" title="html">html</a>
                </li>
                                <li>
                    <a href="/tag/html5" target="_blank" title="html5">html5</a>
                </li>
                                <li>
                    <a href="/tag/javascript" target="_blank" title="javascript">javascript</a>
                </li>
                                <li>
                    <a href="/tag/jquery" target="_blank" title="jquery">jquery</a>
                </li>
                                <li>
                    <a href="/tag/json" target="_blank" title="json">json</a>
                </li>
                                <li>
                    <a href="/tag/node.js" target="_blank" title="node.js">node.js</a>
                </li>
                                <li>
                    <a href="/tag/npm" target="_blank" title="npm">npm</a>
                </li>
                                <li>
                    <a href="/tag/postman" target="_blank" title="postman">postman</a>
                </li>
                                <li>
                    <a href="/tag/vue.js" target="_blank" title="vue.js">vue.js</a>
                </li>
                                <li>
                    <a href="/tag/webkit" target="_blank" title="webkit">webkit</a>
                </li>
                                <div style="clear: both"></div>
            </ul>
        </div>
    </div>


    <div class="rank">
        <div class="rank_top">RankList | 热门文章</div>
        <div class="rank_box">
            <ul>
                                <li>
                    <b >1</b><a href="https://devbox.cn/p/NVIDIAGPU_De_CUD_72ca925c.html" title="NVIDIA GPU的CUDA核心与OpenCL计算单元之间有什么关系？" target="_blank">NVIDIA GPU的CUDA核心与OpenCL计算单元之间有什么关系？</a>
                </li>
                                <li>
                    <b >2</b><a href="https://devbox.cn/p/DynamoDb-_ShanCh_9c293fca.html" title="DynamoDb:删除具有相同哈希键的所有项目" target="_blank">DynamoDb:删除具有相同哈希键的所有项目</a>
                </li>
                                <li>
                    <b >3</b><a href="https://devbox.cn/p/RuHeShiYongYinZi_af4b6035.html" title="如何使用因子级别的原始顺序来构造geom_bar" target="_blank">如何使用因子级别的原始顺序来构造geom_bar</a>
                </li>
                                <li>
                    <b >4</b><a href="https://devbox.cn/p/Twilio-statusCal_56b4194d.html" title="Twilio:statusCallBack？" target="_blank">Twilio:statusCallBack？</a>
                </li>
                                <li>
                    <b >5</b><a href="https://devbox.cn/p/Facebook_ShouZho_195654f6.html" title="Facebook受众网络在XCode 7上出现太多警告" target="_blank">Facebook受众网络在XCode 7上出现太多警告</a>
                </li>
                                <li>
                    <b class="black">6</b><a href="https://devbox.cn/p/f--_BianMaOuShuH_26fc57fd.html" title="f#:编码偶数和奇数(归纳)类型？" target="_blank">f#:编码偶数和奇数(归纳)类型？</a>
                </li>
                                <li>
                    <b class="black">7</b><a href="https://devbox.cn/p/RuHeZai_Swift_Zh_0434ffb1.html" title="如何在Swift中将Int转换为字符" target="_blank">如何在Swift中将Int转换为字符</a>
                </li>
                                <li>
                    <b class="black">8</b><a href="https://devbox.cn/p/YingGai_std--fut_a37d9fb0.html" title="应该std :: future ::等待使用这么多CPU吗？有更高性能的电话吗？" target="_blank">应该std :: future ::等待使用这么多CPU吗？有更高性能的电话吗？</a>
                </li>
                                <li>
                    <b class="black">9</b><a href="https://devbox.cn/p/ZaiDanYeWangZhan_2aafd8ef.html" title="在单页网站上替换Div的内容" target="_blank">在单页网站上替换Div的内容</a>
                </li>
                                <li>
                    <b class="black">10</b><a href="https://devbox.cn/p/RuHeZai_spring_X_577e66eb.html" title="如何在spring项目中使用自定义anotation(hibernate)加密/解密数据" target="_blank">如何在spring项目中使用自定义anotation(hibernate)加密/解密数据</a>
                </li>
                                <li>
                    <b class="black">11</b><a href="https://devbox.cn/p/Docker1-9_ZhongP_74668a78.html" title="Docker 1.9中配置文件的位置是什么？" target="_blank">Docker 1.9中配置文件的位置是什么？</a>
                </li>
                                <li>
                    <b class="black">12</b><a href="https://devbox.cn/p/MapReduce_ShiLi_46766733.html" title="MapReduce示例" target="_blank">MapReduce示例</a>
                </li>
                                <li>
                    <b class="black">13</b><a href="https://devbox.cn/p/CongLeiXingZhong_73ea9787.html" title="从类型中获取DbSet" target="_blank">从类型中获取DbSet</a>
                </li>
                                <li>
                    <b class="black">14</b><a href="https://devbox.cn/p/DangYinYongXiang_95701a93.html" title="当引用相同的变量时,Swift Array内存地址会发生变化" target="_blank">当引用相同的变量时,Swift Array内存地址会发生变化</a>
                </li>
                                <li>
                    <b class="black">15</b><a href="https://devbox.cn/p/ZheGeFangFaHuiBe_7941d69d.html" title="这个方法会被调用吗？(仍需要一个可接受的答案......详见答案)" target="_blank">这个方法会被调用吗？(仍需要一个可接受的答案......详见答案)</a>
                </li>
                                <li>
                    <b class="black">16</b><a href="https://devbox.cn/p/RuHeJinZhiFangWe_0fd3531d.html" title="如何禁止访问除.well-已知的所有点目录？" target="_blank">如何禁止访问除.well-已知的所有点目录？</a>
                </li>
                                <li>
                    <b class="black">17</b><a href="https://devbox.cn/p/XCodeSimulator-__1b3d9709.html" title="XCode Simulator:如何更改其快捷方式？" target="_blank">XCode Simulator:如何更改其快捷方式？</a>
                </li>
                                <li>
                    <b class="black">18</b><a href="https://devbox.cn/p/loc_He_ix_ZhiJia_2f14c667.html" title="loc和ix之间的意外差异" target="_blank">loc和ix之间的意外差异</a>
                </li>
                                <li>
                    <b class="black">19</b><a href="https://devbox.cn/p/ZhiFaBuKongZhiQi_da4dc135.html" title="只发布控制器" target="_blank">只发布控制器</a>
                </li>
                                <li>
                    <b class="black">20</b><a href="https://devbox.cn/p/WeiBoHuoDe_TypeE_7ad85692.html" title="未捕获的TypeError:无法读取未定义的属性&#39;__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED&#39;" target="_blank">未捕获的TypeError:无法读取未定义的属性&#39;__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED&#39;</a>
                </li>
                            </ul>
        </div>
    </div>


</div>    <div style="clear: both;"></div>
</div>

<script type="application/javascript">

    function follow(uid) {

        var myDate = new Date();
        $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response=="1"){
                tips('关注成功！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n'
                    +"已关注")
            }else if(response=="0"){
                tips('已取消关注！')
                $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' +
                    "关注作者")
            }else if(response=="-2"){
                tips("请先登录！")
            }else{
                tips("关注失败！")
            }
        });
        
    }

    function like(sid) {

        var myDate = new Date();
        $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){
            if(response!="-1"){
                $("#like_num").html(response+"赞")
            }else{
                tips("关注失败！")
            }
        });

    }

</script>


<div class="bottom-bar">
    DevBox开发工具箱 | 专业的在线开发工具网站 &nbsp;&nbsp; <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a> &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR />
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有 <BR />
</div></body>
</html>