【问题标题】:How can I add debug functions that I can call from Chrome Debugger Console to a Create React App?如何将可以从 Chrome 调试器控制台调用的调试函数添加到 Create React App?
【发布时间】:2019-04-01 12:50:07
【问题描述】:

我使用 Create React App 创建了一个应用。

如何添加可以从 Chrome 调试控制台(或其他方式)调用的全局调试函数(例如 resetDatabase())?

【问题讨论】:

    标签: google-chrome debugging create-react-app


    【解决方案1】:

    您可以将函数附加到全局窗口对象或某些命名空间对象。

    然后你可以在控制台运行它:

    window.resetDatabase();

    这是一个相关帖子的链接,该帖子有关通过 componentWillMount 回调访问全局上下文。

    How to declare a global variable in React?

    【讨论】:

    • 这个答案建议使用上下文,这在这里似乎没有帮助,对吧?还有一种骇人听闻的答案建议使用 componentWillMount 这看起来不是我的理想解决方案?
    【解决方案2】:

    参考这个网站 -: IT 为您提供了完整的指南,或者如果您遇到任何问题,请随时询问 https://developers.google.com/web/tools/chrome-devtools/console/

    【讨论】:

    • 将控制台作为专用面板或任何其他面板旁边的抽屉打开。堆叠冗余消息,或将它们显示在自己的行上。清除或保留页面之间的输出,或将其保存到文件中。按严重性级别、隐藏网络消息或正则表达式模式过滤输出。
    猜你喜欢
    • 1970-01-01
    • 2017-10-15
    • 2022-07-05
    • 1970-01-01
    • 1970-01-01
    • 2018-09-22
    • 2018-05-12
    • 1970-01-01
    • 2023-03-18
    相关资源
    最近更新 更多