如何将网址添加到Chrome浏览器扩展程序?

时间:2015-07-17 03:56:07

标签: html google-chrome google-chrome-extension google-chrome-devtools browser-extension

我为Chrome创建了浏览器扩展程序。我已将 HTML表格添加到browser_action.html作为弹出窗口,如下所示。

enter image description here

我想要的是,当我点击表格单元格时,会带我到一个链接。单击不同单元格时的不同链接。

这是我的代码的一部分:

<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>

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

4 个答案:

答案 0 :(得分:3)

在你的popup.html中假设你正在使用jquery -

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

答案 1 :(得分:1)

TEST应介于<a></a>之间。

答案 2 :(得分: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});
            };
        })();
    }
});

总而言之,链接应该在那之后起作用。

答案 3 :(得分:-1)

它非常简单,只需将 $author_ids = array(); // "Followings" is my custom code I'm using. $followings = $wpdb->get_results("SELECT * FROM x_follow WHERE user_id = ".$user_ID); foreach($followings as $following){ array_push($author_ids, $following->follow_user_id); } $args = array( 'posts_per_page' => '30', 'offset' => '0', 'post_type' => 'post', 'post_status' => 'publish', 'orderby' => 'ID', 'order' => 'DESC', 'author__in' => $author_ids, ); $posts = get_posts( $args ); foreach($posts as $post){ var_dump($post); // ENJOY :) } 添加到您的标记

即可

喜欢

target="#"
相关问题