选中文件时Microsoft Edge开发者工具不显示源代码问题咨询
Edge开发者工具Sources标签页主文件无源代码解决方案
- 强制刷新后重新打开开发者工具:按下
Ctrl + Shift + R组合键执行无缓存硬刷新,待页面完全加载完成后再按F12打开开发者工具,切换到Sources标签页查看。 - 禁用缓存后重试:在开发者工具的「网络」标签页勾选「停用缓存」选项,保持开发者工具处于打开状态刷新页面后再切回Sources标签页。
- 校验开发者工具配置项:按下
F1打开开发者工具的设置面板,在「实验性」栏目中确认Enable JavaScript source maps、Enable CSS source maps两个选项均处于勾选状态,重启开发者工具后重试。 - 重置开发者工具配置:在
F1打开的设置面板底部,点击「恢复默认设置并重新加载」按钮,重置后再次打开问题页面验证。 - 检查页面渲染逻辑:如果问题页面主HTML仅返回空白框架,全部内容通过
document.write()、DOM动态拼接等客户端逻辑生成,Sources标签页默认只会展示服务端返回的原始HTML内容,动态生成的内容不会直接展示在主文件条目下,你可以在Elements标签页右键顶层<html>标签,选择「编辑为HTML」查看完整的当前DOM内容。 - 排查安全头限制:在网络标签页筛选「文档」类型的请求,查看主HTML请求的响应头是否存在
X-Frame-Options、CSP类异常安全配置,这类限制策略会导致开发者工具无法正确拉取主文档的原始内容,临时调整站点安全策略后再验证。 - 旧版本BUG适配:Edge 92属于2021年发布的旧版本,存在DevTools解析异常的已知BUG,你可以在Edge快捷方式的「目标」字段末尾追加启动参数
--disable-features=IsolateOrigins,site-per-process,保存后关闭所有Edge进程,通过该快捷方式重新启动浏览器访问问题页面。
内容的提问来源于stack exchange,提问作者CB_Ron
相关产品推荐
相关产品推荐

