onerror中直接删属性只删一次是因遍历被破坏；devtools需用事件监听器断点定位；调试时应检查this.src或new url(this.src, document.baseuri)获取真实url；重试需设onerror=null或标记位防死循环。
onerror 里直接删属性为什么只删了一次
在 onerror 回调中遍历并删除元素属性（比如 el.removeAttribute('src')），却只删掉第一个，后续属性还在——这不是浏览器 bug，是循环本身被破坏了。当你在 for (let i = 0; i 中删掉第 <code>i 个属性时，后面所有属性的索引会前移一位，但循环变量 i 仍按原节奏自增，于是下一个属性被跳过。
常见错误写法：for (let i = 0; i
正确做法只有两种：
- 改用 while 倒序遍历：let i = el.attributes.length; while (i--) { if (el.attributes[i].name === 'src') el.removeAttribute('src'); }
- 或先收集要删的属性名，再统一删：Array.from(el.attributes).filter(a => a.name === 'src').forEach(a => el.removeAttribute(a.name));
Chrome DevTools 里怎么定位 onerror 触发点
别指望靠“点击就停”——onerror 是事件，不是函数调用，普通行断点打在内联字符串里（如 onerror="handleError()"）基本无效，因为那只是字符串，还没执行。
可靠方式是用 DevTools 的事件监听器断点：
- 打开 Sources 面板 → 左侧 Event Listener Breakpoints → 展开 Error → 勾选 error
- 刷新页面，一旦 img 或 script 加载失败，DevTools 会自动停在触发 error 事件的那一行 JS（比如 el.addEventListener('error', ...)）
- 如果用的是内联 onerror，它会停在 HTML 解析阶段，此时看 Call Stack 里的 HTMLImageElement 或 HTMLScriptElement 就能确认是哪个标签出的问题
注意：error 事件不冒泡，所以别在 document 上设普通事件监听断点；全局 window.addEventListener('error', ...) 的断点得手动加在对应 JS 行上。
onerror 触发后调试失败资源的真实 URL
你看到控制台报 GET https://cdn.example.com/logo.png 404，但实际代码里写的可能是相对路径或变量拼接，光看报错不够准。
在 onerror 断点处，立刻检查：
- this.src（对 img）或 this.href（对 link）是否已被浏览器解析为绝对地址
- 更稳妥的是用 new URL(this.src, document.baseURI)，尤其当页面有 <base href> 时
- 对动态创建的 script，e.target.src 可能为空（跨域脚本），必须结合 e.target.dataset.src 或预存的原始 URL 字段比对
容易忽略的一点：如果资源加载失败是因 CORS 被拦截，Network 面板里可能只显示 (blocked)，没有状态码，此时 this.src 是对的，但请求根本没发出去。
调试重试逻辑时为什么 onerror 会反复触发
最典型的死循环场景：onerror="this.src='fallback.png'" —— 备用图再失败，onerror 再次触发，无限递归。
断点调试时你会看到调用栈不断变深，且每次暂停都在同一行。解决方法只有一个：
- 必须在赋新值后立刻切断事件：onerror="this.src='fallback.png'; this.onerror=null;"
- 如果用 addEventListener，就得在回调里手动 e.target.removeEventListener('error', handler)
- 更安全的做法是加标记位：if (!e.target.dataset.retried) { e.target.dataset.retried = '1'; e.target.src = '...'; }
另一个隐蔽坑：重试前没清空 this.src。浏览器发现 URL 没变，可能直接返回缓存的 404 响应，导致 onerror 再次进入。断点停住后，第一件事就是检查 this.src 是否还是旧值。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
