debugger调试详细步骤

学前端的朋友们啊，相信肯定都会使用这个第八个，像你的代码当中添加一些断点，那么我们来到 crom 的开发者工具之后呢，打开开发者工具刷新页面，那么 那么这些断点啊就会断在这个地方，当我们断点打多了之后，就会觉得这些东西很烦，因为我们有时候并不想要这个断点，那么这时候我们就得返回原码去把这个断点给删掉，是吧？那这样显得很麻烦，有没有什么好的方法让我 不想要这个断点，执行的时候他就不执行了。那在这的话其实有两个方案，第一个方案的话，我们可以在这个 crom 开发者工具的右上角这把这个按钮给 打开，然后这样的话我们所有的第八个都不会生效了，我再刷新。好的，那现在所有的第八个都不会生效了，但是这并不是我最想看 看到的这个效果，我最想看到的是这个第八个我不不想让他执行，但是呢这个第八个我想让他执行，那这个时候该怎么办呢？这个时候我们可以在这一行的开头的这个位置点击右键，然后这有一个 never pose here， 也就是说在这一行我永远不要暂停，那么这样的话就可以把这个第八个给干掉，但是呢却不影响我这一行的第八个。 在这我给大家演示一下，在这点上一个 never post here， 然后我刷新就可以看到，那么这个断点还是断在这了，然后我再跳过这个断点，就可以看到，那么这一行的断点并没有进来。好的，那这就是我今天要给大家分享的所有内容，你学到了吗？

frame debugger 可将正在运行的游戏的状态冻结到特定针来自由回放，并查看渲染该针的所有 drawcall 和实践执行菜单。 window analysis frame debugger 打开针调试器 运行游戏。在 frame d book 窗口中点击 neighbor 表示启用调试器并暂停运行。 左侧主列表以曾经视图形式显示。 drop co 中文叫绘制调用的序列。打开 game 视图里 stars 面板，可以发现 stars 面板里渲染批次的次数小于真调试器里绘制调用的次数。这是因为真调试器里 里的绘制次数包含了真缓冲区。清除事件窗口顶部的滑动条可帮助您快速定位到指定的绘制调用中。您也可以使用工具栏中的左右箭头键切换渲染调用来实现相同效果。 现在看到的就是渲染真的回放。 在选定一个绘制调用时， 我们可以在列表右侧面板查看有关绘制调用的更多信息，例如几何体细节和用于渲染的着色器。 从下拉选单中选择 dip， 可以查看深度缓冲区内容。通过左右箭头键回放深度缓存区的绘制情况。使用针调试器再结合 profiler 工具可以定位游戏的性能瓶颈。 后面我会详细介绍如何使用 profiler 进行性能分析。

大家好啊，今天我们一起来调一个 bug， 这个是一小伙伴发来的呆萌，我们先把它解压一下，然后呢，这是一个前端项目，我们先把它 npm 依次到一下， 然后我们再用 vs 扣子打开它 大一点，看一下派克纸脚本是色，我们把它刨起来哈，然后我们反问一下，那这是一个移动端的项目，我们把它切成移动端实图， 然后呢，应该是这个分类啊，他的意思是往下滑动哈，滑动到最下面的时候 没法再滚动了，他现在这个效果导致就是左侧这个菜单没法选中最后两个，但是据他描述呢，他为了让他能滚动下去，他在最底下其实放了一个空的 dna v， 我们可以用这个猫兔儿斯里边有一个雷尔斯，然后把它缩小一点儿， 我们能看出来其实下边是还有内容，但是感觉上就像是我们滚动上去之后好像有加速 celop 又给变回来了，所以我们先把加速 celoe 金用一下，看一下也不行，这样的话他就滚动不了了。我们看一下 warflow 川字类的外，大家看我把这川字类的外改成零，然后他就跑到最上面了， 然后川 celete y 等于服务一百看看他又往下滚一点，所以他这块滚动的原理应该是用了一个组件，然后这个组件会监控鼠标的手势来修改这个川 celete y 的值。我们再把加速课本启用起来看一下宾利不 打开这块就变了，所以那这块我们先把它再禁用一下，然后呢，我先把川字列的 wy 再改成零， 然后他现在滚动不了，肯定是外层这个容器这个 dmv 导致的，他没有这个 overflow， 我们把它加一个 overflow， 凹头打开出来了，滚动点也出来了， 而且他滚动是可以滚动到最下边的。来看一下那这个空白的 div， 就是他加的这个 div 高度是五百九十六，所以我们先来看一下这个 div 在哪设置的高度吧。 把这个关掉，页面是 salt， 然后我们找到这个容器，在这 看他在那设置的高，在这配的等于等于这个容器的高度除以一点二， 除以一点二，相当于百分之八十三左右。那他为啥这样呢？按他们例子的 那个吗？ my new right， 看到 my new right 这儿 一个左一个右，相当于他在最后加的空白的容器的高度是整个这个高度的百分之八十啊，这样的话相当于他就是即使滚动到最下边也能上面露出来一点， 给他弄了个除以点，其实相当于乘以零点八左右也可以。好，先不管他，我们继续看， 然后他在这设置的高度，我们看他这个高度在哪个方法， 这个方法，然后这个方法在在这调用，然后上面出纸画 battes go， 我们把它来对调一下，看一下。刷新啊，加斯 q 刷新， 哎，可以了，打开 没问题了，所以他这个应该就是，原来是这样的吗？应该就是他在出主化 battes go 下边那个空白的容器还没有被添加进来，所以白特斯告就认为最高的高度是不包含下边这块空白的区域的，就下边这块区域，所以我们要 把它对调一下顺序就好了，但是呢，我们还是确认一下这个，嗯， rethit 这里边除了设置最下边的高度还干啥了？ 嗯，这两块还他妈瑞 获取每一个 kit。 kit 是什么啊？这一个分类，一个分类就是一 k， 然后每个分类循环，每个分类的高度加一个总和，然后把总和 啊，这个应该不影响，我们把它放到上面直行，也不影响，所以这块就这样解决一下就行了。把这个高度放上面去触手画，然后再去触手画这个百特斯高这个组件，这样就没问题了。好，今天就到这里，谢谢大家，再见。