如何使用chrome扩展名从网站上按类名获取文本?

时间:2019-02-20 09:05:54

标签: jquery google-chrome-extension

我正在尝试使用chrome扩展名从网站获取文本。文本从网站自动更新。下面是我的popup.js文件的代码

let changeColor = document.getElementById('Start');
    chrome.storage.sync.get('color', function(data) {
        changeColor.style.backgroundColor = data.color;
        changeColor.setAttribute('value', data.color);
      });

      changeColor.onclick = function(element) {
        let color = element.target.value;
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
          chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
            chrome.tabs.executeScript(null, { file: "inject.js" });
        });
        });
      }; 

还有inject.js代码

    var asd =  $(".txt-big ng-binding :first").text();
    console.log(asd); // get nothing here
    $(".txt-big ng-binding :first").change(function(){
    console.log($(".txt-big ng-binding").text()); // it doesn't get executed
    });

对于第一个console.log是空的。

第二个console.log我注意到了。 我如何应用变更方法并在变更后获得价值? 谢谢。

1 个答案:

答案 0 :(得分:0)

我稍微更改了一个代码。更改功能用于输入单选按钮等

$(document).ready(function(){
    var asd =  $(".txt-big").eq(1).text();
    console.log(asd);
    $(".txt-big").on('DOMSubtreeModified',function(){
      console.log("eeff");
    });
  });