Javascript “如何倾听”；meta"；使用jquery在页面上更改属性？

我正在写一个chrome扩展，我想在这里听到页面上DOM的变化。最初，当页面加载时，“head”具有

但是在点击另一个链接后，页面会执行ajax并更改DOM

我有这个代码来监听头部的变化。但它并没有捕捉到变化

$('head').on("DOMSubtreeModified", function(e){
   title = $('meta[property=og\\:title]').attr("content");
   console.log('Title - ' + title);
});

我如何倾听并捕捉这种变化

当我执行

var title=$（'meta[property=og\\\：title'）时。attr（“content”）

标题始终为“XYZ”，并且不会更改为“ABC”
不清楚如何更改元标记值。但是正如您所说，当点击链接时，会有一个ajax调用，然后它会更改meta标记。如果是这样，您可以捕获ajax完成事件并获取meta标记的值

$( document ).ajaxComplete(function() {
   title = $('meta[property=og\\:title]').attr("content");
   console.log('Title - ' + title);
});

在Chrome扩展中，您可以使用以下代码

var scriptContent = '(' + function() {
    $(document).ajaxComplete(function() { 
      var title = $('meta[property=og\\:title]').attr("content");
      console.log('Title - ' + title);    
    });
} + ')();';
var script = document.createElement('script');
script.textContent = scriptContent;
(document.head||document.documentElement).appendChild(script);

不清楚如何更改元标记值。但是正如您所说，当点击链接时，会有一个ajax调用，然后它会更改meta标记。如果是这样，您可以捕获ajax完成事件并获取meta标记的值

$( document ).ajaxComplete(function() {
   title = $('meta[property=og\\:title]').attr("content");
   console.log('Title - ' + title);
});

在Chrome扩展中，您可以使用以下代码

var scriptContent = '(' + function() {
    $(document).ajaxComplete(function() { 
      var title = $('meta[property=og\\:title]').attr("content");
      console.log('Title - ' + title);    
    });
} + ')();';
var script = document.createElement('script');
script.textContent = scriptContent;
(document.head||document.documentElement).appendChild(script);

不清楚如何更改元标记值。但是正如您所说，当点击链接时，会有一个ajax调用，然后它会更改meta标记。如果是这样，您可以捕获ajax完成事件并获取meta标记的值

$( document ).ajaxComplete(function() {
   title = $('meta[property=og\\:title]').attr("content");
   console.log('Title - ' + title);
});

在Chrome扩展中，您可以使用以下代码

var scriptContent = '(' + function() {
    $(document).ajaxComplete(function() { 
      var title = $('meta[property=og\\:title]').attr("content");
      console.log('Title - ' + title);    
    });
} + ')();';
var script = document.createElement('script');
script.textContent = scriptContent;
(document.head||document.documentElement).appendChild(script);

不清楚如何更改元标记值。但是正如您所说，当点击链接时，会有一个ajax调用，然后它会更改meta标记。如果是这样，您可以捕获ajax完成事件并获取meta标记的值

$( document ).ajaxComplete(function() {
   title = $('meta[property=og\\:title]').attr("content");
   console.log('Title - ' + title);
});

在Chrome扩展中，您可以使用以下代码

var scriptContent = '(' + function() {
    $(document).ajaxComplete(function() { 
      var title = $('meta[property=og\\:title]').attr("content");
      console.log('Title - ' + title);    
    });
} + ')();';
var script = document.createElement('script');
script.textContent = scriptContent;
(document.head||document.documentElement).appendChild(script);

您可以使用
MutationObserver
来监听对
元素所做的任何更改

例如：

var ob = new MutationObserver(function(mutations){
  mutations.forEach(function(m){
    if (m.type === 'attributes' && m.attributeName === 'content') {
      // Do something
    }
});

ob.observe($('meta[property=og\\:title]')[0], {attributes: true});

另请参见：
您可以使用
MutationObserver
来监听对
元素所做的任何更改

例如：

var ob = new MutationObserver(function(mutations){
  mutations.forEach(function(m){
    if (m.type === 'attributes' && m.attributeName === 'content') {
      // Do something
    }
});

ob.observe($('meta[property=og\\:title]')[0], {attributes: true});

另请参见：
您可以使用
MutationObserver
来监听对
元素所做的任何更改

例如：

var ob = new MutationObserver(function(mutations){
  mutations.forEach(function(m){
    if (m.type === 'attributes' && m.attributeName === 'content') {
      // Do something
    }
});

ob.observe($('meta[property=og\\:title]')[0], {attributes: true});

另请参见：
您可以使用
MutationObserver
来监听对
元素所做的任何更改

例如：

var ob = new MutationObserver(function(mutations){
  mutations.forEach(function(m){
    if (m.type === 'attributes' && m.attributeName === 'content') {
      // Do something
    }
});

ob.observe($('meta[property=og\\:title]')[0], {attributes: true});

另请参见：
我将此作为chrome扩展编写。所以我没有访问ajax调用的权限。对不起，我错过了那部分。将更新问题，我将此作为chrome扩展写。所以我没有访问ajax调用的权限。对不起，我错过了那部分。将更新问题，我将此作为chrome扩展写。所以我没有访问ajax调用的权限。对不起，我错过了那部分。将更新问题，我将此作为chrome扩展写。所以我没有访问ajax调用的权限。对不起，我错过了那部分。将更新问题