Question

我有一个Chrome应用，其中包含iframe和

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet" />


<title>Title</title>
</head>
<body >
  <div class="container-fluid">
      <iframe id="iframe" src="home.html" frameborder="0" height="150%" style="width: 100%;"></iframe>
  </div>
</div>
</body>
</html>

web中的

正在加载，但是当它从chrome应用程序中的index调用时，bootstrap-theme.css未加载

我已经尝试过添加type =＆＃34; text / css＆＃34; ，但都没有。

Answer 1

<link rel="stylesheet" type="text/css" href="/css/bootstrap-theme.css">

这对你有用吗？

Answer 2

溶液：

正如@SaucedApples所说但没有点。

<link href="/css/bootstrap-theme.css" rel="stylesheet"   />

Answer 3

我认为你应该允许在manifest.json中附加这些文件，如下所示：

"content_scripts": [
    {
      "matches": ["http://test-website.com/*"], 
      "js": ["js/content-script.js"],
      "css" : ["yourcss.css"]
    }
],

chrome app，iframe里面的css

3 个答案: