如何在Safari閱讀器中隱藏某些頁面元素？

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> 

不幸的是，頁面內容被從數據庫加載，所以我只能用一些CSS和JS的招數（使頁面源代碼無法更改）。

我已經通過Safari Reader source code看，並試圖增加社會聯繫容器一些class和id的名字，這標誌着在讀者的代碼爲「負面」，不應該被顯示 - 例如，「#disqus_thread」，「 .instapaper_ignore' - 沒有結果。 我也試過這個測試頁面（所以這個類包含在頁面源代碼中） - 同樣的結果。

有沒有解決方法？

Answer 1

我找到了解決方案。 元素應藏被包裹在

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

貌似讀者算法給出不同的權重標籤。