css和js在http://isdhh.org/上工作完美,但不在https://isdhh.org/上。我是新来的网页设计和JavaScript,并为我的生活无法弄清楚如何解决这个问题。在线解决方案,如链接CSS文件与“//isdhh.org/css/style.css”不能解决此问题。我不明白这个协议相关的URL在各种网站上描述的事情。CSS和JS不能在HTTPS中工作?
回答
在https中提供的页面不应从http加载资源。 在你的页面有几个HTTP资源,如:
<link rel="stylesheet" ref="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
更改所有的HTTP引用到https,然后再试一次
更简单的只是删除协议和使用协议相对路径 – charlietfl
@charlietfl我相信ref =“// maxcdn.bootstrapcdn ... etc”不支持所有浏览器支持引导 – anneb
不知道为什么。 ..是非常普遍的做法。从来没有见过一个我自己,不 – charlietfl
每一个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
谢谢Joel,我在这两个地方用https替换http?那么我的自定义CSS和JS文件呢?我如何链接它们?谢谢! – TWyPGn
@TWyPGn您的自定义css和js已经很好了,因为您删除了http/https协议。这就是你想要用引导程序链接做什么。使它们看起来像://maxcdn.bootstrapcdn.c ... –
https文件可用于非http网站,因此您还可以修改链接以使其看起来像https:// maxcdn ...而不是// maxcdn ...你不应该同时支持你的网站的http和非http版本。将所有非https流量重定向到该网站的安全版本 –
布局请求bootstrap.min.css和bootstrap.min.js:
删除HTTP并且通过在bootstrap css和js文件中用https替换http来完美设计工作。谢谢大家指出。通过删除http/https协议链接引导文件不适用于我。但是,现在有两个网站:一个使用http,另一个使用https。我如何强制浏览器只显示https?谢谢!
- 1. JS和CSS Bundles不能在弹性beanstalk中工作
- 2. web服务,JS,CSS不工作在HTTPS(安全页面)
- 3. 使功能在HTTP和HTTPS中工作
- 4. HTTPS URL不能在PHP中工作
- 5. request.getHeader(“referer”)不能在HTTPS中工作
- 6. CSS和JS不工作瓶框架
- 7. css风格不工作和js
- 8. Gziped的CSS和JS不工作
- 9. js不能在asp.net工作
- 10. jQuery和CSS不能在Sharepoint 2013工作
- 11. CSS不能在Chrome(Linux和Windows)工作
- 12. DetailsView不能在js/css标签中工作
- 13. 在IE上工作的JS,不能在Chrome和FF上工作
- 14. Mod_rewrite - CSS,JS和图片不能正常工作
- 15. 包括js和css不能正常工作
- 16. piwik在HTTPS中不工作
- 17. http.get不能在angular js中工作2
- 18. console.log不能在JS文件中工作
- 19. Bootstrap JS不能在Rails 4中工作
- 20. JS代码不能在IE8中工作?
- 21. d3.js不能在chrome中工作
- 22. JS/jQuery不能在CodePen中工作
- 23. JS不能在Internet Explorer中工作
- 24. ng-submit不能在角js中工作
- 25. 选择js不能在IE8中工作
- 26. $ routProvider不能在角js中工作
- 27. LinkedIn JavaScript API不能在HTTPS上工作
- 28. JS和CSS,HTTP和HTTPS的规范URL
- 29. CSS不能在PaxWeb Http Whiteboard中工作
- 30. CSS边框不能在IE6中工作
正如anneb所说,这是由于页面中的混合内容。下一次,请检查浏览器控制台 - 我的提示沿着“阻塞加载混合活动内容”的一系列错误http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css“ “这使得这个问题*真的很明显。 –
请阅读[我的网站或项目中的某些内容不起作用。我可以只粘贴一个链接吗?](// meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a链接到它) – halfer