资深前端都在用的 9 个调试偏方

PhpStorm 9 in docker

前言 当我第一次知道这种东西，我也惊呆了，居然还有这种操作，实在强大到没朋友，从此爱上调试，按时下班。 无数次通过调试解决问题的经验告诉我，调试绝对是开发者最应该掌握的重要技能之一。调试能帮助我们定位问题解决问题，每解决一个问题，经验值就往上涨。 后面就可以考经验解决很多问题，并且能正确避开当年踩过

JavaScript：反调试——绕过反调试 本文，将分享几种JS代码反调试技巧，目标是：实现防止他人调试、动态分析自己的代码。 检测调试，方法一：用console.log检测 代码： var c = new RegExp ("1"); c.toString = function () { alert

引言 “工欲善其事，必先利其器” 恩，这句话我觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，有了专业的工具才能干专业的事，这个灵感要来源于之前我想买化妆品时，店里的海报标语，由此联想到，如果你想在某个事情上做好，并且做的专业，那么

概述 FireBug是一个用于网站前端开发的工具，它是FireFox浏览器的一个扩展插件。它可以用于调试JavaScript、查看DOM、分析CSS、监控网络流量以及进行Ajax交互等。它提供了几乎前端开发需要的全部功能。官方网站：www.getfirebug.com 如何获取Firebug？ 因为

很多时候，处于好奇或者其他的目的，我们会打开Chorme的调试功能，会看到页面会调用很多接口，然后有心的人可能会使用这些接口进行爬虫分析，破解后获取数据。为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码。 以下是几种常见的措施禁止人家调试自己的前端代码： 1，无限 debugger

前端开发往往需要在本地调试环境和线上环境之间灵活切换，以将要调试的一个页面为例，页面引用了如下的静态资源，要想在本地开发调试下面引入的js代码，最直接的方法是在把引入的资源路径改成本地调试路径，并起一个本地服务器访问页面，使用这种方法最大的缺点就是上线前需要恢复原来的引入路径，再或者我们没有权限修改

有请提示：文中涉及较多Gif演示动画，移动端请尽量在Wifi环境中阅读 前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发

官方说明：一个轻量、可拓展、针对手机网页的前端开发者调试面板。 查看 console 日志 查看网络请求 查看页面 element 结构 查看 Cookies、localStorage 和 SessionStorage 手动执行 JS 命令行 自定义插件 一、CDN使用方法。

我在每天工作中需要在不同的移动设备上测试我们开发的前端应用是否正常工作，比如 iOS 设备和 Android 设备。我用的工作笔记本电脑又是 Lenovo 的，安装的是 Windows 操作系统。 有的时候一个开发好的前端应用，在 Android 设备上正常工作，但是在 iOS 平板上测试却发现问题