为啥我的移动版网站上出现笑脸和空白？ [关闭]

Posted 2023-03-06

【中文标题】为啥我的移动版网站上出现笑脸和空白？ [关闭]

【英文标题】：Why is there a smiley face and white space on the mobile version of my site? [closed]为什么我的移动版网站上出现笑脸和空白？ [关闭]

【发布时间】：2014-09-06 02:05:36

【问题描述】：

这里是网站： https://BlendBee.com

在我的 android (Samsung Galaxy S5) 上的 Chrome 应用程序中，存在一些问题：

右侧留白（你可以把屏幕拖到右边，有一个白条） 底部空白（见截图） 底部的笑脸（见截图）

任何想法如何解决这些问题？

【参考方案1】：

对于空白间距，需要为responsive视图添加以下css

.js #mobile-menu
  margin-right: 0;
  width: auto;

对于底部笑脸image，您需要从html 中找到并删除以下代码。它也出现在您的桌​​面视图中。删除 image 后，您的底部间距问题也将得到解决。

https://pixel.wp.com/g.gif?host=blendbee.com&rand=0.3194744260981679&v=ext&j=1%3A3.0.2&blog=68911511&post=4473&tz=-7&ref=http%3A//***.com/questions/24765633/why-is-there-a-smiley-face-and-white-space-on-the-mobile-version-of-my-site

【讨论】：

谢谢！那成功了。我还禁用了 JetPack 中的 WordPress 统计模块以删除那个笑脸。

【参考方案2】：

不确定第一个问题，但在您的网站的桌面版本中也有一个白色的行和一个笑脸。在chrome 的inspect element 中找到此行：

<img id="wpstats" src="https://stats.wordpress.com/g.gif?host=blendbee.com&amp;rand=0.8257986863609403&amp;v=ext&amp;j=1%3A3.0.2&amp;blog=68911511&amp;post=4473&amp;tz=-7&amp;ref=http%3A//***.com/questions/24765633/why-is-there-a-smiley-face-and-white-space-on-the-mobile-version-of-my-site" >

此行仅出现在inspect element 中，但不在View Source 中，因此它必须由您包含的客户端脚本之一生成。查看这个笑脸的src属性，它来自https://stats.wordpress.com/g.gif，还包含了一堆查询字符串参数。 （主机、参考、博客等）将这些线索添加到图像的 id ("wpstats")，我的猜测是它是由 WordPress javascript 脚本之一引入的 WordPress 跟踪器 GIF 之一。

希望对你有帮助:)

---

编辑： 在此脚本中找到了 gif 的来源：

<script src="https://stats.wordpress.com/e-201429.js" type="text/javascript"></script>

在第一行：

function st_go(a)var i,u=document.location.protocol+'//stats.wordpress.com/g.gif?host='+escape(document.location.host)+'&rand='+Math.random();for(i in a)u=u+'&'+i+'='+escape(a[i]);u=u+'&ref='+escape(document.referrer);document.open();document.write("<img id=\"wpstats\" src=\""+u+"\" alt=\"\" />");document.close();

您可以制作此文件的本地副本（复制并粘贴到您的 html 中）并删除 document.write() 部分，您应该一切准备就绪。

【讨论】：

不错的发现！我禁用了 JetPack 中的 WordPress Stats 模块并删除了跟踪像素：/wp-admin/admin.php?page=jetpack_modules