混合内容错误与警告

Question

是什么决定了不安全资源是否被阻止或加载并带有警告？

Chrome 53的屏幕截图：

创建者：

(function(){var d=document.getElementsByTagName('IMG');for(var i=0,l=d.length;i<l;i++){d[i].setAttribute('src','http://placekitten.com/'+d[i].width+'/'+d[i].height)};}())

Answer 1

被屏蔽的图片是img指定了srcset的图片。

当img有srcset时，Chrome和Firefox会主动阻止混合内容。这里的src是http资源，srcset使用https。

Chromium Issue 402792 - Mixed content: <img> with empty srcset attribute should be active content

Mozilla Bug 1055750 - (srcset-mixed-content) Block mixed content <img srcset> and <picture>