Chrome扩展程序。新的,不知道我做错了什么

时间:2017-01-28 21:18:40

标签: javascript google-chrome debugging url

这是我的第一个项目,我正在尝试制作一个简单的Chrome扩展程序,点击后可以编辑当前网址的一部分。但每当我点击它,没有任何运行。 如何让它实际交互并更改选项卡URL? 这就是我所拥有的

的manifest.json

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.query({
    active: true, 
    currentWindow: true}, 
    function(tabs)
{
var tab = tabs[0];
var myUrl = tab.url;

chrome.tabs.executeScript (null, { file: inject.js });
    var URL = request.url;
});

Background.js

var pageInfo = {
"url": window.location.href
};
window.location = url.replace('watch?v=', 'v/');
chrome.runtime.sendMessage(pageInfo);

inject.js

{{1}}

我愿意接受任何建议。我是新手,需要一些提示。非常感谢。

1 个答案:

答案 0 :(得分:-1)

我拿了你的代码并玩弄它直到我开始工作。这是结果。适合我。

  

.HTML:

<!doctype html>
<html>
   <head>
      <title>YouTube Large Viewer</title>

      <script type="text/javascript" src="script.js"></script>
   </head>
   <body>
         <button id = "button" type="button">click me</button>
   </body>
</html>
  

.JS:

window.addEventListener("load", loadFunctions);

function loadFunctions() {
    document.getElementById("button").addEventListener("click", function(){
         chrome.tabs.query({'active': true, 'windowId': chrome.windows.WINDOW_ID_CURRENT},
         function(tabs){
            chrome.tabs.create({url: tabs[0].url.replace('watch?v=', 'v/')
         });
      });
   });
}
  

的manifest.json:

{
  "manifest_version": 2,

  "name": "HalfScreen",
  "description": "Larger window screen for YouTube.",
  "version": "1.0",
  "browser_action": {
   "default_icon": "images/favicon.png",
   "default_popup": "index.html"
  },
  "icons": { 
    "60": "images/icon.png" 
  },
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}