IncludeCSS 不适用于 IE

Question

我想在我的扩展程序上创建一个 browserAction，当我单击 browserAction 的图标时打开一个选项页面（类似于我们在 chrome 中可以做的）。我创建了代码来执行我正在描述的操作，当我单击 FF 上的图标时，一切正常，页面样式看起来也不错。而在 IE11 上，当我点击图标时，页面显示没有任何样式。

我上传到我的资源，我需要的所有文件，我的 options.html，css/style。css 和我的图像。这是我的代码...

我的 background.js 看起来像这样：

appAPI.ready(function($) {

  // Sets the initial browser icon
  appAPI.browserAction.setResourceIcon('48x48.png');

  // Sets the tooltip for the button
  appAPI.browserAction.setTitle('My title');

  // Sets the initial onClick event handler for the button
  appAPI.browserAction.onClick(function(){
  appAPI.openURL({
                resourcePath: "options.html",
                where: "tab",
                focus: true
            });
  });
});

我的 extension.js 是这样的：

if (document.title == "My options page title") {
  appAPI.resources.includeCSS('css/style.css');
}

上面的代码，根据它的标题检查它是否是我想要的页面（我知道这不是一个好方法，但我现在正在测试......如果你对此有什么建议，我也会欣赏）

我做错了什么？

@Crossrider 支持：我的app id 是81180

感谢您的帮助

Answer 1

options.html 页面运行处于孤立的上下文中（即 extension.js 不能保证在所有浏览器上都运行），因此您应该嵌入CSS 在 HTML 页。

[披露：我是 Crossrider 员工]

IncludeCSS 不适用于 IE

IncludeCSS not working on IE

javascript

internet-explorer-11

browser-extension

crossrider