HTML iframe标签出现ERR_BLOCKED_BY_RESPONSE错误如何解决？

问题原因 #

GitHub的blob页面（包括你尝试嵌入的文档页面）通过设置X-Frame-Options或Content-Security-Policy响应头，禁止被第三方网站嵌入到iframe中，这是GitHub的安全防护机制，用于防范点击劫持等攻击，因此会触发net::ERR_BLOCKED_BY_RESPONSE错误。

可行解决方案 #

• 使用GitHub Raw内容：若仅需展示文档的纯文本内容，可改用该文件的raw链接。示例代码：

<iframe crossorigin='anonymous'  
        src="https://raw.githubusercontent.com/pyrochlore/obsidian-tracker/master/docs/InputParameters.md" 
        style="border:1px #ffffff solid;" name="myiFrame" 
        scrolling="no" frameborder="1" 
        marginheight="0.5px" marginwidth="0.5px" 
        height="400px" width="600px" allowfullscreen></iframe>

• 自行托管文档内容：将目标Markdown文件下载后，上传到你自己的服务器或静态托管平台，再通过iframe嵌入自身域名下的文档链接，即可规避GitHub的跨域限制。
• 使用Markdown渲染库：如果你的页面支持，可引入marked.js这类Markdown渲染库，直接获取raw内容后在页面内渲染，体验比iframe更流畅。

内容的提问来源于stack exchange，提问作者Mohamed Djelloul Lahcen