Question

我的页面上有社交链接。在阅读器模式中，他们正在显示，我想隐藏它们。社交链接块看起来像这样：

<div class="social-likes">
<span class="social-likes__item">
    <span class="social-likes__button" data-social="facebook">
        <svg class="social-likes__icon social-likes__icon_facebook"><use xlink:href="/images/m/svg/sprite.svg#social-likes__icon_facebook"></use></svg>
    </span>
    <span class="social-likes__counter">0</span>
</span>
<span class="social-likes__item">
    <span class="social-likes__button" data-social="vkontakte">
        <svg class="social-likes__icon social-likes__icon_vkontakte"><use xlink:href="/images/m/svg/sprite.svg#social-likes__icon_vkontakte"></use></svg>
    </span>
    <span class="social-likes__counter">0</span>
</span>
<span class="social-likes__item">
    <span class="social-likes__button" data-social="twitter">
        <svg class="social-likes__icon social-likes__icon_twitter"><use xlink:href="/images/m/svg/sprite.svg#social-likes__icon_twitter"></use></svg>
    </span>
    <span class="social-likes__counter">0</span>
</span>

不幸的是，页面内容是从DB加载的，所以我只能使用一些CSS或JS技巧（因此页面源代码无法更改）。

我查看了Safari Reader source code并试图在社交链接容器中添加一些类或ID名称，这些名称在读者的代码中标记为“否定”且不应显示 - 例如，'＃ disqus_thread '，' .instapaper_ignore ' - 没有结果。我也在测试页面上尝试了这个（所以这个类包含在页面源代码中） - 同样的结果。

有没有解决方案？

Answer 1

我找到了解决方案。应该隐藏的元素包含在

中

<aside class="instapaper_ignore">...</aside>

看起来读者算法给标签赋予了不同的权重。

如何在Safari Reader中隐藏某些页面元素？

1 个答案: