在 Electron 中嵌入外部链接

Question

我已经准备好要嵌入的 instagram 媒体数据数组。在每个 html 的末尾都有一个脚本<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>。

默认情况下，电子将此链接指向file:// 协议。在src中添加http://正确返回js文件。

所以链接<script async defer src="http://platform.instagram.com/en_US/embeds.js"></script> 工作正常。

除了解析数据和重写链接，我该如何解决这个问题？

Answer 1

您面临的问题是// 是一个协议相对 URL，它将使用请求它的文件的任何协议。你可以阅读更多关于here的信息。

覆盖此默认行为的最佳选择是解析数据并使用正则表达式查询之类的东西重写链接。

或者你可以尝试拦截文件协议，验证url是你要拦截的，然后重新格式化url，你可以了解如何做到这一点here。下面是一个不包括验证您希望拦截的路径的示例。

const {app, protocol} = require('electron')
const path = require('path')

app.on('ready', () => {
  protocol.registerFileProtocol('file', (request, callback) => {
    const url = request.url.substr(7)
    callback({path: path.normalize(`http://${__dirname}/${url}`)})
  }, (error) => {
    if (error) console.error('Failed to register protocol')
  })
})