Question

您好我正在为朋友建立一个网站，该网站在Chrome上看起来不错，但是当我尝试为Firefox测试时，它看起来就像是Chrome版本。看一下firefox的调试器，似乎bootstrap css没有从CDN加载。任何提示将不胜感激！以下是我的代码中调用引导程序CDN的部分。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
  <script src="https://use.typekit.net/edr3ydd.js"></script>
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="css\about.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
  <title>About</title>
 </head>
<body>

Answer 1

我建议您在为其他人开发网站或应用程序时不要使用CDN。当您作为草稿自己做某事时，CDN很适合引导布局。

但是当涉及第三人的发布时，我建议你下载bootstrap包并在HTML页面所在的本地服务器上使用它。

Answer 2

只是为了测试它，下载副本并在本地提供CSS文件。 Firefox可能会阻止您的资产请求。检查firefox中的控制台错误消息。

Bootstrap在chrome上工作但不在firefox上？

2 个答案: