调试定位
4篇文章 · 0订阅
  • 绝了，没想到一个 source map 居然涉及到那么多知识盲区
    Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。
    前端 JavaScript
  • 急速 debug 实战一（浏览器-基础篇）
    工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。 响应这个要求，我决定写一个关于调试实战系列。本来不打算写这个基础篇章，为了整个的完整性。（不喜勿喷） 所以示例在以下环境通过。 使用 console.l…
    Debug
    急速 debug 实战一（浏览器-基础篇）
  • Chrome 开发 调试
    按Right Arrow(向右箭头)键展开折叠的节点。再次按下可移动到（现在展开的）节点的第一个子节点。您可以使用这个技巧快速浏览深层嵌套的节点。 可以直接修改网页上的内容了。 $() 返回与指定的CSS选择器匹配的第一个元素。 document.querySelector()…
    Chrome 前端 JavaScript
    Chrome 开发 调试
  • 急速 debug 实战二（浏览器 - 调试线上篇）
    通过前一篇的介绍，我们已经懂得基本的 debug 技巧，那么我们如何快速调试一些线上的问题呢。本文将线上的调试分为以下三种：（当然有更好的调试方式，可以在评论区提出） 线上即时修改；针对一些样式以及一些 js 已经知道问题所在快速地修改以达到解决 bug 的模式。 线上不存在 …
    Debug
    急速 debug 实战二（浏览器 - 调试线上篇）