如何从浏览器控制台调用函数 webpackJsonp答案

【问题标题】：How to call function webpackJsonp from browser console如何从浏览器控制台调用函数 webpackJsonp
【发布时间】：2021-03-27 03:06:56
【问题描述】：

我想在网站上执行自动操作，但他们的代码有 webpack。如何调用这些函数？

"object" != typeof globalThis && (globalThis = window),
(this.webpackJsonp = this.webpackJsonp || []).push([[0], {
    BKWD: function(e, t, s) {
        "use strict";
        var h = new class {
            constructor() {
                ...
            }
            _WriteLog(e) {
                ...
            }
        }
    }
}]);

如何从浏览器控制台调用函数_WriteLog。

【问题讨论】：

标签： javascript webpackjsonp

【解决方案1】：

你有两种方式。第一种也是正确的方法 - 从您的条目文件中导出所需的数据。为了这。使用 Webpack 库，它是 webpack 的基本功能。

https://webpack.js.org/configuration/output/#outputlibrary

为您的 webpack 配置添加库选项：

 output: {
    library: 'MyLibrary',
  },

从您的 main.js 或其他 js 导出所需的数据

export function hello(name) {
  console.log(`hello ${name}`);
}

3..这个功能在window中会很友好。

<script>
MyLibrary.hello('webpack');
</script>

...

第二种方法，如果你没有 webpack 的来源。链接功能。在文件开头创建空变量，然后链接所需的函数。例如：


var ssst;

"object" != typeof globalThis && (globalThis = window),
(this.webpackJsonp = this.webpackJsonp || []).push([[0], {
    BKWD: function(e, t, s) {
        "use strict";
        ssst = new class {
            constructor() {
                ...
            }
            _WriteLog(e) {
                ...
            }
        }
    }
}]);


console.log(ssst)

【讨论】：

这是一个不是我的网站，所以我没有源代码。如何从控制台 chrome 浏览器调用这些函数
你必须从文件中找到并链接这个函数，例如 ssst upper
如何在那里注入我的代码？