找BUG的方法

最新推荐文章于 2024-06-11 16:35:54 发布
原创 最新推荐文章于 2024-06-11 16:35:54 发布 · 538 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#stackoverflow #找BUG的方法

 https://stackoverflow.com/ 

在这个网站搜报错提示信息      

 

 

这个网站相当于程序员的知乎。

 

 

据说  没有解决不了的bug!!!

据说  不知道这个网站，就不是一个有经验的程序员.

资深8年测试总结，web网页测试bug定位详细步骤，一文打通...
m0_70102063的博客
10-08 853
1、前置条件1）需要的知识熟透系统业务、团队成员情况；熟悉使用F12或抓包工具；了解HTTP/HTTPS协议；了解系统的架构，数据走向；2）定位前的操作保存bug产生的记录；排除低级问题；包括网络问题、数据问题（脏数据）；2、定位问题思路和步骤查看页面表现 > 查看状态码 > 接口的请求和返回以及js执行有无报错 > 查看服务器日志 > 配置问题 > 经验或其他1）查看页面表现用户层面问题：用户自己的环境问题或者操作问题。如环境不通或者操作不正确等。
HTML+CSS之如何找BUG
sdasadasds的博客
08-05 532
打开控制台方式有两种，一种在浏览器中点击鼠标右键，选择检查，如下图。我们要取消第一个或者最后一个的边框，我们给第一个或最后一个li加class名取消边框，发现取消不了，而且属性和属性值检查了一遍是对的，在控制台中也显示了，只不过被划掉了（注意只是划掉，但没有黄色感叹号），这个时候可能是选择器权重不够。很多刚进入前端行业的小伙伴在写页面的时候，很容易出现错误，这时候很多小伙伴就会一行行查看自己的代码哪里有问题，或者仔细的对比网上代码，这样查看错误很浪费时间，而且陷入了自己的思维里面看不出错误在哪里。...
介绍一种找bug的方法
张俊红的个人博客
01-11 934
总第186篇/张俊红今天介绍一种找bug的方法，分段执行。这个概念不知道多会进入到我脑海中的，可能是有这么一种专门的叫法。特地去网上查了查，好像并没有，只查到了某地方警察办案在通过推行分...
解决bug问题，查找bug的方法
热门推荐
qq_41936224的博客
07-08 1万+
想告别“写代码2分钟，找bug两小时”吗？，就必须掌握查找bug的能力 下面这些方法都是我这几年解决bug常用的 一、定位bug：如果在控制台中看不出bug，可以使用以下方法帮助查找bug 1、IDE编译器debug调试代码，在可疑的地方设断点，查看程序是如何走的，问题出在哪 2、二分法定位，把可疑的代码分成两份，注释掉一半，再把错误的一半又分成两份，不断进行排错 3、输出日志，logger.info(“XXX”)，就算程序出现错误，只要程序走到那里就可以看到输出的日志 4、Print输出可能有问题的
简单明了找bug方法 老师传授的好办法之一(1)
Meroy0的博客
08-10 298
常见错误 总结 哪里没有效果找哪里 排错方式 1根据知识点 2根据业务逻辑来排错 明确浏览器解析的顺序 标签 css js 页面上什么都没有 证明没有标签或者标签位置写错了 页面上没有样式 证明选择器没有选中 页面上没有动态交互 要不没有交互属性 要么交互属性绑定的元素不对 自己写错 逻辑错误 找错方法 核心：根据自己掌握的知识点进行找错 目前css错误： 错误原因：写的代码没有效果 ...
记录下找BUG的方法
PangCoder的博客
12-23 408
普通程序员 1.设置断点，反复F5,F10（逐过程）,F11（逐语句）（针对Visual Studio用户） 大神程序员 1.设置断点 2.添加日志 3.调用Windows日志信息 2B程序员 嗯，这句应该没错，错的是函数库 哦，忘记加变量了 搞定，下一个句错在哪呢
给csdn找点bug
momDIY的博客
06-22 756
写这篇博文，只是想让csdn变得更好！一、样式问题 二、记住密码状态查看你忘记的密码......
合理的制造bug，及查找bug
黑夜
03-24 1210
一、合理的制造Crash BUG 什么是BUG，简单点说就是，程序没有按照我们预想的方式运行。我比较喜欢把BUG分成两类： 1、Crash掉的 2、没有Crash掉的 Crash不可怕，可怕的是程序没有Crash而是运行在一个不稳定的状态下，如果程序还操作了数据，那带来的危害将是灾难性的，因此尽量制造Crash的BUG，减少没有Crash的BUG，尽可能将没有Crash掉的
绝大部分BUG都可以在以下网站找到
cxmove的专栏
05-28 886
http://haslayout.net/css/http://www.positioniseverything.net/http://www.w3help.org/zh-cn/home/compatibility.htmlhttp://old9.blogsome.com/2006/04/11/onhavinglayout/<br /> <br /> 
教你找BUG
weixin_60427331的博客
01-14 2816
一、BUG的来源分为以下几类： 1，界面类bug： 如：按钮显示不完整、无法点击，文字超出选框，滚动条双层等；显示必填项，可以不填写提交等，数据类的显示NAN，NULL等 2，文案类bug： 错别字，如登录写成登陆；提示内容与预期不对应；没有提示文案等； 3，逻辑类bug： 如：提交一个审批单，多次提交显示多个一样的单子，或者提交审批后，审批人打开了页面点击审批的时候提交人选择了删除单子，审批人无法操作；下载Excel两百数据没问题，更多数据报错、乱码等；抢购功能，10个库存，但是100个人都下
窥视各大网站到底有没有的BUG？
Fundebug博客
07-18 3749
摘要： 本以为都是干干净净，没想到或多或少还有些报错！ 小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java线上bug实时监控。真的是一个很好用的bug监控服务，众多大佬公司都在使用。 1. Segmentfault 在SegmentFault的首页，打开开发者面板，一片红！5条错误信息。 大致看一下，有3条是找不到css的map文件，...
web网页测试bug定位详细步骤
okcross0的博客
06-11 1413
1、前置条件1）需要的知识熟透系统业务、团队成员情况；熟悉使用F12或抓包工具；了解HTTP/HTTPS协议；了解系统的架构，数据走向；2）定位前的操作保存bug产生的记录；排除低级问题；包括网络问题、数据问题（脏数据2、定位问题思路和步骤查看页面表现 > 查看状态码 > 接口的请求和返回以及js执行有无报错 > 查看服务器日志 > 配置问题 > 经验或其他1）查看页面表现用户层面问题：用户自己的环境问题或者操作问题。如环境不通或者操作不正确等。
查找bug的几个方法
01-11 3802
2022年已经过去了，新的一年到来了，而我也又老了一岁。过去的一年又带了几个小弟，总有一些经验要给他们分享，与其小圈子说不如发个文，让优快云上的小朋友们也借鉴借鉴吧。
最简单的bug 管理网站http://easybug.net/！
weixin_34246551的博客
05-02 226
http://easybug.net/ 转载于:https://www.cnblogs.com/pengkunfan/p/3704070.html
你不知道的大网站 "Bug"
求知若饥，谦卑若愚
05-11 1467
今天在实现京东搜索框功能时，调试代码过程，偶然发现一个神奇的 “Bug”,然后觉得这个错误有点高级啊，从技术的角度来看，它确实是个Bug ，但是从功能上来说，它又算不上Bug 。于是我找了几个国内有名的网站首页试了一试，发现一些一般人注意不到的现象，甚是有趣，故记录之。 有趣的搜索框 当你在浏览一些网站首页的时候， 常常会看到一个搜索框，往往是在很醒目的位置上，仔细分析，这些搜索框往往都有以下功能...
分享一个程序员专属的搜索主页
weixin_44028058的博客
07-31 427
前言 搜索主页有很多，今天就来说说他们。中国有百度，360,搜狗 虽然百度占据了中国搜索引擎的大部分市场，但它是否是最好的搜索主页呢？ 我们打开百度,看看它的搜索主页 除了搜索的功能，有很多别的元素 百度热搜 登录 新闻 直播 贴吧 学术 视频会议 …. 以及一些乱七八糟的广告 ，使用极其的难受。 那么有没有一款清爽简洁的搜索主页呢 今天上网的时候发现了一个简洁优雅的搜索主页，cxy1024.top 从名字也可也看出来，专为程序员而生的 作者认为用户进入搜索引擎都是为了搜索心中的疑惑， 而不是
查找bug的方法（随笔）
a289973483的博客
09-09 2842
2.后通过查询From了解到是和镜像有关，测试把java：8换成了java：7或者java：9或centos：7都可以，发现可以编译通过，但是服务器允许会报错，因为代码sdk用的是1.8版本，通过查询docker镜像查询到有镜像java：7和 java：9没有镜像java：8，就想到可能是被删除了。这种就是根据错误日志分析故障，很多时候遇到故障直接把故障信息copy到百度，这种确实可以解决一部分问题，但是遇到很多问题，直接搜索是搜不到的，需要分析后查到根本原因，才能找到解决方案。1.入（出）口推进法。
怎么样查找游戏bug 游戏bug排查技巧分享
weixin_63842731的博客
07-21 5126
在游戏开发中，游戏bug是非常常见的问题。有时候，即使在开发过程中进行了大量的测试和调试，仍然会发现一些bug。那么，如何查找游戏bug呢？在本文中，我将分享一些游戏bug排查技巧，帮助您更快地定位和解决游戏bug。
如何快速定位BUG？BUG定位技巧及测试人员定位的N板斧
与君初相识，犹如故人归
10-17 640
很多测试人员可能会说，我的职责就是找到bug，至于找原因并修复，那是开发的事情，关我什么事？好，我的回答是，如果您只想做一个测试人员最基本最本分的事情，那么可以这么想。但是，如果您想要在测试甚至开发的道路上长足发展，就要知其所以然。
找bug
最新发布
04-28
<think>好的，我现在需要帮助用户分析HTML和JavaScript代码中的错误或潜在问题，特别是在脚本加载、DOM操作和API调用方面。首先，我得回忆一下常见的错误类型，并结合用户提供的引用内容来思考可能的解决方案。 用户提到了几个引用，其中引用[4]和[5]特别涉及到DOM加载完成的问题。比如，引用[4]说有时候脚本可能在DOM未完全加载时就执行，导致错误。而引用[5]提到在body的onload事件中执行初始化函数，确保DOM完全加载。所以，我需要检查代码中是否有在DOM加载前操作元素的情况。 接下来是脚本加载顺序的问题。如果JavaScript代码在HTML元素之前加载，那么获取元素可能会返回null。比如，如果脚本放在head里而没有使用defer或async，或者放在body底部之前，这时候DOM还没构建完成，操作元素就会出错。这时候应该建议将脚本放在body末尾，或者使用DOMContentLoaded事件。 然后是DOM操作方面。比如，动态添加的元素如果未正确绑定事件，会导致事件失效。或者，使用innerHTML时可能破坏原有的事件监听器。引用[3]提到事件处理和DOM操作的重要性，所以需要确保事件绑定正确，尤其是在动态内容中。 API调用方面，比如使用第三方库如腾讯地图API，需要确保脚本正确加载，并且API的初始化在依赖项加载完成后进行。引用[5]中的例子，应该在onload事件中执行初始化函数，避免资源未加载完成导致的错误。此外，API密钥是否正确，网络请求是否处理了错误情况，比如使用catch处理Promise错误，或者设置超时。 另外，变量作用域和隐式全局变量的问题，比如未使用var/let/const声明变量，可能导致意外的全局变量，引发bug。还有，选择器是否正确，比如getElementById用了不存在的ID，或者querySelector的参数是否正确。 跨域问题也可能出现，比如从不同源加载资源而没有正确的CORS头，导致资源被阻止。这时候需要检查控制台是否有CORS错误，并确保服务器配置正确。 内存泄漏也是一个潜在问题，比如未移除不再需要的事件监听器，或者定时器未清除，尤其是在单页应用中，可能导致内存占用过高。 现在，我需要把这些可能的检查点整理成一个结构化的回答，分点说明常见错误及解决方法，并引用相关的引用内容来支持观点。同时，生成相关问题，帮助用户进一步排查问题。</think>### HTML/JavaScript代码错误分析与解决方法 #### 一、脚本加载问题 1. **DOM未加载时操作元素** 若JavaScript代码在`<head>`中直接操作DOM元素，此时元素尚未渲染会导致`null`引用错误： ```javascript // 错误示例：脚本在head中且无延迟加载 document.getElementById("myButton").addEventListener("click", handleClick); // 报错 ``` **修复方法**： - 将脚本放在`</body>`前 - 使用`DOMContentLoaded`事件监听： ```javascript document.addEventListener("DOMContentLoaded", function() { // 安全操作DOM }); ``` - 或通过`window.onload`确保所有资源加载完成（引用[5]）[^5]。 2. **异步脚本依赖问题** 使用`async`或`defer`属性加载脚本时，需注意依赖顺序。若脚本A依赖脚本B，异步加载可能导致执行顺序错乱： ```html <!-- 错误示例：async可能导致jquery未加载先执行 --> <script src="jquery.js" async></script> <script src="dependent-script.js" async></script> ``` **修复方法**： - 移除`async`或使用`defer`保持顺序执行 - 使用模块化加载（如`import/export`）。 --- #### 二、DOM操作错误 1. **动态元素事件绑定失效** 通过`innerHTML`或`appendChild`添加的元素，直接绑定事件无效： ```javascript // 错误示例：新增按钮无点击响应 document.getElementById("container").innerHTML = "<button id='newBtn'>Click</button>"; document.getElementById("newBtn").addEventListener("click", fn); // 绑定失败 ``` **修复方法**： - 使用**事件委托**（引用[3]）[^3]： ```javascript document.getElementById("container").addEventListener("click", function(e) { if (e.target.id === "newBtn") { /* 处理逻辑 */ } }); ``` 2. **选择器错误** 错误使用`class`与`id`选择器或拼写错误： ```javascript document.querySelector("#myClass"); // 错误：应使用.myClass选择类 ``` --- #### 三、API调用问题 1. **第三方API未初始化** 如腾讯地图API需等待SDK加载完成（引用[5]）[^5]： ```html <!-- 正确示例：通过回调函数确保API就绪 --> <script src="https://map.qq.com/api?key=YOUR_KEY&callback=initMap"></script> <script> function initMap() { /* 安全初始化 */ } // 确保API加载后执行 </script> ``` 2. **未处理异步错误** 网络请求未添加错误捕获： ```javascript // 错误示例：未处理fetch错误 fetch("/api/data").then(response => response.json()); ``` **修复方法**： ```javascript fetch("/api/data") .then(checkStatus) // 自定义状态检查 .catch(error => console.error("Request failed:", error)); ``` --- #### 四、其他常见问题 1. **隐式全局变量** 未声明变量导致意外污染全局作用域： ```javascript function setName() { name = "Alice"; // 错误：隐式全局变量 } ``` **修复方法**：严格使用`let/const`。 2. **内存泄漏** 未移除无用事件监听器或定时器： ```javascript // 错误示例：组件销毁后定时器未清除 setInterval(updateData, 1000); ``` **修复方法**：在组件卸载时清理资源： ```javascript const timer = setInterval(updateData, 1000); // 清理逻辑 window.onunload = () => clearInterval(timer); ``` --- ### 调试建议 1. 使用浏览器开发者工具检查控制台错误（`Ctrl+Shift+J`） 2. 断点调试`Sources`面板中的代码执行流 3. 通过`Network`面板查看资源加载状态与API请求
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_35670694

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值