Как определенный элемент страницы может быть скрыт в Safari Reader?

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 и попытался добавить в социальных связей контейнер некоторого класса или идентификационные имена, которые отмечены в коде читателя как «негативный» и не должны быть показаны - например, «#disqus_thread», ' .instapaper_ignore '- без результатов. Я также пробовал это на тестовой странице (так что эти классы содержатся в исходном коде страницы) - опять же, тот же результат.

Есть ли решение?

Answer 1

Я нашел решение. элементы, которые должны быть скрыты заворачивали в

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

Похоже алгоритм для чтения дает различные веса для тегов.