Chrome extension: How to open a link in new tab?
Question
In my Stackoverflow folder, I have stackoverflow.ico and 2 bellow files. When importing it to Chrome, it shows the icon in address bar, but when I click on it, Chrome doesn't open any new tab. What am I doing wrong?
manifest.json
{
"name": "Stackoverflow",
"version": "1",
"browser_action":
{
"default_icon": "stackoverflow.ico"
},
"background":
{
"page": "index.html"
},
"permissions": ["tabs"],
"manifest_version": 2
}
index.html
<html>
<head>
<script>
chrome.browserAction.onClicked.addListener(function(activeTab)
{
var newURL = "http://stackoverflow.com/";
chrome.tabs.create({ url: newURL });
});
</script>
</head>
</html>
4 answers
solution1
130 ACCPTED 2013-05-12 05:46:10
The problem is that you are violating manifest version 2's content security policy . To fix it all you have to do is get rid of inline script, in this case your background page . Turn it into a background script like this:
manifest.json
"background":{
"scripts": ["background.js"]
},
background.js
chrome.browserAction.onClicked.addListener(function(activeTab){
var newURL = "http://stackoverflow.com/";
chrome.tabs.create({ url: newURL });
});
If, for some reason, you do need it to be a page, then simply include the script as an external file and declare it as a page like before.
solution2
24 2018-08-03 13:55:29
在我的情况下，当我单击扩展弹出窗口中的链接时，我需要在新选项卡中打开链接，它在target属性设置为_blank时工作正常：
<a href="http://www.example.com" target="_blank">Example</a>
solution3
5 2018-10-01 15:07:43
I would prefer simpler solution - just add action to onclick
$('body').on('click', 'a[target="_blank"]', function(e){
e.preventDefault();
chrome.tabs.create({url: $(this).prop('href'), active: false});
return false;
});
This will open all links (even links that were dynamically created) that have target="_blank" attribute in a new tab without loosing popup focus.
solution4
0 2021-10-19 21:22:59
You do not need jQuery. Just use window.open("http://example.com", "_blank") .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.