针对部分小伙伴说图裂开的情况,4ye 也是很纳闷,上班摸完鱼赶紧回来做个饭,火急火燎地洗完澡,然后在开始排查了!
先给小伙伴们看看这个编辑的画面,这里是正常的,然后文章发出去后 4ye 看到的文章也是正常的,没有图片裂开的情况,那这个是怎么回事呢? 我决定一探究竟!!
(不解决不睡觉! 现在已经快十点了,到了要睡觉点了,我很慌!)
可以看到这里都很正常~
顿时我就纳闷了,难道是我的图床搞的鬼~ ,不可思议,我带着忐忑的心情登上七牛云,看了好一会没有看出什么猫腻 😱
我又反复开不同的浏览器看看,包括无痕模式呀,强制清缓存啊~
- 掘金的 APP 正常 ✔
- 手机的浏览器,正常 ✔
- 电脑上就试了下 谷歌 和 QQ ,结果都很正常 ✔✔
我在想难道是小伙伴们调皮用IE 还是啥古董浏览器吗 哈哈哈
我慌起来了,怎么办,今晚不能早睡了!
我的脑子疯狂的超频,1+1=2,2+2=4 ......
忽然灵光一闪,啊 ,会不会是我跟不上这些小年轻了,我赶紧更新一波我的 chrome 浏览器试试
一下子来到了最新版本(90,我的天...这更新速度太快了叭!)
ps:之前是80版本。。 忘了截图~
我立刻重启浏览器,访问我这篇奇怪的文章
竟然真的裂开了!!
我。。。 悬着的心终于放下了 哈哈,写完就睡觉了!😝
但是呢,好奇心驱使我按下了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