blocks|key|1371911|text|问题是chrome.tabs.getSelected是异步的。下面的代码通常不会像预期的那样工作。因为getSelected还没有调用重置值的回调，所以在写入控制台时，'tablink‘的值仍然是未定义的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1371912|var+tablink;
chrome.tabs.getSelected(null,function(tab)+{
++++tablink+=+tab.url;
});
console.log(tablink);|code-block|syntax|javascript|1371913|解决方案是包装代码，您将在其中使用函数中的值，并由getSelected调用该值。通过这种方式，您可以保证始终设置一个值，因为您的代码在执行之前必须等待提供该值。|1371914|尝试如下所示：|1371915|chrome.tabs.getSelected(null,+function(tab)+{
++++myFunction(tab.url);
});

function+myFunction(tablink)+{
++//+do+stuff+here
++console.log(tablink);
}|1371916|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The problem is that chrome.tabs.getSelected is asynchronous. This code below will generally not work as expected. The value of 'tablink' will still be undefined when it is written to the console because getSelected has not yet invoked the callback that resets the value:

<pre><code>var tablink;
chrome.tabs.getSelected(null,function(tab) {
 tablink = tab.url;
});
console.log(tablink);
</code></pre>

The solution is to wrap the code where you will be using the value in a function and have that invoked by getSelected. In this way you are guaranteed to always have a value set, because your code will have to wait for the value to be provided before it is executed.

Try something like:

<pre><code>chrome.tabs.getSelected(null, function(tab) {
 myFunction(tab.url);
});

function myFunction(tablink) {
 // do stuff here
 console.log(tablink);
}
</code></pre>

blocks|key|1157053|text|这是一种非常简单的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1157054|window.location.toString();++|code-block|syntax|javascript|1157055|你可能不得不这样做的内容脚本，因为它具有所有的功能，一个js文件可以在网页上，甚至更多。|1157056|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is a pretty simple way
<pre><code>window.location.toString(); 
</code></pre>
You probaly have to do this is the content script because it has all the functions that a js file on a wepage can have and more.

blocks|key|1371849|text|嗨，这是一个Google+Chrome示例，它通过电子邮件将当前站点发送给一个朋友。其背后的基本思想是你获取所有的want...first它获取页面的内容(对你不感兴趣)...afterwards它获取URL+(<--好的部分)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1371850|此外，这是一个很好的工作代码示例，我更喜欢它而不是阅读文档。|1371851|可在此处找到：Email+this+page|offset|length|1371852|entityMap|0|LINK|mutability|MUTABLE|url|http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/extensions/email_this_page/^0|0|0|7|F|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Hi here is an Google Chrome Sample which emails the current Site to an friend. The Basic idea behind is what you want...first of all it fetches the content of the page (not interessting for you)...afterwards it gets the URL (&lt;-- good part)

Additionally it is a nice working code example, which i prefer motstly over reading Documents.

Can be found here:
<a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/extensions/email_this_page/" rel="nofollow noreferrer">Email this page</a>

blocks|key|1157008|text|此解决方案已经过测试。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1157009|在manifest.json中设置接口权限|1157010|"permissions":+[+...
+++"tabs",
++++"activeTab",
++++"<all_urls>"
]|code-block|syntax|javascript|1157011|第一次加载调用函数时。https://developer.chrome.com/extensions/tabs#event-onActivated|offset|length|1157012|chrome.tabs.onActivated.addListener((activeInfo)+=>+{++
++sendCurrentUrl()
})|1157013|在更改呼叫功能上。https://developer.chrome.com/extensions/tabs#event-onSelectionChanged|1157014|chrome.tabs.onSelectionChanged.addListener(()+=>+{
++sendCurrentUrl()
})|1157015|获取URL的函数|1157016|function+sendCurrentUrl()+{
++chrome.tabs.getSelected(null,+function(tab)+{
++++var+tablink+=+tab.url
++++console.log(tablink)
++})|1157017|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.chrome.com/extensions/tabs#event-onActivated|1|https://developer.chrome.com/extensions/tabs#event-onSelectionChanged^0|0|0|0|B|1Q|0|0|0|9|1X|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|19|8|@]|9|@$K|1A|L|1B|1|1C]]|A|$]]|$1|M|3|N|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|1E|8|@]|9|@$K|1F|L|1G|1|1H]]|A|$]]|$1|Q|3|R|5|F|7|1I|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1J|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1K|8|@]|9|@]|A|$G|H]]|$1|W|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|15]]]]

This Solution is already TESTED.

set permissions for API in manifest.json

<pre><code>"permissions": [ ...
 "tabs",
 "activeTab",
 "&lt;all_urls&gt;"
]
</code></pre>

On first load call function. <a href="https://developer.chrome.com/extensions/tabs#event-onActivated" rel="nofollow noreferrer">https://developer.chrome.com/extensions/tabs#event-onActivated</a>

<pre><code>chrome.tabs.onActivated.addListener((activeInfo) =&gt; { 
 sendCurrentUrl()
})
</code></pre>

On change call function. <a href="https://developer.chrome.com/extensions/tabs#event-onSelectionChanged" rel="nofollow noreferrer">https://developer.chrome.com/extensions/tabs#event-onSelectionChanged</a>

<pre><code>chrome.tabs.onSelectionChanged.addListener(() =&gt; {
 sendCurrentUrl()
})
</code></pre>

the function to get the URL

<pre><code>function sendCurrentUrl() {
 chrome.tabs.getSelected(null, function(tab) {
 var tablink = tab.url
 console.log(tablink)
 })
</code></pre>

blocks|key|1156968|text|对于那些使用context+menu+api的用户，文档中并不清楚如何获取选项卡信息。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1156969|++chrome.contextMenus.onClicked.addListener(function(info,+tab)+{
++++console.log(info);
++++return+console.log(tab);
++});|code-block|syntax|javascript|1156970|https://developer.chrome.com/extensions/contextMenus|1156971|entityMap|0|LINK|mutability|MUTABLE|url^0|6|G|0|0|0|1G|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|W|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|L]]]]

For those using the <code>context menu api</code>, the docs are not immediately clear on how to obtain tab information.

<pre><code> chrome.contextMenus.onClicked.addListener(function(info, tab) {
 console.log(info);
 return console.log(tab);
 });
</code></pre>

<a href="https://developer.chrome.com/extensions/contextMenus" rel="nofollow">https://developer.chrome.com/extensions/contextMenus</a>

blocks|key|1372413|text|如果您想要存储通过chrome扩展打开或看到的URL的完整扩展：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1372414|在您的背景中使用此选项：|1372415|openOptionsPage+=+function+(hash)+{
++chrome.tabs.query({+url:+options_url+},+function+(tabs)+{
++++if+(tabs.length+>+0)+{
++++++chrome.tabs.update(
++++++++tabs[0].id,
++++++++{+active:+true,+highlighted:+true,+currentWindow:+true+},

++++++++function+(current_tab)+{
++++++++++chrome.windows.update(current_tab.windowId,+{+focused:+true+});
++++++++}
++++++);
++++}+else+{
++++++window.addEventListener(hash,+function+()+{
++++++++//url+hash+#+has+changed
++++++++console.log("+//url+hash+#+has+changed+3");
++++++});
++++++chrome.tabs.create({
++++++++url:+hash+!==+undefined+?+options_url+%2B+"#"+%2B+hash+:+options_url,
++++++});
++++}
++});
};|code-block|syntax|javascript|1372416|您还需要index.html文件。您可以在此Github中找到清单文件，如下所示：|offset|length|1372417|{
++"manifest_version":+2,
++"name":+"ind+count+the+Open+Tabs+in+browser+",
++"version":+"0.3.2",
++"description":+"Show+open+tabs",
++"homepage_url":+"https://github.com/sylouuu/chrome-open-tabs",
++"browser_action":+{},
++"content_security_policy":+"script-src+'self'+https://ajax.googleapis.com+https://www.google-analytics.com;+object-src+'self'",

++"options_page":+"options.html",
++"content_scripts":+[
++++{
++++++"matches":+["<all_urls>"],
++++++"js":+["content.js"]
++++}
++],
++"background":+{
++++"scripts":+["background.js"]
++},

++"web_accessible_resources":+["img/*.png"],

++"permissions":+["tabs",+"storage"]
}|1372418|​|1372419|📷|atomic|1372420|1372421|在这个Github上可以找到simple应用的完整版本：|1372422|https://github.com/Farbod29/extract-and-find-the-new-tab-from-the-browser-with-chrome-extention|1372423|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/fe8d1f1d636b103c37b4ea2dd183048c.png|imageAlt|2^0|0|0|0|M|6|0|0|0|0|0|1|1|0|0|0|0|2N|2|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1F|8|@]|9|@$K|1G|L|1H|1|1I]]|A|$]]|$1|M|3|N|5|F|7|1J|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1L|8|@]|9|@$K|1M|L|1N|1|1O]]|A|$]]|$1|T|3|P|5|6|7|1P|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1R|8|@]|9|@$K|1S|L|1T|1|1U]]|A|$]]|$1|Y|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|X]]|15|$5|16|12|17|A|$18|19|1A|-4]]|1B|$5|11|12|13|A|$14|X]]]]

If you want the full extension that store the URLs that opened or seen by the use via chrome extension:
use this option in your background:
<pre><code>openOptionsPage = function (hash) {
 chrome.tabs.query({ url: options_url }, function (tabs) {
 if (tabs.length &gt; 0) {
 chrome.tabs.update(
 tabs[0].id,
 { active: true, highlighted: true, currentWindow: true },

 function (current_tab) {
 chrome.windows.update(current_tab.windowId, { focused: true });
 }
 );
 } else {
 window.addEventListener(hash, function () {
 //url hash # has changed
 console.log(&quot; //url hash # has changed 3&quot;);
 });
 chrome.tabs.create({
 url: hash !== undefined ? options_url + &quot;#&quot; + hash : options_url,
 });
 }
 });
};
</code></pre>
you need index.html file also. which you can find in the this <a href="https://github.com/Farbod29/extract-and-find-the-new-tab-from-the-browser-with-chrome-extention" rel="nofollow noreferrer">Github</a>
the manifest file should be like this:
<pre><code>{
 &quot;manifest_version&quot;: 2,
 &quot;name&quot;: &quot;ind count the Open Tabs in browser &quot;,
 &quot;version&quot;: &quot;0.3.2&quot;,
 &quot;description&quot;: &quot;Show open tabs&quot;,
 &quot;homepage_url&quot;: &quot;https://github.com/sylouuu/chrome-open-tabs&quot;,
 &quot;browser_action&quot;: {},
 &quot;content_security_policy&quot;: &quot;script-src 'self' https://ajax.googleapis.com https://www.google-analytics.com; object-src 'self'&quot;,

 &quot;options_page&quot;: &quot;options.html&quot;,
 &quot;content_scripts&quot;: [
 {
 &quot;matches&quot;: [&quot;&lt;all_urls&gt;&quot;],
 &quot;js&quot;: [&quot;content.js&quot;]
 }
 ],
 &quot;background&quot;: {
 &quot;scripts&quot;: [&quot;background.js&quot;]
 },

 &quot;web_accessible_resources&quot;: [&quot;img/*.png&quot;],

 &quot;permissions&quot;: [&quot;tabs&quot;, &quot;storage&quot;]
}
</code></pre>
<a href="https://i.stack.imgur.com/3Ao3f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3Ao3f.png" alt="All unique seen URL stored in an array depicted in browser console" /></a>
The full version of simple app can be found here on this Github:
<a href="https://github.com/Farbod29/extract-and-find-the-new-tab-from-the-browser-with-chrome-extention" rel="nofollow noreferrer">https://github.com/Farbod29/extract-and-find-the-new-tab-from-the-browser-with-chrome-extention</a>

blocks|key|1157393|text|实际上是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1157394|+chrome.tabs.onActivated.addListener(
++({tabId})+=>+{
++++chrome.tabs.get(tabId,+function(tab){
++++++console.log(you+are+here+from+activated:+tab.url);
++++});
++},
)|code-block|syntax|javascript|1157395|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Actually this is the way:
<pre><code> chrome.tabs.onActivated.addListener(
 ({tabId}) =&gt; {
 chrome.tabs.get(tabId, function(tab){
 console.log(you are here from activated: tab.url);
 });
 },
)
</code></pre>

I'm having fun with Google Chrome extension, and I just want to know how can I store the URL of the current tab in a variable?

How can I get the URL of the current tab from a Google Chrome extension?

我对Google Chrome扩展很感兴趣，我只想知道如何将当前标签页的URL存储在变量中？

问如何从Google Chrome扩展中获取当前选项卡的URL？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Google Chrome扩展中获取当前选项卡的URL？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Google Chrome扩展中获取当前选项卡的URL？
EN