我现在在调试代码的时候基本用的都是console.log() 调试法，虽然低级，但好用呀。当然，遇到复杂点的就会借助其它工具，但日常开发中 console.log() 基本够用了。

网站如何检测到是否开启开发者工具?这里不是指监听键盘事件F12之类的方法，而是通过浏览器右侧点击打开开发者工具。现在介绍2个方法，非常管用，可以检测到你是否开启了控制台程序，可以算是JavaScript的一些奇淫巧技，将如下这段代码加入你的网站即可。

一次扒某网站的前端代码，打开控制台要看Network，结果发现他们页面一打开控制台就不断的debugger，100ms一次，很影响看页面内容。每次在断点处停下来的时候页面都会跳到source这个tab页面，也能够看到他的debugger的代码，其实他的实现很简单

开发者工具的Network面板中面有一个Preserve Log选项,勾选上即可，如果没有勾选,跳转页面或者刷新页面,之前的http请求日志都会被清空，勾选上,就会保留所有的日志信息。

在过去的十年中，我最热衷的事情之一就是前端开发（特别是JavaScript）。作为一个匠人，我喜欢专研各种工具。在本文，我会为你介绍一些用老式console来debug的技巧。

BrowserSync能让PC、各移动设备使用各种浏览器的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同步到其他浏览器中

你可能在 JavaScript 项目中都用了console.log。这是一种查看变量的值或程序运行中发生的事情的便捷方法。但是 JavaScript console 对象还有许多其他的功能，可以在处理项目时提供帮助。本文将会介绍一些我的最爱，希望你在工作时记得使用它们！

查找编程代码中的错误被称为代码调试。调试并不简单。但幸运地是，所有现代浏览器都有内置的调试器。内置的调试器可打开或关闭，强制将错误报告给用户。

在程序开发中，如何快速的查找定位问题是一项非常重要的基本功。在实际开发过程中，或多或少都会遇到程序出现问题导致无法正常运行的情况，因此，调试代码就变成了一项无法避免的工作

程序调试是程序投入运行之前，使用手工或编译程序等方法进行的测试，主要用以修正语法错误和逻辑错误。程序调试是保证计算机信息系统正确性的必不可少的步骤，在Flutter应用开发中，Android Studio和VSCode是两种比较常见的集成开发环境

有时代码可能会包含某些错误。而作为脚本语言，JavaScript无法在浏览器中显示任何错误消息。但是，这些错误却会影响输出。找出这些错误的最佳做法就是调试代码。我们可以使用内置的Web浏览器调试器来轻松调试代码

NetBeans分析器是NetBeans的扩展，用于为NetBeans IDE提供分析功能。NetBeans IDE是一个开源的集成开发环境。NetBeans IDE支持开发所有Java应用程序类型（Java SE（包括JavaFX），Java ME，Web，EJB和移动应用程序）

本文简单整理一下日常使用到的JS反调试技术，主要目的防止非法用户查看网页运行流程，分析代码。虽然不是绝对安全的，但也在一定程度上提高了调试破解的难度。在Chrome浏览器中，最常用到的就是DevTools工具进行调试JS

当我们在浏览器开发vue页面时，由于浏览器对于调试有天然的支持，我们开发起来很方便。但是现在已经进入了移动端时代，移动端页面的需求越来越大。在开发移动端页面的时候我们通常是在浏览器完成开发完成

vConsole腾讯出品的 Web 调试面板，相信不少前端小伙伴都用过。Charles 是一款强大的抓包工具，可以截取包括 https 在内的各种网络请求并方便的查看具体信息。weinre是一款很不错的网页检查工具，可以通过在本地启动一个 weinre 服务