Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何向Chrome浏览器扩展添加URL?_Html_Google Chrome_Google Chrome Extension_Google Chrome Devtools_Browser Extension - Fatal编程技术网

Html 如何向Chrome浏览器扩展添加URL?

Html 如何向Chrome浏览器扩展添加URL?,html,google-chrome,google-chrome-extension,google-chrome-devtools,browser-extension,Html,Google Chrome,Google Chrome Extension,Google Chrome Devtools,Browser Extension,我已经为Chrome创建了一个浏览器扩展。我已经在浏览器中添加了一个HTML表格,作为弹出窗口,如下所示 我想要的是,当我点击一个表格单元格时,会带我到一个链接。单击不同单元格时会出现不同的链接 这是我代码的一部分: <tr> <td class="tg-z3w6 hvr-underline-from-center"><a href="http://ew/Environment/Detail?envid=2715"></a>TEST</td

我已经为Chrome创建了一个浏览器扩展。我已经在浏览器中添加了一个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>

试验
2715

但它不起作用。知道为什么吗?或者解决此问题的方法?

测试应介于

之间,假设您使用的是jquery,则测试应介于弹出窗口.html中的

之间-

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

在popup.html中,假设您正在使用jquery-

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

这是我对自己问题的解答。 创建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});
            };
        })();
    }
});
document.addEventListener('DOMContentLoaded',函数(){
var links=document.getElementsByTagName(“a”);
对于(变量i=0;i

就这些,链接在那之后应该会起作用。

这是我对自己问题的解决方案。 创建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});
            };
        })();
    }
});
document.addEventListener('DOMContentLoaded',函数(){
var links=document.getElementsByTagName(“a”);
对于(变量i=0;i

仅此而已,链接在此之后应该会起作用。

非常简单,您只需将
target=“#”
添加到a标记中即可

测试

您只需将
target=“#”
添加到您的a标记中即可

测试

你想在popup.html或chrome选项卡中打开链接吗?你想在popup.html或chrome选项卡中打开链接吗?我试过了,URL也是“可点击”的,但还不能工作。我试过了,URL也是“可点击”的,但还不能工作。谢谢:)我实际上无法让它工作,所以我没有jQueryTanks:)我实际上无法让它工作,所以我没有jQuerySet撇开它是否在扩展中工作,
target=“#”
对于任何网页都不是一个好主意。您希望使用
target=“\u blank”
或使您的目标名称具有语义意义。请参阅。抛开这是否适用于扩展,
target=“#”
对于任何网页都不是一个好主意。您希望使用
target=“\u blank”
或使您的目标名称具有语义意义。看见