Chrome 我们如何知道一个函数是从控制台还是从源代码调用的

b5buobof  于 2023-10-14  发布在  Go
关注(0)|答案(3)|浏览(113)

我想知道是否有一种方法可以检查是否从浏览器的控制台或源代码调用JavaScript函数。
我定义了一个函数,可以检查它是从控制台还是从页面,但它只在谷歌Chrome中工作,它在Firefox中不工作,我没有测试其他浏览器

function fromConsole()
{
    var Caller = arguments.callee.caller;
    while(Caller.caller != null)
        Caller = Caller.caller;
    return (Caller.toString().indexOf("function (expression, objectGroup,"))!=-1;
}

此函数的工作原理

这个函数查找调用我们函数的top函数。在google Chrome中,top函数的定义如果从控制台调用它,则包含此字符串function (expression, objectGroup,在Firefox中,没有函数
让我给你详细解释一下
假设我们有这个例子

function a()
{
    b();
}
function b()
{
    return c();
}
function c()
{
    console.log(fromConsole());
}

如果我们从页面调用函数a(),它在控制台中显示false(因为顶部函数是a()),但是,如果我们从控制台调用它,它显示true,因为顶部函数是“function (expression, objectGroup,...
在Firefox中,无论你是从控制台还是从页面调用你的函数,最上面的函数总是一个()

我的问题是:有没有一种方法可以知道这个函数是否是从控制台调用的?

kognpnkq

kognpnkq1#

在Chrome中,控制台总是调用中间JavaScript函数,在Firefox中,调用直接来自本机代码。因此,您可以在Chrome中检查arguments.callee.caller,但在Firefox中它将始终是null。Safari在这里的行为与Firefox相同,因此检查调用者实际上是一个只有在Chrome中才有效的技巧。
不过,您可以检查的是Error.stack property。以下函数适用于Firefox、Chrome甚至Safari:

function fromConsole()
{
    var stack;
    try
    {
       // Throwing the error for Safari's sake, in Chrome and Firefox
       // var stack = new Error().stack; is sufficient.
       throw new Error();
    }
    catch (e)
    {
        stack = e.stack;
    }
    if (!stack)
        return false;

    var lines = stack.split("\n");
    for (var i = 0; i < lines.length; i++)
    {
        if (lines[i].indexOf("at Object.InjectedScript.") >= 0)
            return true;   // Chrome console
        if (lines[i].indexOf("@debugger eval code") == 0)
            return true;   // Firefox console
        if (lines[i].indexOf("_evaluateOn") == 0)
            return true;   // Safari console
    }
    return false;
}

这将在堆栈中向上遍历,直到找到与控制台对应的条目。这意味着fromConsole()不需要直接调用,中间可以有任意数量的其他函数调用。但是,它很容易被欺骗,例如。使用setTimeout()

setTimeout(fromConsole, 0);

这里调用者将是本地超时处理程序,不再指向控制台。

kninwzqo

kninwzqo2#

这是一种跨浏览器的方式,可以查看它是从公共(全局,由js控制台调用)还是私有(您的代码)上下文调用的:

(function() { 
    window.f = function() {
        console.log('public')
    } ;
    //f will be this function in the rest of the code in this outer function:
    var f = function() {
        console.log('private'); 
    }
    f();
    //more code here...

}) ()

外部函数中的代码将使用私有函数,而从控制台运行f()将运行公共函数。

wj8zmpe1

wj8zmpe13#

对于Chrome,您可以检查keys功能是否可用。它是Chrome的Command Line API的一部分,只有在从控制台执行代码时才可用

function myFunction() {
  var fromConsole = typeof keys === 'function'
  if (fromConsole) {
    alert('From console')
  } else {
    alert('Not from console')
  }
}

相关问题