自从你开始写第一行代码的时候，你就有了一个强大的对手，时刻隐藏在暗处，等待时机来攻击你，他是谁呢，就是bug，
就是bug程序员很多时候都是在与bug战斗，如果说编程是一个练武的过程，技能是你的武功高低，那么修改bug就是你自愈的能力。要想治愈，肯定首先得找到原因，才能对症下药；所以如何快速准确的定位问题是决定我们高效解决bug的关键，所谓工欲善其事，必先利其器，作为一名优秀的程序员，怎么能不懂点疗伤的技巧呢，今天与大家一起分享一下：
一、本地开发
本地开发我们调试来说，比较方便，打开网页，按下F12，或者右键开发者工具，一切都如此顺畅：
开发者工具在很多浏览器中，我们都可以选择屏幕大小，模拟位置，传感器等；利用这个开发者工具我们可以做什么呢：
a、查看元素节点，就是在elements标签中，我们可以查看一个元素的样式属性，位置，大小等
查看元素b、控制台（console）输入命令，比如打印变量等
c、网络请求，从network我们可以查看一个请求的基本信息，包括请求方式，地址，head头信息，请求数据，返回状态，返回数据，没有隐藏服务器信息的我们还可以看到服务器的类型，版本等；这让我们能够快速的知道接口数据结构，是否是数据问题等；如果是数据问题，那么我们尽可以放心睡觉了。。。
啦啦啦d、优化性能，从performance标签结合network我们可以大概知道是什么影响页面展示速度，比如请求数据太多，文件或者图片太大，加载时间太多，或者dom渲染耗时；对于优化性能体验很有帮助，当然我们这里一时半伙也说不清，有时间一起讨论讨论.....
e、数据管理，在applicant标签中，我们可以看到左侧有很多列表：
本地存储一般情况下，我们用到localstorage和cookie比较多，在这里我们可以查看和修改。
然而理想是丰满的，现实确实我们必须在各种不可测的环境下运行我们的页面，所以，我们必须学会十八般武艺，来应对复杂的场景；比如
联系电话：