2017-06-24 70 views
-1

css和js在http://isdhh.org/上工作完美,但不在https://isdhh.org/上。我是新来的网页设计和JavaScript,并为我的生活无法弄清楚如何解决这个问题。在线解决方案,如链接CSS文件与“//isdhh.org/css/style.css”不能解决此问题。我不明白这个协议相关的URL在各种网站上描述的事情。CSS和JS不能在HTTPS中工作?

+1

正如anneb所说,这是由于页面中的混合内容。下一次,请检查浏览器控制台 - 我的提示沿着“阻塞加载混合活动内容”的一系列错误http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css“ “这使得这个问题*真的很明显。 –

+0

请阅读[我的网站或项目中的某些内容不起作用。我可以只粘贴一个链接吗?](// meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a链接到它) – halfer

回答

3

在https中提供的页面不应从http加载资源。 在你的页面有几个HTTP资源,如:

<link rel="stylesheet" ref="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

更改所有的HTTP引用到https,然后再试一次

+0

更简单的只是删除协议和使用协议相对路径 – charlietfl

+0

@charlietfl我相信ref =“// maxcdn.bootstrapcdn ... etc”不支持所有浏览器支持引导 – anneb

+0

不知道为什么。 ..是非常普遍的做法。从来没有见过一个我自己,不 – charlietfl

0

每一个CSS,JS和图片文件必须以https送达://。你的引导文件没有得到服务。检查浏览器控制台从这些太 http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

+0

谢谢Joel,我在这两个地方用https替换http?那么我的自定义CSS和JS文件呢?我如何链接它们?谢谢! – TWyPGn

+0

@TWyPGn您的自定义css和js已经很好了,因为您删除了http/https协议。这就是你想要用引导程序链接做什么。使它们看起来像://maxcdn.bootstrapcdn.c ... –

+0

https文件可用于非http网站,因此您还可以修改链接以使其看起来像https:// maxcdn ...而不是// maxcdn ...你不应该同时支持你的网站的http和非http版本。将所有非https流量重定向到该网站的安全版本 –

0

,看来你在HTTP上没有使用https

+0

非常感谢西蒙;这是否意味着在链接引导文件时使用https替换http? – TWyPGn

0

布局请求bootstrap.min.css和bootstrap.min.js:

删除HTTP并且通过在bootstrap css和js文件中用https替换http来完美设计工作。谢谢大家指出。通过删除http/https协议链接引导文件不适用于我。但是,现在有两个网站:一个使用http,另一个使用https。我如何强制浏览器只显示https?谢谢!