Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

腾讯云文章阅读模式无法显示动图(因惰性图片加载导致) #1945

Closed
AriaLyy opened this issue Mar 19, 2021 · 8 comments
Closed

Comments

@AriaLyy
Copy link

AriaLyy commented Mar 19, 2021

腾讯云的文章,使用阅读模式后,无法显示gif动图

https://cloud.tencent.com/developer/article/1394340

阅读模式下,动图无法显示,静态图倒是正常
image

@AriaLyy
Copy link
Author

AriaLyy commented Mar 19, 2021

看了下,好像获取图片地址失败了
image

@Kenshin
Copy link
Owner

Kenshin commented Mar 19, 2021

嗨,我测试了下,应该跟你之前反馈过的 动态加载 类似的问题。

解决方案:

进入阅读模式后 → 重新高亮,手动框选正文后,再次进入阅读模式,就可以了。

@AriaLyy
Copy link
Author

AriaLyy commented Mar 19, 2021

我这重新高亮了也不行,是这个按钮吧?重新选择后,只能显示部分动图,还有好一些都显示不出来~~
image

@AriaLyy
Copy link
Author

AriaLyy commented Mar 19, 2021

好像要滑动到底部才可以~~,有没有插件能解决呢?

@Kenshin
Copy link
Owner

Kenshin commented Mar 19, 2021

好像要滑动到底部才可以~~,有没有插件能解决呢?

惰性加载图片的页面大多有这样的问题,不是 100% 可以解决的。

@binsee
Copy link
Contributor

binsee commented Mar 20, 2021

这个站懒加载方案与众不同,用的 <span> 元素而不是 <img> 元素

原始代码如下:

<figure>
    <div class="image-block">
        <span class="lazy-image-holder" dataurl="https://ask.qcloudimg.com/http-save/yehe-1001569/1jx7xeoc7v.gif"></span>
    </div>
</figure>

或许可行的解决方式如:

  • 在通用代码中增加尝试从 span 元素的 dataurl 属性提取图片地址
  • 使用插件或适配时,提取高亮内容前先使用js代码滚动页面到底,再提取高亮内容

@Kenshin
Copy link
Owner

Kenshin commented Mar 21, 2021

@binsee

收到,原来是用了 span 的方案... 真是什么方式都有... 我先记下。

@Kenshin Kenshin changed the title 腾讯云文章阅读模式无法显示动图 腾讯云文章阅读模式无法显示动图(因惰性图片加载导致) Mar 21, 2021
@Kenshin Kenshin added the done label May 3, 2021
@Kenshin
Copy link
Owner

Kenshin commented Jun 15, 2021

嗨,抱歉早就应该提示此 Issues 已经修复了,但因为一些原因一直耽搁到现在。

此问题可以通过 2.2.0.520 彻底解决。

新增加了专门针对 惰性加载图片的解析方案,如下图

image

注意:使用此功能时会出现维基百科的一些问题,解决方案 请看这里

简悦 2.2.0 请注意

嗨,如果你是 2.2.0 用户,当前版本也修复了 2.2.0 时的一些错误,如:特定条件下任意页面自动进入阅读模式 引起无法使用维基百科的问题 聚焦模式无法使用导出服务 未启用标注模式无法复制

本次更新内容

本次更新了 6 Features ,解决了 150+ Issues
更新内容是有史以来最多的一次,如果你对目前的稍后读工作流并不满意的话,希望可以看完下面这些更新。

这只是我认为有必要重点介绍的功能,除此以外还有很多小功能没有介绍。

一些 2.2.0 相关性的教程

稍后读 · 导出的定制化 · 自动化 · 如何与双链笔记联动 Notion / Logseq / Obsidian 等,详细说明 请看这里

更新日志

如果你想看 2.2.0 到底增加了哪些功能的话,可以看

  1. http://ksria.com/simpread/welcome/version_2.2.0.html
  2. http://ksria.com/simpread/changelog.html

一个建议

如条件允许,请一定要订阅 简悦的发布渠道这里通知中心

简悦会在每个大版本发布或不定期会推送简悦的相关信息,也请订阅 Newsletter

@Kenshin Kenshin closed this as completed Jun 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants