Fatal编程技术网
  • javascript/
  • Javascript 铬延伸。新的和don'；我不知道我做错了什么

Javascript 铬延伸。新的和don'；我不知道我做错了什么

javascript google-chrome debugging url

Javascript 铬延伸。新的和don'；我不知道我做错了什么,javascript,google-chrome,debugging,url,Javascript,Google Chrome,Debugging,Url,这是我的第一个项目，我正在尝试制作一个简单的chrome扩展，点击它可以编辑当前URL的一部分。但每当我点击它，什么都不会运行。 我如何使它实际与标签URL交互并更改标签URL？ 这是我的 Manifest.json { "name": "HalfScreen", "version": "1.0", "manifest_version": 2, "description": "Larger window screen for youtube", "browser_action": { "

这是我的第一个项目，我正在尝试制作一个简单的chrome扩展，点击它可以编辑当前URL的一部分。但每当我点击它，什么都不会运行。 我如何使它实际与标签URL交互并更改标签URL？ 这是我的

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);
我愿意接受任何建议。我是新手，需要一些提示。非常感谢。

我拿了你的代码，一直玩到它开始工作。这就是结果。对我有用

.HTML：

manifest.json：

有什么问题吗？哇，非常感谢你。通过阅读您的代码，我学到了很多。期待着玩它，甚至更多，现在你得到它的工作。Cheers@CarlosARodriguez很乐意帮忙。如果你有任何其他问题，请立即提问！提示：如果此扩展的唯一用途是您所描述的，那么您可能希望删除该按钮，只需单击扩展图标即可调用该功能。不需要打开一个页面就可以点击一个按钮。图标可以作为按钮。虽然这个代码片段可以解决这个问题，但确实有助于提高您的文章质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满你的代码，这会降低代码和解释的可读性！我想你是在谈论这个 
<!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>

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