chrome扩展,修改url并在新标签中打开它

时间:2016-06-23 20:11:44

标签: javascript google-chrome google-chrome-extension

尝试编写镀铬扩展名:
1.获取当前的浏览器URL 2.在其中间添加文字
3.在新文本中打开新网址

我创建了一个js文件,它将url作为字符串并输出一个新字符串,但是当点击扩展图标时我无法触发它。 (我似乎无法实现chrome.tabs api ...)

我尝试过使用:default_popup = popup.html
和背景 - backgroud.js

但似乎没有变化。 (在每次尝试中我都相应地更新了manifest.json)

这听起来应该相当容易,但我不能让它发挥作用。

任何提示都会有所帮助!
谢谢!

popup.html

的一个版本
<!doctype html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body>
</body>
</html>

这是我的 manifest.json:

{
"name":"Add to Url",
"description":"This Adds Text to a URL and Opens it in a New Browser",
"browser_action":{
"default_icon":"screen.png",
"default_popup":"popup.html"
},
"permissions":["tabs", "activeTab"],
"manifest_version":2,
"version":"1"
}

我的js文件是:

chrome.browserAction.onClicked.addListener(function(tab) {
    var url = tab.url;
    var string = url,
        substring = ".com";
    var stringl=string.length-1;
    var subl=substring.length;
    var indx = string.indexOf(substring);
    var part1= indx+subl;
    var url1 ="";
    for (var j=0; j<part1; j++) {
        url1 += string[j];
    };
    var url2="";
    for (var k=part1; k<=stringl; k++) {
          url2 += string[k];
    };
    var urladd  = "/add-text-here/";
    var newUrl = url1+urladd+url2;
    chrome.tabs.create({ url: "newUrl" });
    }

1 个答案:

答案 0 :(得分:-1)

所以我想出了扩展的东西,但我最终发现了bookmarklet - 你可以搜索&#39;生成bookmarklet&#39;通过键入将函数直接发送到生成器的命令,我创建了一个书签,点击它时就像调用函数一样。 然后使用window.open(&#39; http:// rest-of-url&#39;)我可以在新标签页中打开新网页。 :) 谢谢大家!