关于掘金小伙伴说我图片裂开这件事

针对部分小伙伴说图裂开的情况，4ye 也是很纳闷，上班摸完鱼赶紧回来做个饭，火急火燎地洗完澡，然后在开始排查了！

先给小伙伴们看看这个编辑的画面，这里是正常的，然后文章发出去后 4ye 看到的文章也是正常的，没有图片裂开的情况，那这个是怎么回事呢？ 我决定一探究竟！！

（不解决不睡觉！ 现在已经快十点了，到了要睡觉点了，我很慌！）

可以看到这里都很正常~

顿时我就纳闷了，难道是我的图床搞的鬼~ ,不可思议，我带着忐忑的心情登上七牛云，看了好一会没有看出什么猫腻 ?

我又反复开不同的浏览器看看，包括无痕模式呀，强制清缓存啊~

1. 掘金的 APP 正常 ✔
2. 手机的浏览器，正常 ✔
3. 电脑上就试了下 谷歌 和 QQ ，结果都很正常 ✔✔

我在想难道是小伙伴们调皮用IE 还是啥古董浏览器吗 哈哈哈

我慌起来了，怎么办，今晚不能早睡了！

我的脑子疯狂的超频，1+1=2，2+2=4 ……

忽然灵光一闪，啊 ，会不会是我跟不上这些小年轻了，我赶紧更新一波我的 chrome 浏览器试试

一下子来到了最新版本（90，我的天…这更新速度太快了叭！）

ps：之前是80版本。。 忘了截图~

我立刻重启浏览器，访问我这篇奇怪的文章

站了5个小时换来的书单

竟然真的裂开了！！

我。。。 悬着的心终于放下了 哈哈，写完就睡觉了！?

但是呢，好奇心驱使我按下了F12 ，我看到了下面这个画面

chrome90版

Response

Preview

chrome80版

额，这新版咋变样了呢，刚刚我用 80 版本的谷歌调试时，看到的是下面这个样子的！（其实这个是70版的 QQ浏览器截图，哈哈 不过我刚刚看的 70 和 80 的一样 ，就不计较啦?

Response

Preview

可以发现90版本的居然少了那么多内容！（额 这又是啥，居然

额 看看它的控制台 console 输出了啥

额，我的天

点开第一个红框，可以看到很多类似下面的描述

Mixed Content: The page at ‘juejin.cn/post/695862…‘ was loaded over HTTPS, but requested an insecure element ‘img.ryzeyang.top/%E9%BB%91%E…‘. This request was automatically upgraded to HTTPS, For more information see blog.chromium.org/2019/10/no-…

很烦，它给我转成了 HTTPS 了！

第二个红框就是跨域了，我晕

跨域就是 协议，域名，端口不一致的问题了，

那知道后解决办法也很简单啦 ，小伙伴们重新下个80版的就好了 哈哈哈?

现在我再好好重新上传图片到掘金就解决啦。?

最后，再分享下从网上搜到的这个点~ （天呐，到底更新了多少东西了……)

虽然谷歌没有删除 TLS1.0 和 TLS 1.1，但 Chrome81 则用另外一种方式提高了HTTPS连接的安全性。继脚本、视频等网页内容后，Chrome81 开始图片将默认以 HTTPS 协议传输，如果改写 HTTPS 不成功，默认不加载。谷歌最终的目标是将所有 HTTP 内容自动升级为类似的HTTPS url。

我是 4ye 我们下期再见啦 ヾ(￣▽￣)ByeBye

欢迎关注，交个朋友呀！！ ( •̀ ω •́ )y

作者简介 ：Java4ye ，很高兴认识你！！?（够简了 哈哈哈）

公众号： Java4ye 博主滴个人公众号~ ，嘿嘿 喜欢就支持下啦 ?

让我们开始这一场意外的相遇吧！~

欢迎留言！谢谢支持！ヾ(≧▽≦*)o