Edge Developer Tools - 使用内联 CSS 时调用的基本标记的 href URL答案

【问题标题】：Edge Developer Tools - href URL of the base tag called when using inline CSSEdge Developer Tools - 使用内联 CSS 时调用的基本标记的 href URL
【发布时间】：2016-12-30 13:32:03
【问题描述】：

在 Microsoft Edge 浏览器中使用 HTML <base> 标记和 <style> 标记时，我遇到了一个非常奇怪的问题。这是一个非常简单的复制器：

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Edge dev tools base tag 403 reproducer</title>
    <base href="http://netdata.ch/dt/pp/"/>

    <style type="text/css">
    </style>

  </head>
  <body>
    Hello! 
  </body>
</html>

http://netdata.ch/dt/pp/reproducer.html

使用开发者工具时，此页面在控制台/网络选项卡中产生以下错误：

直接调用http://netdata.ch/dt/pp/ DOES 会返回 403。但为什么 Edge 在使用开发者工具时会调用此 URL？所有其他浏览器都没有。如果不涉及开发者工具，服务器访问日志中没有 403。所以这没关系。

但是，如果我删除 <style> 标签，错误就会消失：

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Edge dev tools base tag 403 reproducer</title>
    <base href="http://netdata.ch/dt/pp/"/>
  </head>

  <body>
    Hello! 
  </body>
</html>

http://netdata.ch/dt/pp/ok.html

我可以通过以下方式看到这种行为：

Microsoft Edge 20.10240.16384.0
微软边缘 38.14393.0.0

知道为什么在涉及 Edge 开发人员工具时会发生这种情况吗？

【问题讨论】：

标签： html css microsoft-edge developer-tools

【解决方案1】：

我猜 Edge 会尝试从基本定义的 URL 解析内联样式标签中的图像等。因此它需要为开发者工具解决它？

【讨论】：