Sciter WebView 是 Sciter 行为组件。它可用于将 Web 内容无缝合并到 Sciter 应用程序的 UI 中。目标是实现控制器(作为 Sciter 的行为),以便 Sciter 能够加载任意网页并与之交互,支持双向 JavaScript 绑定(从 SciterJS 调用 JavaScript,以及从 JavaScript 调用 SciterJS)。
使用示例:
使用方法:
1、把Sciter SDK目录下的 sciter-webview.dll 复制到当前工程目录下,发布程序记得也要一同发布此dll
2、使用 <webview> (DOM容器),并在 css 中定义:webview {behavior: webview library(sciter-webview)}
以下是JS API
方法
element.webview.loadUrl
element.webview.loadUrl(url:string);
导航到 URL
element.webview.loadHtml
element.webview.loadHtml(html:string);
加载 HTML
element.webview.reload
element.webview.reload();
重新加载上次加载的文档。
element.webview.go返回
element.webview.goBack();
向后导航。
element.webview.goForward
element.webview.goForward();
向前导航。
element.webview.evaluateJavaScript
element.webview.evaluateJavaScript(jssrc:string);
在加载的文档的上下文中评估 jssrc。
性能
element.webview.currentSrc
const url = element.webview.currentSrc;
read-only, string, 报告加载文档的当前 URL
元素.webview.src
const url = element.webview.src;
read-write、string、要导航的 URL
事件
“webview 就绪”
element.on("webview-ready", function() {...});
WebView 已初始化并准备好接受方法调用。
“webview-不可用”
element.on("webview-unavailable", function() {...});
WebView 初始化失败。系统出于某种原因拒绝了 Web 视图创建。
“webview-will-navigate”
element.on("webview-will-navigate", function(evt) { const url = evt.data; ...});
WebView 将导航到 URL。
“webview-did-navigate”
element.on("webview-did-navigate", function() {...});
WebView 已成功导航到请求的 URL。
“webview-navigate-failure”
element.on("webview-navigate-failure", function() {...});
由于某些原因,WebView 无法导航到请求的 URL。
“webview-title-change”
element.on("webview-title-change", function(evt) { const title = evt.data; ...});
WebView 会收到标题为的新文档。