在构建 chrome 扩展程序时无法与页面的 DOM 交互

Question

伙计们，我正在尝试创建这样的东西。https://www.uploady.com/#!/download/3FQNqMKaxCu/WnMhnfYaXKXRSTVv 或者你可以想象一个"固定它"类型的按钮，以防任何文本被突出显示。

如果我的问题看起来很小，我很抱歉，但我刚刚开始编程。

我无法使内容脚本中的代码正常工作。有人可以指出我可能出错的地方吗？

这是我尝试执行的代码。每当我选择任何文本时，我想在任何网页上启动一个警报框。稍后我将像图像中一样将其替换为实际按钮。这是代码

我的脚本.js

    function getSelectedText()
    {
        var txt = '';
         if (window.getSelection)
        {
            txt = window.getSelection();
                 }
        else if (document.getSelection)
        {
            txt = document.getSelection();
                }
        else(document.selection)
        {
            txt = document.selection.createRange().text;
                }
    return txt;
    }

      $('window').mouseup(function() {
        var text=getSelectedText();
        if (text!='') alert(text);
    });

这是我的清单.json文件

// JavaScript Document
    {    
        "manifest_version": 2,
        "name":"knowledge maps extension",
        "version":"1.0",
        "description":"",
        "browser_action":{ 
        "default_icon":"logo1.png",
        "default_popup": "popup.html"
                },
        "background":{
        "scripts":["background.js"],
       "persistent": false},

        "permissions": [ "tabs","http://*/*", "https://*/*" , "contextMenus"],
         "web_accessible_resources": [ "jquery-1.10.1.min.map", "frame.html" ],
     "homepage_url": "http://localhost/trial/Untitled-1.php",
     "content_scripts": [ {
      "js": [ "jquery-1.10.1.min.js","myscript.js"],      
      "css": ["mystyles.css"],
      "matches": [ "http://*/*", "https://*/*" ],
      "run_at": "document_start"
   } ]
   }

有人可以指出我是否在正确的方向上。我想如果我可以让警报响起，我可以通过使用 jquery 添加一个按钮来轻松替换它。我想保持我的代码简单，所以我一次

Answer 1

您不应该将代码包装在<script>标签中：Chrome 需要的是 JS 源文件，而不是 HTML 代码段。

请调试您的代码：查看控制台和开发工具的一般情况。