javascript-单击按钮如何获取Chrome中的当前URL

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-单击按钮如何获取Chrome中的当前URL，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1118字，纯文字阅读大概需要2分钟。

内容图文

我正在制作一个Chrome扩展程序,该扩展程序共享到一个网站的URL.现在,我需要一个可以在浏览器中导航当前URL的代码.当我单击图标时,我想打开新选项卡(http://www.thatsite.com/sharer.php?u=当前URL).

我有两个文件：

manifest.json

{
    "name": "Share on that site",
    "version": "1",
    "browser_action": {
        "default_icon": "icon.png"
    },
    "background": {
        "scripts": ["background.js"]
    },
    "permissions": ["tabs"],
    "manifest_version": 2
}

和background.js

chrome.browserAction.onClicked.addListener(function(activeTab){
    var newURL = "http://www.leegly.com/sharer.php?u=" + <current URL here>;
    chrome.tabs.create({ url: newURL });
});

解决方法:

调度chrome.browserAction.onClicked事件时,第一个参数保存有关当前选项卡的信息.

要获取当前选项卡的URL,请首先在清单文件中请求activeTab permission(不需要选项卡权限,可以将其忽略).然后,获取URL就像阅读tab.url一样简单：

chrome.browserAction.onClicked.addListener(function(tab) {
    var url_encoded_url = encodeURIComponent(tab.url);
    var newURL = "http://www.leegly.com/sharer.php?u=" + url_encoded_url;
    chrome.tabs.create({ url: newURL });
});

请注意,我使用的是encodeURIComponent.如果没有使用此命令,则如果当前URL包含“&”号,您的代码将失败.

内容总结

以上是互联网集市为您收集整理的javascript-单击按钮如何获取Chrome中的当前URL全部内容，希望文章能够帮你解决javascript-单击按钮如何获取Chrome中的当前URL所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端