javascript - 当单击弹出窗口中的名称在新选项卡中打开链接时？

Question

我有一个 Chrome 扩展程序，可以在弹出窗口中获取来自 Facebook 的好友请求。我已收到弹出窗口中的所有好友请求。当我单击好友请求的姓名时，我想在新选项卡中打开他/她的个人资料。我有他们的个人资料的所有链接。我将它们保存在 localStorage 中并在弹出窗口中获取它们。但是当我点击名字时，它不会打开他/她的个人资料。有人可以帮我打开他们的个人资料吗？

这是我的代码:

//content.js


let value  = $('.bl').html();
chrome.storage.local.set({friends:  value}, function() {

}); 

let lengths = $('.bl').children();
let num = lengths.length;
console.log(num);
chrome.storage.local.set({leng: num});


$(".bl a.bo").each(function( index ) {
    let hrefs = $( this ).attr('href');
    chrome.storage.local.set({link: hrefs});
    console.log(hrefs)
  });

//popup.js
chrome.storage.local.get(['friends','leng','link'],function(result) {
   $(".ul_list").html(result.friends);
   $('.userNum').html(result.leng);

   $('a.bo').attr('onclick',"window.open(result.link)");
  });

  chrome.storage.onChanged.addListener(changes => {
   if (changes.friends) {

   }
});

Answer 1

如果您检查弹出窗口的开发工具控制台，您可能会看到有关内联 JavaScript 代码被阻止的错误。弹出窗口是一个单独的窗口，因此它有自己的开发工具，您可以通过在弹出窗口内右键单击以显示上下文菜单来打开它，然后单击菜单中的“检查”。

解决方案是添加 target=_blank 属性。
将 $('a.bo').attr('onclick',"window.open(result.link)"); 替换为:

$('a.bo').attr({href: result.link, target: '_blank'});