2

我是 chrome 扩展的新手。我已经尝试了创建扩展的第一个示例练习。现在我正在尝试从扩展弹出窗口的新选项卡中打开一个 URL。只是我在 popup.html 页面中添加了一个 HTML 锚标记。

a href="www.google.com">Click</a>

但它没有打开。它试图在弹出窗口本身中打开带有以下 url 的 URL。

chrome-extension://ljamgfaclheagbikmcagffcbdbcoodna/www.google.com

我的 popup.html 有这个代码。

<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
    </style>
    <!-- JavaScript and HTML must be in separate files for security. -->
     </head>
  <body>
  <b>Karthick</b>
  <a href="www.google.com">Click</a>
  </body>
</html>

我的 Manifest.json 有以下 JSON

{
  "name": "Test Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension for my test",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ]
}

我没有在 popup.js 中写任何东西我搜索了它是如何做到的。但是他们说我必须使用以下内容。

chrome.tabs.getSelected({}, function(tab) {
  chrome.tabs.update(tab.id, {url: 'http://google.com'});
});

但我不知道正确的方法/在哪里做。请告诉我执行此操作的步骤。提前致谢。

4

3 回答 3

3

这是解决方案，只需将以下代码添加到popup.js：

$(function() {
  $('#s').click(function() {
     chrome.tabs.create({url: 'http://www.google.com'});
  });
});

document.addEventListener('DOMContentLoaded');

并更新您的锚标记，使其看起来像这样：

<a id="s" href="www.google.com">Click</a>

因为我们使用的是 jquery 选择器，所以将您的 popup.html 更新为：

<!doctype html>
<html>
  <head>
    <style>
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="popup.js"></script>
  </head>
  <body>
  <b>Karthick</b>
  <a href="www.google.com">Click</a>
  </body>
</html>

并允许 popup.html 中的 jquery 更新您的清单，使其看起来像：

{
  "name": "Test Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension for my test",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ],  //<<--- do not miss this ","
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
}

如果这不起作用，让我把这个的 crx 发给你。干杯!

于 2013-07-18T14:31:24.737 回答
3

简单的。把它放在 popup.html 中：

<a href='google.com' target='_newtab'>Click</a>

或者把这个放在 JS 文件中：

window.open('http://google.com','_newtab');

于 2015-03-23T02:02:15.927 回答
2

您可以为该链接添加一个 onclick-listener。

var link = document.getElementById("link");
link.addEventListener("click", function(){
  chrome.tabs.getSelected({}, function(tab) {
    chrome.tabs.update(tab.id, {url: 'http://google.com'});
  });
}, false);

但是我会使用该chrome.tabs.create()功能。

于 2012-10-31T10:14:38.747 回答