オブジェクトWebView

ブラウザウィンドウオブジェクト

WebViewは、ブラウザに埋め込まれたウィンドウコンポーネントであり、現在、ウィンドウmacOS（10.10+）のみをサポートしています。ウィンドウでIE / Edgeカーネルを使用し、macOSでWKWebViewを使用します。

WebViewとfibjsのJavaScriptプログラムは同じエンジンにないため、ホストプログラムと通信する必要がある場合は、メッセージを使用する必要があります。

WebViewが通信に使用するオブジェクトは外部であり、1つのメソッドpostMessageと2つのイベントonmessageおよびoncloseをサポートします。

簡単な通信例のコードは次のとおりです。

1
2
3
4
5
6
7
8
9
// index.js
var gui = require('gui');
var webview = gui.open('fs://index.html');

webview.onmessage = msg => console.log(msg);

webview.onload = evt => webview.postMessage("hello from fibjs");

webview.wait();

index.htmlの内容は次のとおりです。

1
2
3
4
5
6
7
8
<script>
    external.onclose = function() {
    }

    external.onmessage = function(msg){
        external.postMessage("send back: " + msg);
    };
</script>

ユーザーウィンドウを閉じる前に、external.oncloseイベントがトリガーされ、external.oncloseで閉じるかどうかを決定できます。 external.oncloseがfalseを返す場合、操作はキャンセルされます。それ以外の場合、ウィンドウは閉じられます。

次の例では、ユーザーが[閉じる]をクリックしてからウィンドウを閉じてから5秒待ちます。

1
2
3
4
5
6
7
8
9
10
11
12
<script lang="JavaScript">
    var bClose = false;
    external.onclose = function () {
        if (!bClose) {
            setTimeout(function () {
                bClose = true;
                window.close();
            }, 5000);
            return false;
        }
    }
</script>

上記のコードでは、window.close自体もoncloseイベントをトリガーするため、イベントを処理する必要があるかどうかを識別するためにスイッチ変数を追加する必要があります。

継承

静的プロパティ

defaultMaxListeners

整数、リスナーのデフォルトのグローバル最大数

1
static Integer WebView.defaultMaxListeners;

メンバー属性

visible

ブール値、クエリ、およびウィンドウを表示するかどうかの設定

1
Boolean WebView.visible;

onload

on（ "load"、func）;と同等の、関数、クエリ、およびバインドの読み込み成功イベント。

1
Function WebView.onload;

onmove

on（ "move"、func）;と同等の、ウィンドウ移動イベントの関数、クエリ、およびバインド。

1
Function WebView.onmove;

次の例では、ウィンドウを移動したときにウィンドウの左上隅の座標を出力します。

1
2
3
4
var gui = require('gui');
var webview = gui.open('fs://index.html');

webview.onmove = evt => console.log(evt.left, evt.top);

onresize

on（ "size"、func）;と同等の、関数、クエリ、およびバインドウィンドウのサイズ変更イベント。

1
Function WebView.onresize;

次の例では、ウィンドウのサイズが変更されたときのウィンドウのサイズを出力します。

1
2
3
4
var gui = require('gui');
var webview = gui.open('fs://index.html');

webview.onresize = evt => console.log(evt.width, evt.height);

onclosed

関数、クエリ、およびバインドウィンドウのクローズイベント。今回は、WebViewが閉じられた後にトリガーされます。これは、on（ "closed"、func）;と同等です。

1
Function WebView.onclosed;

onmessage

on（ "message"、func）;と同等の、WebビューでpostMessageイベントを受け入れるための関数、クエリ、およびバインド。

1
Function WebView.onmessage;

メンバー機能

setHtml

webviewのページhtmlを設定します

1
WebView.setHtml(String html) async;

呼び出しパラメーター：

html ：文字列、設定html

print

現在のウィンドウドキュメントを印刷する

1
WebView.print(Integer mode = 1) async;

呼び出しパラメーター：

mode ：整数、印刷パラメータ、0：高速印刷、1：標準印刷、2：印刷プレビュー。デフォルトは1です

close

現在のウィンドウを閉じる

1
WebView.close() async;

postMessage

Webビューにメッセージを送信する

1
WebView.postMessage(String msg) async;

呼び出しパラメーター：

msg：文字列、送信するメッセージ
postMessageは、ウィンドウがロードされた後にメッセージを送信する必要があります。それ以前に送信されたメッセージは失われます。したがって、onloadイベントがトリガーされた後にこのメソッドを呼び出すことをお勧めします。

on

イベントハンドラーをオブジェクトにバインドします

1
2
Object WebView.on(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

イベントハンドラーをオブジェクトにバインドします

1
Object WebView.on(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定します。オブジェクトのプロパティ名はイベント名になり、プロパティ値はイベント処理関数になります。

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

addListener

イベントハンドラーをオブジェクトにバインドします

1
2
Object WebView.addListener(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

イベントハンドラーをオブジェクトにバインドします

1
Object WebView.addListener(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定します。オブジェクトのプロパティ名はイベント名になり、プロパティ値はイベント処理関数になります。

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

prependListener

イベントハンドラーをオブジェクト開始にバインドします

1
2
Object WebView.prependListener(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

イベントハンドラーをオブジェクト開始にバインドします

1
Object WebView.prependListener(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定します。オブジェクトのプロパティ名はイベント名になり、プロパティ値はイベント処理関数になります。

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

once

ワンタイムイベント処理関数をオブジェクトにバインドします。ワンタイム処理関数は1回だけトリガーされます

1
2
Object WebView.once(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

ワンタイムイベント処理関数をオブジェクトにバインドします。ワンタイム処理関数は1回だけトリガーされます

1
Object WebView.once(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定します。オブジェクトのプロパティ名はイベント名になり、プロパティ値はイベント処理関数になります。

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

prependOnceListener

イベントハンドラーをオブジェクト開始にバインドします

1
2
Object WebView.prependOnceListener(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

イベントハンドラーをオブジェクト開始にバインドします

1
Object WebView.prependOnceListener(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定します。オブジェクトのプロパティ名はイベント名になり、プロパティ値はイベント処理関数になります。

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

off

指定した機能をオブジェクト処理キューからキャンセルします

1
2
Object WebView.off(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

オブジェクト処理キュー内のすべての機能をキャンセルします

1
Object WebView.off(String ev);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

指定した機能をオブジェクト処理キューからキャンセルします

1
Object WebView.off(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定し、オブジェクトのプロパティ名をイベント名として使用し、プロパティ値をイベント処理関数として使用します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

removeListener

指定した機能をオブジェクト処理キューからキャンセルします

1
2
Object WebView.removeListener(String ev,
    Function func);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します
func ：関数、イベント処理関数を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

オブジェクト処理キュー内のすべての機能をキャンセルします

1
Object WebView.removeListener(String ev);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

指定した機能をオブジェクト処理キューからキャンセルします

1
Object WebView.removeListener(Object map);

呼び出しパラメーター：

map ：オブジェクト、イベントマッピング関係を指定し、オブジェクトのプロパティ名をイベント名として使用し、プロパティ値をイベント処理関数として使用します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

removeAllListeners

オブジェクト処理キューからすべてのイベントのすべてのリスナーをキャンセルします。イベントが指定されている場合は、指定されたイベントのすべてのリスナーを削除します。

1
Object WebView.removeAllListeners(Array evs = []);

呼び出しパラメーター：

evs ：配列、イベントの名前を指定します

戻り結果：

Object 、イベントオブジェクト自体を返し、呼び出しをチェーンするのは簡単

setMaxListeners

互換性のためだけの、リスナー数のデフォルト制限

1WebView.setMaxListeners(Integer n);

呼び出しパラメーター：

n ：整数、イベントの数を指定します

getMaxListeners

互換性のためにのみ、リスナー数のデフォルト制限を取得します

1Integer WebView.getMaxListeners();

戻り結果：

Integer 、デフォルトの制限数を返します

listeners

クエリオブジェクトの指定されたイベントのリスナーの配列

1
Array WebView.listeners(String ev);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します

戻り結果：

Arrayは、指定されたイベントのリスナーの配列を返します

listenerCount

クエリオブジェクトの指定されたイベントのリスナーの数

1
Integer WebView.listenerCount(String ev);

呼び出しパラメーター：

ev ：文字列、イベントの名前を指定します

戻り結果：

Integer 、指定されたイベントのリスナーの数を返します

eventNames

リスナーイベント名のクエリ

1
Array WebView.eventNames();

戻り結果：

Array 、イベント名の配列を返します

emit

イベントを積極的にトリガーする

1
2
Boolean WebView.emit(String ev,
    ...args);

呼び出しパラメーター：

ev ：文字列、イベント名
args ：...、イベントハンドラーに渡されるイベントパラメーター

戻り結果：

Boolean 、イベントトリガーステータスを返し、応答イベントがある場合はtrueを返し、それ以外の場合はfalseを返します

toString

オブジェクトの文字列表現を返します。通常は「[NativeObject]」を返します。オブジェクトは、独自の特性に従って再実装できます。

1
String WebView.toString();

戻り結果：

String 、オブジェクトの文字列表現を返します

toJSON

オブジェクトのJSON形式の表現を返します。通常、オブジェクトによって定義された読み取り可能な属性のコレクションを返します。

1
Value WebView.toJSON(String key = "");

呼び出しパラメーター：

key ：文字列、未使用

戻り結果：

Value 、シリアル化可能なJSONを含む値を返します

開発ガイド

基本モジュール

組み込みオブジェクト

コミュニティモジュール

オブジェクトWebView

継承

静的プロパティ

defaultMaxListeners

メンバー属性

visible

onload

onmove

onresize

onclosed

onmessage

メンバー機能

setHtml

print

close

postMessage

on

addListener

prependListener

once

prependOnceListener

off

removeListener

removeAllListeners

setMaxListeners

getMaxListeners

listeners

listenerCount

eventNames

emit

toString

toJSON