Javascript 如何在HTTPS网站上使用Stumbleupon徽章?
我正试图在我们的网站上添加Stumbleupon徽章,尽管Stumbleupon的CSS似乎不支持HTTPS 使用此处找到的Stumbleupon Discovery工具,我可以选择任何徽章: 然后,我获得了徽章代码,如下所示:Javascript 如何在HTTPS网站上使用Stumbleupon徽章?,javascript,ssl,https,mixed-content,stumbleupon,Javascript,Ssl,Https,Mixed Content,Stumbleupon,我正试图在我们的网站上添加Stumbleupon徽章,尽管Stumbleupon的CSS似乎不支持HTTPS 使用此处找到的Stumbleupon Discovery工具,我可以选择任何徽章: 然后,我获得了徽章代码,如下所示: <!-- Place this tag where you want the su badge to render --> <su:badge layout="2"></su:badge> <!-- Place this s
<!-- Place this tag where you want the su badge to render -->
<su:badge layout="2"></su:badge>
<!-- Place this snippet wherever appropriate -->
<script type="text/javascript">
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script>
(功能(){
var li=document.createElement('script');li.type='text/javascript';li.async=true;
li.src=('https:'==document.location.protocol?'https:':'http:')+'//platform.stumbleupon.com/1/widgets.js';
var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(li,s);
})();
当尝试加载此代码时,它会以未序列化列表的形式显示徽章。
通过研究代码,似乎加载的JavaScript文件调用了调用此文件的CSS加载位置:
由于JavaScript文件是外部文件,因此它不提供将CSS强制为HTTPS的能力
因为我们在https://上加载我们的站点,所以从http://加载的任何文件都会在不允许混合内容的浏览器上被自动阻止
我已经联系了Stumbleupon,他们显然知道这个问题,不打算解决它。(他们似乎不想设置SSL)
是否有其他人遇到过这种徽章内容混合的问题,如果有,是否有人找到了解决办法?(更喜欢代码解析而不是插件)例如,我使用了一个支持HTTPS的链接缩短器,但我从未用徽章测试过 例如,我使用了支持HTTPS的链接缩短器,但我从未用徽章测试过 不幸的是,CSS链接嵌入了外部“widgets.js”中,因此我们无法调整CSS文件的URL。它加载了以下JS文件:我认为函数位于第41-58行,它调用CSS样式表,但没有指定URL。遗憾的是,CSS链接嵌入在外部“widgets.JS”中,因此我们无法调整CSS文件的URL。它加载了以下JS文件:我认为函数位于第41-58行,它调用CSS样式表,但没有指定URL。StumbleUpon是否添加了HTTPS支持?我的意思是,现在是2018年……StumbleUpon是否增加了HTTPS支持?我是说,现在是2018年。。。