2

我正在使用 Crossrider 构建一些浏览器扩展。在页面加载之前，在渲染任何 DOM 元素之前，我需要执行一些代码。Crossrider有可能吗？

我曾尝试appAPI.dom.onDocumentStart.addJS 在后台范围内使用，但没有运气。在我的代码执行之前，我仍然看到页面部分显示。

谢谢

更新更多细节

我正在尝试做的一个例子是将坏网站重定向到好网站的扩展。基本上，如果用户点击了我们列表中不好的网站，它会将他们重定向到一个好的选择并给他们一个消息。我正在处理重定向部分，这是一些示例代码。

在我的background.js里面

appAPI.ready(function($) {
   appAPI.dom.onDocumentStart.addJS({resourcePath:'main.js'});

});

然后我的资源中有一个main.js文件

if(window.location.href == "http://www.bing.com/"){
    console.log("You are at Bing... That's bad m'kay.");
    window.location = "http://www.google.com";
}

在这种情况下，如果用户去 bing，他们会被重定向到 google，然后会收到一些有趣的消息。他们还将收到有关 4chan、torrent 网站等网站的警告。

所以目前如果我实现这个代码，然后去 bing 它会闪烁 DOM，然后重定向。我试图阻止这种情况。谢谢！

我正在测试 Win 7 和 Chrome

谢谢！

4

1 回答 1

2

@Dan 感谢您提供其他信息，特别是您尝试实现的场景。

在这种情况下，您可以通过简单地使用onBeforeNavigate方法来实现您的目标，而无需在文档开始时运行。因此，根据您的background.js示例代码，解决方案将如下所示：

appAPI.ready(function() {
  var resourceArray = ['http://www.bing.com/'];
  appAPI.webRequest.onBeforeNavigate.addListener(function(details, opaqueData) {
    // Where:
    //   * details.pageUrl is the URL of the tab requesting the page
    //   * opaqueData is the data passed to the context of the callback function

    // Redirect requests for blocked pages
    for (var i = 0; i < opaqueData.length; ++i) {
      if (details.pageUrl.indexOf(opaqueData[i]) !== -1) {
        console.log("You are at Bing... That's bad m'kay.");
        return { redirectTo: 'http://www.google.com' };
      }
    }
  }, resourceArray); // resourceArray is the opaque parameter that is passed to the callback function
});

[披露：我是 Crossrider 的员工]

于 2014-02-24T10:02:49.170 回答