퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 컨트롤들
  4. 웹뷰[WebView]

웹뷰[WebView]

WebView 클래스

안드로이드 및 iOS에 웹 콘텐츠를 표시합니다.

WebView는 네이티브 전용이므로 NativeViewHost에 포함되어야 합니다.

WebView는 HTML 프로토콜을 통해 또는 HTML을 문자열로 로드하여 웹 컨텐츠를 표시하고 PageBeginLoading, WhilePageLoading 및 PageLoaded와 같은 사용자 정의된 탐색 경험을 제공하는 데 유용한 트리거에 연결합니다. GoBack 및 GoForward와 같은 탐색 트리거는 Reload, LoadUrl 및 LoadHtml과 같은 WebView 관련 항목으로 보완됩니다. 또한 ProgressAnimation을 구동하는 데 사용할 수 있습니다.

EvaluateJS 트리거는 WebView의 컨텍스트에서 임의의 JavaScript를 실행하고 결과 데이터를 퓨즈로 다시 제공할 수 있으므로 주목할 만한 기능입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<App Background="#333">
    <JavaScript>
            module.exports = {
                onPageLoaded : function(res) {
                    console.log("WebView arrived at "+ JSON.parse(res.json).url);
            }
        };
    </JavaScript>
    <DockPanel>
        <StatusBarBackground Dock="Top"/>
        <NativeViewHost>
            <WebView Dock="Fill" Url="http://www.google.com">
                <PageLoaded>
                    <EvaluateJS Handler="{onPageLoaded}">
                        var result = {
                            url : document.location.href
                        };
                        return result;
                    </EvaluateJS>
                </PageLoaded>
            </WebView>
        </NativeViewHost>

        <BottomBarBackground Dock="Bottom" />
    </DockPanel>
</App>

WebView는 또한 HTML 노드를 래핑하거나 LoadHtml 트리거 액션을 통해 표시할 원시 HTML을 제공받을 수 있습니다.

1
<LoadHtml TargetNode="myWebView" BaseUrl="http://my.domain" Source="{html}"/>

WebView의 인터페이스

링크로 대신합니다: https://www.fusetools.com/docs/fuse/controls/webview#section-table-of-contents

Was this article helpful to you? Yes No

How can we help?