Как добавить URL-адрес расширения браузера Chrome?

Question

Я создал Расширение браузера для Chrome. Я добавил HTML-таблицу в браузер_action.html как Всплывающее окно, как показано ниже.

То, что я хочу, когда я нажимаю на ячейки таблицы, он должен взять меня к ссылке. Различные ссылки при нажатии на разные ячейки.

Это часть моего кода:

<tr> 
<td class="tg-z3w6 hvr-underline-from-center"><a href="http://ew/Environment/Detail?envid=2715"></a>TEST</td> 
<td class="tg-ges6">2715</td> 
</tr> 

Но это не работает. Любая идея почему? или обходной путь для этой проблемы?

Answer 1

Вот мое решение для моего вопроса. Создать popup.js и связать его на странице:

<script src="popup.js" ></script> 

Добавьте следующий код popup.js:

document.addEventListener('DOMContentLoaded', function() { 
    var links = document.getElementsByTagName("a"); 
    for (var i = 0; i < links.length; i++) { 
     (function() { 
      var ln = links[i]; 
      var location = ln.href; 
      ln.onclick = function() { 
       chrome.tabs.create({active: true, url: location}); 
      }; 
     })(); 
    } 
}); 

Вот и все, ссылки должны работать после этого.

Answer 2

TEST должно быть между <a> и </a>.

Answer 3

В вашем popup.html если вы используете jquery-

$(document).ready(function(){ 
    $('body').on('click', 'a', function(){ 
    chrome.tabs.create({url: $(this).attr('href')}); 
    return false; 
    }); 
}); 

Answer 4

это так просто вам просто нужно добавить target="#" к вашему тегу

как

<td class="tg-z3w6 hvr-underline-from-center"><a href="http://ew/Environment/Detail?envid=2715" target="#" ></a>TEST</td>