Question

我创建了一个角度应用程序，充当社交iOS应用程序的“反弹”页面，即公开测试版。

用户可以在彼此之间共享其个人资料，作为该网站的链接。
如果在iOS设备上打开该页面，并且已安装该应用程序，则会使用应用程序的URL方案打开该应用程序。否则，它会重定向到App Store。
对于所有其他设备，Android，桌面等，它只是呈现一个简单的信息页面。

问题：

在Safari的一个实例中，不会呈现页面的两个元素。

缺少元素：

未显示配置文件名称下方的“Instruments”标签。
不会出现版权，隐私和条款及条件。

在Safari，Chrome和Firefox的所有其他实例中，它显示如下：

该网站使用Angular + Bootstrap实现。

缺少工具标签的部分的页面来源是：

<div ng-show="vm.loaded">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-4 profile-container">
            <div class="row">
                <div class="col-xs-12" style="min-width: 300px !important;">
                    <div class="card hovercard">
                        <div class="photo-container">
                        </div>
                        <div class="useravatar">
                            <img ng-src="{{vm.profile.coverPhotoURL}}" vpr-load="vm.onImageLoaded()">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 text-center" style="margin-top: -10px">
                    <span class="profile-title">{{vm.titleText()}}</span>
                </div>
                <div class="col-xs-12 text-center" style="margin-top: 8px">
                    <span class="profile-sub-title">{{vm.instruments()}}</span>
                </div>
                <div class="col-xs-12 text-center" style="padding-bottom: 20px">
                    <span class="profile-genres">{{vm.genres()}}</span>
                </div>
            </div>
        </div>
    </div>

页脚如下：

<footer class="vFooter hidden-xs">
<div class="container">
    <div class="row">
        <div class="col col-xs-6 text-center" style="height: 80px">
            <div class="vertical-center">
                <p class="copyright vertical-center" style="margin-top: 20px; margin-bottom: 20px">
                    <span class="text-nowrap">© Vampr Pty Ltd 2016 | <vpr-link-bar></vpr-link-bar></span>
                </p>
            </div>
        </div>
   (etc, etc)

（上面的源代码段中未显示的一些结束<div>标记）

问题：

如果无法访问发生问题的机器，我该如何调试并纠正问题？

我在另一个似乎是由AdBlock引起的Safari实例上发现了类似的问题 - 禁用它会使元素正确显示。然而，有问题的元素曾经不同 - 社交媒体按钮。

Answer 1

这个问题似乎是由一个非转义的＆符号＆＃39;＆＃39;引起的。 HTML源代码中的字符。解决这个问题解决了这个问题。我不确定为什么问题只发生在Safari的一个特定实例上。

意外隐藏在某些Safari实例上的元素总是出现在Firefox，Chrome

1 个答案: