首页 > 解决方案 > 如何修复:使用 ElectronJS 的 Waze Iframe API 上的“Uncaught SyntaxError: Unexpected token ...”

问题描述

当我尝试在 ElectronJS 上使用 Waze API 时,我在控制台上收到此错误:

Uncaught SyntaxError: Unexpected token ...

如果我在我的 Chromium 上创建一个嵌入,API 运行良好。但是,如果获取相同的代码并尝试在我的 Electron 应用程序中执行将不起作用。

这是我的示例代码:

<iframe src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"
            width="100%" height="520"></iframe>

此错误未显示 Waze 地图,我希望结果适用于 ElectronJS。

标签: javascriptiframeelectronwaze

解决方案


使用 webview 标签在您的 Electron 应用程序中嵌入“访客”内容(例如网页)。来宾内容包含在 webview 容器中。应用程序中的嵌入式页面控制访客内容的布局和呈现方式。

与 iframe 不同,webview 在与您的应用程序不同的进程中运行。它没有与您的网页相同的权限,并且您的应用程序和嵌入内容之间的所有交互都将是异步的。这可以使您的应用免受嵌入内容的影响。注意:从主机页面在 webview 上调用的大多数方法都需要对主进程进行同步调用。

请尝试网页浏览:

<webview id="webview" src="https://embed.waze.com/iframe?zoom=13&lat=40.78247&lon=-73.97105&pin=1"></webview>

更多信息:https ://electronjs.org/docs/api/webview-tag


推荐阅读