Chrome拡張機能。新しく、何が間違っていたのかわからない

これは私の最初のプロジェクトであり、クリックしたときに現在のURLのセクションを編集する簡単なクロム拡張を作成しようとしています。しかし、クリックするたびに何も実行されません。タブのURLを実際に操作して変更するにはどうすればよいですか？ここは、私がChrome拡張機能。新しく、何が間違っていたのかわからない

manifest.jsonを

{ 
"name": "HalfScreen", 
"version": "1.0", 
"manifest_version": 2, 
"description": "Larger window screen for youtube", 
"browser_action": { 
    "default_icon": "icon.png" 
     }, 

"permissions": [ 
    "tabs" 
], 

"content_scripts": [ 
{ 
"matches": ["https://www.youtube.com/watch*", "http://www.youtube.com/watch*"], 
    "js": ["inject.js"] 
    } 
], 

"background": { 
    "scripts": ["background.js"] 

}

Background.js

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; 
});

inject.js

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

私はどんな提案を開いてる持っているものです。私はこれに新しいので、いくつかのヒントが必要です。どうもありがとう。

出典

2017-01-28 Carlos A Rodriguez

私はあなたがこれについて話していると思うhttp://stackoverflow.com/a/42143480/6738841 –

-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'" 
}

出典

2017-01-30 23:49:19

だから問題は何ですか？ – Ibu

うわー、ありがとう。私はちょうどあなたのコードを読んで多くを学んだ。あなたはそれが働いていることをさらに今ではそれで遊ぶことを楽しみにしています。乾杯。 –

@CarlosARodriguez喜んで助けてください。他の質問がある場合は、遠ざかりましょう！ –

Chrome拡張機能。新しく、何が間違っていたのかわからない

答えて

関連する問題