html - 为什么viewsource:网址和直接访问看打的不一样?

Question

https://support.welock.com/wp-sitemap.xml

view-source:https://support.welock.com/wp-sitemap.xml

分别复制到浏览器查看

Answer 1

该xml文档使用了xsl描述规则文件，由于浏览器的安全协议限制，将无法加载描述文件，所以xml显示规则失效，出现白页，要解决这个问题可以把xsl文件一并下载并修改成相对路径，且需要在https协议下访问才行。

事实上HTML也是一种特殊的xml，只不过html使用了浏览器默认支持的xsl描述规则(类似的规则)，doctype 就是 html的xsl简写。

本地测试后

Answer 2

当你通过直接访问 `https://support.welock.com/wp-sitemap.xml` 和通过 `view-source:https://support.welock.com/wp-sitemap.xml` 查看网页时，看到的内容不一样，主要是因为这两种方式在浏览器中的处理方式不同。

1. **直接访问 URL**：
   - 当你直接访问 `https://support.welock.com/wp-sitemap.xml` 时，浏览器会按照正常的网页请求流程来处理这个 URL。
   - 对于 XML sitemap（如本例中的 `wp-sitemap.xml`），服务器通常会返回 XML 格式的数据，这些数据可能被浏览器以特定方式（如 XML 树形结构）呈现，或者根据浏览器的设置和插件，可能以不同的视图（如格式化后的 XML、表格等）展示。
   - 此外，如果服务器配置了特定的响应头或内容处理逻辑（如内容协商），直接访问时可能会返回与 `view-source` 不同的版本或格式。

2. **使用 `view-source:` 协议**：
   - `view-source:` 是一个非标准的浏览器命令，用于查看网页的源代码。
   - 当你使用 `view-source:https://support.welock.com/wp-sitemap.xml` 访问时，浏览器会请求该 URL 的内容，但会以纯文本形式展示源代码，而不会对其进行任何解析或渲染。
   - 这意味着，无论原始内容是 HTML、XML 还是其他格式，使用 `view-source:` 查看时，都会以原始文本形式显示，不会应用任何浏览器特定的样式或视图。

因此，由于这两种访问方式在浏览器中的处理流程不同，导致你看到的内容呈现方式也会有所不同。直接访问时，浏览器可能会对内容进行解析和渲染；而使用 `view-source:` 时，则直接以原始文本形式展示内容。