如何创建自动重定向到特定链接的 Chrome 扩展？

发布于 2024-11-08 23:47:00 字数 143 浏览 0 评论 0原文

您好，我想创建一个 chrome 扩展程序，以便当用户位于 example1.com 页面上时，即使在页面加载之前，他也会自动重定向到 example2.com 。无论用户是否输入网址或通过链接访问该网址，这都应该有效。

请帮助我！

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

榆西 2024-11-15 23:47:00

在后台页面：

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if(tab.url.indexOf("http://example1.com") == 0 && changeInfo.status == "loading") {
        chrome.tabs.update(tabId, {url: "http://example2.com"});
    }
});

In background page:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if(tab.url.indexOf("http://example1.com") == 0 && changeInfo.status == "loading") {
        chrome.tabs.update(tabId, {url: "http://example2.com"});
    }
});

回复收藏 0 原文

回忆凄美了谁 2024-11-15 23:47:00

您可以使用 Chrome 的 webRequest API 在您的请求与特定网址匹配时重定向您的请求。以下是示例代码：

chrome.webRequest.onBeforeRequest.addListener(
  modifyUrl, { urls: ['http://example.com/'] }, ['blocking']
);

modifyUrl: function(details) {
  if (details.url === 'http://example.com/') {
    return { redirect: 'http://www.requestly.in/' }
  }
}

以下是有关使用 onBeforeRequest 方法的一些详细信息：

第一个参数是回调处理程序，每当拦截与作为第二个参数提供的 Url 模式匹配的请求时就会调用该回调处理程序
第二个参数，一组 URL 或 url 模式或正则表达式，告诉 chrome 拦截这些 URL
第三个参数，requestOptions 可以是 blocking 或 requestBody。

您可以在此处阅读有关 webRequest API 的信息，

以防您正在寻找现成的解决方案可以帮您解决这个问题，您可以查看 Requestly 为您做同样的工作。它甚至允许您将 url 与三个运算符进行匹配

等于：严格匹配
包含：指定 url 中出现的任何字符串
匹配：基于 JS 的正则表达式，与 url 中的某些内容匹配

请查看此屏幕截图以更好地理解。

希望它有帮助！

You can use Chrome's webRequest API to redirect your request when it matches a particular Url. Here is a sample code:

chrome.webRequest.onBeforeRequest.addListener(
  modifyUrl, { urls: ['http://example.com/'] }, ['blocking']
);

modifyUrl: function(details) {
  if (details.url === 'http://example.com/') {
    return { redirect: 'http://www.requestly.in/' }
  }
}

Here are some details about using onBeforeRequest method:

first arugument, is your callback handler which is invoked whenever a request is intercepted which matches your Url patterns provided as second argument
second argument, A set of Urls or url patterns or Regex which tells chrome to intercept those Urls
third argument, requestOptions which can be blocking or requestBody.

You can read about webRequest API here

Just in case you are looking for an already-made solution that can do the trick for you, you can checkout Requestly which does the same work for you. It even allows you to match your url with three operators

Equals: Strict match
Contains: Specify any string which comes in url
Matches: A JS based regex which matches something in url

Have a look at this screenshot for better understanding.