使用书签注入jQuery不工作在页面上

Question

我试着用这个书签：

javascript:void((function(doc){if(typeof jQuery=='undefined'){var script_jQuery=document.createElement('script');script_jQuery.setAttribute('src','https://code.jquery.com/jquery-latest.min.js');document.body.appendChild(script_jQuery);console.log('jQuery included ^_^');}else{console.log('jQuery already included ...');}})(document));

若要将jQuery注入此页面，请执行以下操作：

https://cn.bing.com/dict/?mkt=zh-cn&q=test

我打开页面，然后打开开发者控制台(我正在使用Chrome)，切换到网络选项卡，然后点击书签，我注意到Chrome没有请求https://code.jquery.com/jquery-latest.min.js，而是请求以下网址：

https://cn.bing.com/fd/ls/l?IG=EE977A4E38924F57B34A1371C04323C1&Type=Event.ClientInst&DATA=[{%22T%22:%22CI.AntiMalware%22,%22FID%22:%22CI%22,%22Name%22:%22AC%22,%22Text%22:%22S%3Ahttps%3A//code.jquery.com/jquery-latest.min.js%22}]

有人知道为什么书签在这个页面上不起作用吗？此页面如何重定向请求？

Answer 1

如果您运行的话，您可以看到那个特定的站点有猴子类型的appendChild。

document.body.appendChild.toString()

进入控制台:它给了你

function(n){return t(n,"AC")?u.apply(this,arguments):null}

作为回报，而不是[native code]，这意味着本机函数已被覆盖。

请注意，修补的原型对象是Element.prototype，但是appendChild本机存在于Node.prototype上，它仍然没有修补：

Node.prototype.appendChild.toString()
// gives function appendChild() { [native code] }

您可以选择.call未修补的appendChild：

(function(doc) {
  if (typeof jQuery == 'undefined') {
    var script_jQuery = document.createElement('script');
    script_jQuery.setAttribute('src', 'https://code.jquery.com/jquery-latest.min.js');
    Node.prototype.appendChild.call(
      document.body,
      script_jQuery
    );
    console.log('jQuery included ^_^');
  } else {
    console.log('jQuery already included ...');
  }
})(document)

然后它将被成功地附加。(然后，typeof jQuery将计算为function而不是undefined，您可以看到从网络选项卡中请求了正确的URL )

如果站点对其进行了正确的修补，并且所有对Node.prototype.appendChild的引用都无法访问，那么唯一的解决方案就是在页面的Javascript运行之前运行您自己的Javascript，这可以使用像坦帕猴、@run-at document-start这样的用户脚本管理器来完成，并且在被覆盖之前使用即时脚本注入保存对Node.prototype.appendChild的引用。