javascript - 函数如何使用 [[FunctionLocation]] 访问外部脚本？

Question

我有一些代码正在使用 google api 在屏幕上显示共享对话框。 (这个:https://developers.google.com/drive/api/v3/share-button)

   share_client = new gapi.drive.share.ShareClient()
   share_client.showSettingsDialog()

但是在调用 showSettingsDialog之后，它以 403 失败。我可以在我的网络选项卡中看到该请求:

我知道它为什么会失败，并且我相信只要我能在这个请求中添加一个额外的参数，我就能解决这个问题。问题是我不能使用 Service Worker 之类的东西来拦截和更改请求，因为这个请求实际上是从 apis.google.com 的脚本发起的，而不是从我的页面位置发起的，所以我没有访问权限使用 Service Worker。如果可能的话，也很难修改这个 api 代码来发出我想要的请求。我试过了，很多。
如果我检查 share_client对象，我可以看到它从我可以控制的代码到外部资源的位置。这是因为被调用的函数有这个 [[FunctionLocation]] ，它指向: https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi. ... /cb=gapi.loaded_2 .如果我进入调试器，我可以看到它从这个函数调用跳转到我的本地 API 副本，再到托管在 apis.google.com 中的外部脚本

所以我的问题是这到底是如何工作的？函数如何指向外部脚本？这是在哪里 [[FunctionLocation]]来自？它是如何产生的？有可能改变它吗？它如何在不实际发出 http 请求的情况下访问此外部代码？
基本上，我要求任何有关这一切如何组合在一起的见解。我不太相信它实际上可以像我想要的那样向该请求添加一个参数，但在这一点上，我主要只是想了解更多关于它的信息。

Answer 1

在进行逆向工程时，我们可以在 https://apis.google.com/js/api.js 中看到这一点。 JavaScript 代码:

var W = decodeURI("%73cript");

这相当于:

var W = "script";

原因可能是为了提供某种混淆来阻止我们对代码进行逆向工程，但这还不足以阻止我们!
然后，有这个功能:

va = function (a) {
    var b = v.createElement(W);
    b.setAttribute("src", Y ? Y.createScriptURL(a) : a);
    a = ua();
    null !== a && b.setAttribute("nonce", a);
    b.async = "true";
    (a = v.getElementsByTagName(W)[0]) ? a.parentNode.insertBefore(b, a) : (v.head || v.body || v.documentElement).appendChild(b)
}

这是向页面动态添加脚本的一种非常常用的方法(使用给定的 script 创建一个 src 元素，然后将其添加到 DOM)。
这就是 https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.fr.VPdiypayOnU.O/m=drive_share/rt=j/sv=1/d=1/ed=1/am=wQc/rs=AGLTcCPUjzWofrE8wWhx40v1IW1jnz4lrQ/cb=gapi.loaded_0正在加载脚本。
在这个脚本的最后，我们可以看到:

lU.prototype.E2 = function() {
    this.Ds.Gh("settings")
}
;
_.z("gapi.drive.share.ShareClient", lU);
lU.prototype.setItemIds = lU.prototype.HE;
lU.prototype.setOAuthToken = lU.prototype.KE;
lU.prototype.showSettingsDialog = lU.prototype.E2;

这就是 showSettingsDialog正在分配给 ShareClient.prototype .您可以轻松地将其替换为您自己的函数，但这对您没有帮助，因为您要修改的函数是其他函数(由 this.Ds.Gh("settings") 间接调用)。
不幸的是，我强烈怀疑您是否可以修改该底层函数，因为所有内容都包含在回调中: gapi.loaded_0(function(_) {... ，并且在此回调之外唯一可用的是 ShareClient感谢这段代码:

_.q = this || self; // contains window during execution
_.z = function(a, b) {
    a = a.split(".");
    var c = _.q;
    a[0]in c || "undefined" == typeof c.execScript || c.execScript("var " + a[0]);
    for (var d; a.length && (d = a.shift()); )
        a.length || void 0 === b ? c = c[d] && c[d] !== Object.prototype[d] ? c[d] : c[d] = {} : c[d] = b
}

这段代码就像一个 polyfill，它改变了全局 gapi对象和赋值 ShareClient至 gapi.drive.share ，其他所有内容都对外界隐藏，在匿名回调中，防止您对其进行修改。
但是，没有什么能阻止您使用 Service Worker 作为此请求的代理。无论发起请求和目标域是什么，Service Worker 都会工作。唯一不能使用 Service Worker 的情况是拦截 iframe请求，因为 iframe被视为一个单独的页面，但在您的情况下没有(请求由当前页面上加载的 script 发起)。