Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTTPS网站上使用Stumbleupon徽章?_Javascript_Ssl_Https_Mixed Content_Stumbleupon - Fatal编程技术网

Javascript 如何在HTTPS网站上使用Stumbleupon徽章?

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

我正试图在我们的网站上添加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 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年。。。