`

log4javascript显示日志控制台快捷键

阅读更多

一般情况下,我们是不需要打开log4javascript日志控制台的,需要调试的时候才打开日志控制台进行日志跟踪,怎么满足这个需求呢?

(1)首先,默认log4javascript.setEnabled(false);

(2)然后,添加键盘事件,当键入Ctrl + Alt + F9时,可以把控制台调出来。具体代码如下:

 

//Ctrl + Alt + F9
document.onkeydown = function(evt) {
     var VK_F9=120;
     //兼容IE和Firefox获得keyBoardEvent对象
     var evt = (evt) ? evt : ((window.event) ? window.event : ""); 
     //兼容IE和Firefox获得keyBoardEvent对象的键值
     var key = evt.keyCode?evt.keyCode:evt.which; 
   
    if(evt.ctrlKey && evt.altKey && key == VK_F9){
	    log4javascript.setEnabled(true);
	    log4javascript.getDefaultLogger().info("开始记录日志.");
    }
};
 
分享到:
评论

相关推荐

    chrome 控制台 功能介绍

    - **键盘快捷键**:利用键盘快捷键可以极大地提高工作效率,例如在元素面板中使用 `F9` 键可以切换元素高亮显示。 - **停靠模式**:开发人员工具可以以浮动窗口或固定在浏览器底部的方式显示。 - **扩展插件**:...

    如何在不同的浏览器中打开控制台调试JS(转帖加自己的截图)

    在现代Web开发中,浏览器的开发者工具是必不可少的工具,尤其是JavaScript控制台,它可以帮助开发者追踪错误、查看网络请求、操作DOM以及进行性能分析等。 首先,我们需要了解JavaScript控制台在Web开发中的重要性...

    java日志解决方案java问题解决日志第一版.pdf

    - Log4j:Apache的Log4j是Java领域非常流行的日志框架,具有丰富的配置选项和灵活的日志级别管理。 - Logback:由Log4j的创始人设计,比Log4j更快更高效,且更专注于性能优化。 - SLF4J(Simple Logging Facade ...

    如何使用chrome自带的Javascript调试工具

    同时,可以使用日志点(Log Point)记录特定位置的变量值,无需暂停执行。 7. **调用堆栈 Call Stack** 当代码暂停执行时,“Call Stack”区域会显示当前的函数调用顺序,帮助你理解代码的执行流程。 8. **性能分析...

    JavaScript基础语法-书写语法

    `console.log()` 是一个非常有用的函数,用于将信息输出到浏览器的控制台。这对于调试代码非常有用。例如: ```javascript console.log("hello js"); // 写入浏览器控制台 ``` 要查看这些输出,可以通过以下步骤...

    Web前端开发技术-JavaScript的开发.pptx

    此外,浏览器的开发者控制台是学习JavaScript的好帮手,可以直接输入和执行JavaScript代码,即时查看结果,这对于初学者来说是非常实用的特性。在实践中不断尝试和调试,可以加深对JavaScript的理解。 总的来说,...

    console:ctrl+F12调出自定义的控制台可以在窗口内拖动

    首先,让我们详细了解一下JavaScript控制台。JavaScript控制台是Web开发者用来测试和调试JavaScript代码的内置工具。它提供了一种交互式环境,可以输出日志信息、执行单行JS代码、检查变量值以及追踪代码执行等。在...

    JavaScript 语言教程.docx.docx

    - 在开发者工具中选择“控制台”选项卡,即可在此处编写并运行JavaScript代码。 ##### **2. 创建第一个JavaScript文件** - 首先,创建一个新的HTML文件,命名为`index.html`。 - 编写HTML结构并在其中加入`...

    javascript 调试 工具

    在代码中添加`console.log()`或其他日志方法,可以帮助追踪程序运行过程。此外,使用像Sentry或LogRocket这样的服务可以收集和分析生产环境中的错误信息,以便在实际环境中调试。 ### 9. 调试异步代码 JavaScript...

    ajax与java程序设计学习摘要完整版

    - **简介**:Firebug是Firefox浏览器的一个强大扩展,集成了JavaScript控制台、DOM查看器和命令行JavaScript解释器等功能。 - **关键特性**: - XMLHTTPRequest Spy:允许开发者监控所有通过XMLHttpRequest发起的...

    javaScript脚本调试

    4. **控制台(Console)**:在调试过程中,控制台是非常重要的工具。它显示了脚本运行时的日志信息、错误和警告。你可以在代码中使用`console.log()`等方法输出变量值,以便查看程序的运行状态。 5. **步进执行**:...

    JavaScript 学习笔记

    ### JavaScript 学习笔记 #### 一、JavaScript学习工具 JavaScript 是一种强大的脚本语言,广泛应用于网页开发中。为了更好地学习和运用 JavaScript,选择合适的工具至关重要。 ##### 1.1 编辑器:Visual Studio ...

    在 IE 中调试 JavaScript 2.docx

    - **日志记录**:使用`console.log()`或`debugger;`语句可以帮助你在控制台输出信息或强制暂停执行,这对于跟踪代码逻辑非常有用。 通过熟练掌握上述技巧,你可以在IE中高效地调试JavaScript代码,解决各种复杂的...

    Pick Up Keyboard Input in Javascript.zip

    在JavaScript中捕获键盘输入是实现用户交互的关键部分,它允许开发者根据用户...无论是简单的日志记录,还是复杂的键盘快捷键,都能借助这些基础知识来实现。记住,良好的用户体验往往取决于对这些细微交互的精确控制。

    简述JS控制台的使用

    1. 打开JS控制台的方法:在大多数现代浏览器中,可以通过快捷键F12打开开发者工具,然后选择Console标签页进入控制台。另一种方法是,通过右键点击页面上的任意元素,在弹出的菜单中选择“检查”(或类似选项),...

    js调试系列 控制台命令行API使用方法

    首先,控制台(Console)是浏览器开发者工具的一部分,可以通过快捷键(如Chrome中是F12或右键选择“检查”)打开。在Console标签页中,开发者可以输入代码并执行。 ##### 输出信息 - `console.log()`: 最基本的...

    (JavaScript调试工具,需要配合上一个一起使用)

    3. **Console**:控制台面板是你与JavaScript运行环境交互的主要途径。你可以在这里输入JavaScript命令,查看程序输出,接收错误信息,也可以使用它来测试新的功能或脚本片段。 4. **Network**:这个工具用于分析...

    谷歌浏览器怎么调试js.docx

    - 查看和调试JavaScript代码,支持设置断点,查看变量值,以及在JavaScript控制台执行代码。 - 可以为特定的XHR请求或事件设置断点。 6. **Timeline标签页**: - 记录JS执行时间和页面渲染时间,用于性能分析,...

    js debug_setup(1).rar

    此外,还有错误控制台用于显示JavaScript错误和警告,以及源代码视图,允许你在源代码中设置断点。 **Firefox浏览器的JavaScript调试** Firefox提供了Firefox Developer Tools(FDT),同样包含强大的JavaScript...

Global site tag (gtag.js) - Google Analytics