Html 如何向Chrome浏览器扩展添加URL?
我已经为Chrome创建了一个浏览器扩展。我已经在浏览器中添加了一个HTML表格,作为弹出窗口,如下所示 我想要的是,当我点击一个表格单元格时,会带我到一个链接。单击不同单元格时会出现不同的链接 这是我代码的一部分: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
<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”
或使您的目标名称具有语义意义。看见