当前位置：网站首页>WebView module manages the application window interface to realize the logical control and management operation of multiple windows (Part 1)

WebView module manages the application window interface to realize the logical control and management operation of multiple windows (Part 1)

2022-07-03 17:50:00 【Crooning ~ shallow singing】

attribute ：

isRecovery: At present Webview Whether the window automatically recovers due to kernel crash

Method ：

all: Get all Webview window
close: close Webview window
create: Create a new Webview window
currentWebview: Get the... Of the current window WebviewObject object
getDisplayWebview: Get all visible on the screen Webview window
getWebviewById: Find the specified ID WebviewObject window
getLaunchWebview: Get app Homepage WebviewObject Window object
getSecondWebview: Get the second homepage of the application WebviewObject Window object
getTopWebview: Get the top of the application display stack WebviewObject Window object
hide: hide Webview window
open: Create and open Webview window
prefetchURL: Preload web pages
prefetchURLs: Preload web pages （ Multiple addresses ）
show: Show Webview window
startAnimation: Webview Window combination animation
defaultHardwareAccelerated: obtain Webview Whether hardware acceleration is enabled by default

object ：

AnimationTypeShow: A set of animation effects used to define the display of pages or controls
AnimationTypeClose: A set of animation effects used to define the closing of a page or control
WebviewObject: Webview Window object , For operation loading HTML Window of the page
WebviewAnimationOptions: Webview Window animation parameters
WebviewAnimationStyles: Webview Window animation style
WebviewBounceStyle: Webview Window rebound style
WebviewContentAnimationOptions: Webview Window content animation parameters
WebviewDock: How native controls dock in the window
WebviewDragEvent: Webview Window sliding event data
WebviewDragOptions: Window gesture operation parameters
WebviewDragOtherViewOptions: Gesture operation associated object parameters
WebviewDrawOptions: Screenshot drawing operation parameters
WebviewFavoriteOptions: Window favorite parameters
WebviewLoadDataOptions: Create load HTML Data parameters
WebviewShareOptions: Window sharing parameters
WebviewSubNViewStyles: The original son of the window View Control style
WebviewTitleNViewStyles: Window title bar control style
WebviewTitleNViewBackButtonStyles: Window title bar custom return button style
WebviewTitleNViewButtonStyles: Window title bar custom button style
WebviewTitleNViewSearchInputStyles: Window title bar search box style
WebviewProgressStyles: Progress bar style of title bar control
WebviewSplitLineStyles: Split line style of window title bar control
WebviewEvent: Webview Window events
WebviewExtraOptions: JSON object , Native window extension parameters
WebviewPosition: Where the native control is displayed in the window
WebviewPullToRefreshStyles: Webview Window drop-down refresh style
WebviewRenderedEventOptions: Webview window rendered Event parameters
WebviewReplaceWebApiOptions: Replace H5 standard API Configuration information
WebviewStatusbarStyles: JSON object ,Webview The system status bar area style of the window
WebviewStyles: JSON object ,Webview The style of the window object
WebviewTransform: A set of properties that define page or control deformations
WebviewTransition: A set of properties used to define the conversion effect of a page or control
WebviewOverrideResourceOptions: Intercept Webview Parameters of window resource request
WebviewOverrideUrlOptions: Intercept Webview window URL Requested properties
WebviewListenResourceOptions: monitor Webview Properties of window resource loading

The callback method ：

BounceEventCallback: Webview Callback function of window rebound event
EventCallback: Webview Callback function of window event
PopGestureCallback: Webview Callback function of window sideslip event
HistoryQueryCallback: Callback function of history query
ListenResourceLoadingCallback: Webview Callback function of window loading resource event
OverrideUrlLoadingCallback: Webview Window blocking URL Callback function of link jump
TitleUpdateCallback: Webview Callback function for window loading page title update
WebviewAnimationCallback: Webview Window combination animation callback function
WebviewDragCallback: Webview Window sliding screen operation event callback function
WebviewCustomButtonCallback: Webview Click the custom button on the window title bar to click the event callback function
SuccessCallback: Webview The window operation is successful, and the callback function
ErrorCallback: Webview Window operation failed callback function

jurisdiction ：

5+ Function module （permissions）

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#ffffff">{</span>
<span style="color:#87ceeb">// ...</span>
<span style="color:#ffa0a0">"permissions"</span><span style="color:#ffffff">:{</span>
	<span style="color:#87ceeb">// ...</span>
	<span style="color:#ffa0a0">"Webview"</span><span style="color:#ffffff">:</span> <span style="color:#ffffff">{</span>
		<span style="color:#ffa0a0">"description"</span><span style="color:#ffffff">:</span> <span style="color:#ffa0a0">" Window management "</span>
	<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
			</code></span></span>

isRecovery

At present Webview Whether the window automatically recovers due to kernel crash

<span style="background-color:#333333"><span style="color:#474747"><code><span style="color:#ffffff">
plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">isRecovery</span><span style="color:#ffffff">;</span>
				</code></span></span>

explain ：

Boolean type Read-only property

If the current window is due to the kernel （WKWebview） Crash recovery returns true, Otherwise return to false. Be careful ： only iOS Platform use WKWebview Takes effect when the kernel .

Platform support ：

Android - ALL ( I won't support it )
iOS - 8.0+ ( Support )

all

Get all Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">Array</span><span style="color:#ffffff">[</span><span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff">]</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">all</span><span style="color:#ffffff">();</span>
				</code></span></span>

explain ：

Get all the created in the app Webview window , Include all not shown Webview window . return WebviewObject Objects are arranged in the order of creation in the array , The first in the array WebviewObject Object is used to load the application's entry page .

Parameters ：

nothing

Return value ：

Array[WebviewObject] : All created in the application Webview Window object array .

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get all Webview window </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> wvs</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">all</span><span style="color:#ffffff">();</span>
	<span style="color:#f0e68c"><strong>for</strong></span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> i</span><span style="color:#ffffff">=</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff"><</span><span style="color:#ffffff">wvs</span><span style="color:#ffffff">.</span><span style="color:#ffffff">length</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff">++){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'webview'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">i</span><span style="color:#ffffff">+</span><span style="color:#ffa0a0">': '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">wvs</span><span style="color:#ffffff">[</span><span style="color:#ffffff">i</span><span style="color:#ffffff">].</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
	<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

close

close Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">close</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> id_wvobj</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> aniClose</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> duration</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> extras </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Close the already open Webview window , You need to get the window object or window first id, You can also specify the animation and animation duration of closing the window .

Parameters ：

id_wvobj: ( String | WebviewObject ) Mandatory To shut down Webview window id Or window object
If the operation window object has been closed , There is no effect . Using Windows id when , Then find the corresponding id The window of , If there are multiple identical id The window of operates the first open window , If no corresponding id Of WebviewObject object , There is no effect .
aniClose: ( AnimationTypeClose ) Optional close Webview Animation effect of window
If no window animation is specified , The default value is used “auto”, That is, use the closing animation corresponding to the window animation set during display .
duration: ( Number ) Optional close Webview Duration of window animation
Unit is ms, If it is not set, the display window animation time is used .
extras: ( WebviewExtraOptions ) Optional close Webview Window extension parameters
Can be used to specify Webview Whether window animation uses picture acceleration .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  close Webview window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> closeWebview</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">close</span><span style="color:#ffffff">(</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

create

Create a new Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> url</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> id</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> styles</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> extras </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

establish Webview window , Used to load new HTML page , It can be done by styles Set up Webview The style of the window , After creation, you need to call show Only in this way can Webview The window displays .

Parameters ：

url: ( String ) Optional New window loaded HTML Page address
Open new Webview Window to load HTML Page address , Can support local address and network address .
id: ( String ) Optional The logo of the new window
The window ID can be used in other pages through getWebviewById To find the specified window , In order to maintain the uniqueness of window identification , You should avoid using the same identity to create multiple Webview window . If an invalid string is passed in, use url Parameters as WebviewObject Window id value .
styles: ( WebviewStyles ) Optional establish Webview The style of the window （ Such as window width 、 high 、 Location, etc ）
extras: ( Object ) Optional establish Webview Additional extension parameters of the window
The value is JSON type , After setting the extension parameters, you can directly use Webview The point of （“.”） Operator to get the extended parameter attribute value , Such as ： var w=plus.webview.create('url.html','id',{},{preload:'preload webview'}); // It can be obtained directly through the following methods preload value console.log(w.preload); // The output value is “preload webview”

Return value ：

WebviewObject : Webview Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Create and display a new window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> create</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> w </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	w</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">();</span> <span style="color:#87ceeb">//  Display window </span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

currentWebview

Get the... Of the current window WebviewObject object

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
				</code></span></span>

explain ：

Get the... Of the current page Webview Window object .

Parameters ：

nothing

Return value ：

WebviewObject : Webview Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get current Webview Window object </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span> <span style="color:#ffa0a0">" At present Webview window ："</span><span style="color:#ffffff">+</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">);</span>
				</code></span></span>

uni-app Use plus matters needing attention

getDisplayWebview

Get all visible on the screen Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">Array</span><span style="color:#ffffff">[</span><span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff">]</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getDisplayWebview</span><span style="color:#ffffff">();</span>
				</code></span></span>

explain ：

Only displayed in the screen area Webview window , If Webview The window is displayed but by others Webview If the window is covered, it is considered invisible .

Parameters ：

nothing

Return value ：

Array[WebviewObject] : Visible on the screen Webview Window object array .

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get all visible Webview window </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> wvs</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getDisplayWebview</span><span style="color:#ffffff">();</span>
	<span style="color:#f0e68c"><strong>for</strong></span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> i</span><span style="color:#ffffff">=</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff"><</span><span style="color:#ffffff">wvs</span><span style="color:#ffffff">.</span><span style="color:#ffffff">length</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff">++){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Display webview '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">i</span><span style="color:#ffffff">+</span><span style="color:#ffa0a0">': '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">wvs</span><span style="color:#ffffff">[</span><span style="color:#ffffff">i</span><span style="color:#ffffff">].</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
	<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

getWebviewById

Find the specified ID WebviewObject window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getWebviewById</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> id </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Finds the window with the specified ID in the list of created windows Webview Window and return to . If the window with the specified ID is not found, return null, If there are multiple with the same identification Webview window , Returns the first created Webview window . If you want to get the name of the application entry page Webview window , It is identified as the of the application %APPID%, It can be done by plus.runtime.appid obtain .

Parameters ：

id: ( String ) Mandatory You're looking for Webview Window logo

Return value ：

WebviewObject : WebviewObject Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Find the application homepage window object </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> h</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getWebviewById</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">runtime</span><span style="color:#ffffff">.</span><span style="color:#ffffff">appid </span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span> <span style="color:#ffa0a0">" Application home page Webview window ："</span><span style="color:#ffffff">+</span><span style="color:#ffffff">h</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">);</span>
				</code></span></span>

uni-app Use plus matters needing attention

getLaunchWebview

Get app Homepage WebviewObject Window object

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getLaunchWebview</span><span style="color:#ffffff">();</span>
				</code></span></span>

Parameters ：

nothing

Return value ：

WebviewObject : WebviewObject Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get the application homepage window object </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> h</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getLaunchWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Application home page Webview window ：'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">h</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
				</code></span></span>

uni-app Use plus matters needing attention

getSecondWebview

Get the second homepage of the application WebviewObject Window object

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getSecondWebview</span><span style="color:#ffffff">();</span>
				</code></span></span>

explain ：

In double homepage mode （ stay manifest.json Of plus->secondwebview Under node configuration ）, The application will automatically create two home pages Webview, adopt getLaunchWebview() You can get the first homepage window object , adopt getSecondWebview() You can get the second homepage window object .

Parameters ：

nothing

Return value ：

WebviewObject : WebviewObject Window object , In non dual homepage mode, it returns undefined.

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get the second homepage window object of the application </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> h</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getSecondWebview</span><span style="color:#ffffff">();</span>
	<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">h</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Apply the second Homepage Webview window ：'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">h</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
	<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' There is no second homepage for the app Webview window '</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

getTopWebview

Get the top of the application display stack WebviewObject Window object

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getTopWebview</span><span style="color:#ffffff">();</span>
				</code></span></span>

Parameters ：

nothing

Return value ：

WebviewObject : WebviewObject Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get the application homepage window object </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> h</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getTopWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' The application shows the top of the stack Webview window ：'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">h</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
				</code></span></span>

uni-app Use plus matters needing attention

hide

hide Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hide</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> id_wvobj</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> aniHide</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> duration</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> extras </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

According to the designation WebviewObject Object or id hide Webview window , Make the window invisible .

Parameters ：

id_wvobj: ( String | WebviewObject ) Mandatory To hide Webview window id Or window object
When using window objects , If the window object is hidden , There is no effect . Using Windows id when , Then find the corresponding id The window of , If there are multiple identical id The window that is opened first , If no corresponding id Of WebviewObject object , There is no effect .
aniHide: ( AnimationTypeClose ) Optional hide Webview Animation effect of window
If no window animation is specified , The default animation effect is used “none”.
duration: ( Number ) Optional hide Webview Duration of window animation
Unit is ms, If it is not set, the default window animation time is used .
extras: ( WebviewExtraOptions ) Optional hide Webview Window extension parameters
Can be used to specify Webview Whether window animation uses picture acceleration .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Hide current Webview window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> hideWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hide</span><span style="color:#ffffff">(</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">());</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

open

Create and open Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">open</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> url</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> id</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> styles</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> aniShow</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> duration</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> showedCB </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Create and display Webview window , Used to load new HTML page , It can be done by styles Set up Webview The style of the window , After the creation is completed, it will automatically Webview The window displays .

Parameters ：

url: ( String ) Optional Open the window loaded HTML Page address
Open new Webview Window to load HTML Page address , Can support local address and network address .
id: ( String ) Optional Open the logo of the window
The window ID can be used in other pages through getWebviewById To find the specified window , In order to maintain the uniqueness of window identification , You should avoid using the same identity to create multiple Webview window . If an invalid string is passed in, use url Parameters as WebviewObject Window id value .
styles: ( WebviewStyles ) Optional establish Webview The style of the window （ Such as window width 、 high 、 Location, etc ）
aniShow: ( AnimationTypeShow ) Optional Show Webview Animation effect of window
If no window animation is specified , Use the default no animation effect “none”.
duration: ( Number ) Optional Show Webview Duration of window animation
Unit is ms, The default value is 200ms（ millisecond ）.
showedCB: ( SuccessCallback ) Optional Webview The window shows the completed callback function
When specifying Webview The callback function is triggered when the window display animation is completed , The window has no animation effect （ Such as "none" Animation effect ） This callback will also be triggered .

Return value ：

WebviewObject : WebviewObject Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Create and display a new window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> openWebview</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> w </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">open</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

prefetchURL

Preload web pages

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">prefetchURL</span><span style="color:#ffffff">(</span><span style="color:#ffffff">url</span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Preloading the web page will initiate http/https The request for html The page content , stay Webview The window loads this url When the page is loaded, the preloaded page content will be used first according to the caching mechanism ( Speed up page display ). Be careful ： Preloading web pages only takes effect during runtime , To save memory, only the last 5 Preload page data .

Parameters ：

url: ( String ) Mandatory The address of the page that needs to be preloaded
Must be a network address （http/https）, The local page address does not need to be preloaded .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> url </span><span style="color:#ffffff">=</span> <span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">;</span>

<span style="color:#87ceeb">//  Preload web pages </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> prefetchWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">prefetchURL</span><span style="color:#ffffff">(</span><span style="color:#ffffff">url</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>

<span style="color:#87ceeb">//  Display the preload page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> showWebview</span><span style="color:#ffffff">(){</span>
	<span style="color:#87ceeb">//  Pre create new window （ Display outside the visual area ）</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffffff">url</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">'test'</span><span style="color:#ffffff">,{</span><span style="color:#ffffff">render</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'always'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

prefetchURLs

Preload web pages （ Multiple addresses ）

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">prefetchURLs</span><span style="color:#ffffff">(</span><span style="color:#ffffff">urls</span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Parameters ：

urls: ( Array[String] ) Mandatory An array of page addresses that need to be preloaded
Array entries must be network addresses （http/https）, The local page address does not need to be preloaded .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> urls </span><span style="color:#ffffff">=</span> <span style="color:#ffffff">[</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span>
	<span style="color:#ffa0a0">'http://m3w.cn/'</span><span style="color:#ffffff">];</span>

<span style="color:#87ceeb">//  Preload web pages </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> prefetchWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">prefetchURLs</span><span style="color:#ffffff">(</span><span style="color:#ffffff">urls</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>

<span style="color:#87ceeb">//  Display the preload page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> showWebview</span><span style="color:#ffffff">(){</span>
	<span style="color:#87ceeb">//  Create and display a new window </span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffffff">urls</span><span style="color:#ffffff">[</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">],</span> <span style="color:#ffa0a0">'test'</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">render</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'always'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> showWebview1</span><span style="color:#ffffff">(){</span>
	<span style="color:#87ceeb">//  Create and display a new window </span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffffff">urls</span><span style="color:#ffffff">[</span><span style="color:#cd5c5c">1</span><span style="color:#ffffff">],</span> <span style="color:#ffa0a0">'test1'</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">render</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'always'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

show

Show Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> id_wvobj</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> aniShow</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> duration</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> showedCB</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> extras </span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Show created or hidden Webview window , You need to get the window object or window first id, The animation and animation duration of the display window can be specified .

Parameters ：

id_wvobj: ( String | WebviewObject ) Mandatory To display the Webview window id Or window object
If operation Webview The window object displays , There is no effect . Using Windows id when , Then find the corresponding id The window of , If there are multiple identical id The window of operates on the first created window , If no corresponding id Of WebviewObject object , There is no effect .
aniShow: ( AnimationTypeShow ) Optional Show Webview Animation effect of window
If no window animation type is specified , The default value is used “auto”, That is, automatically select the animation effect of the last display window , If not shown before , Then use “none” Animation effect .
duration: ( Number ) Optional Show Webview Duration of window animation
Unit is ms, If it is not set, the default window animation time is used 600ms.
showedCB: ( SuccessCallback ) Optional Webview The window shows the completed callback function
When specifying Webview The callback function is triggered when the window display animation is completed , The window has no animation effect （ Such as "none" Animation effect ） This callback will also be triggered .
extras: ( WebviewExtraOptions ) Optional Show Webview Window extension parameters
Can be used to specify Webview Whether window animation uses picture acceleration .

Return value ：

WebviewObject : Webview Window object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Create and display a new window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> create</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> w </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffffff">w</span><span style="color:#ffffff">);</span> <span style="color:#87ceeb">//  Display window </span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

startAnimation

Webview Window combination animation

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">startAnimation</span><span style="color:#ffffff">(</span><span style="color:#ffffff">options</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> otherOptions</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> callback</span><span style="color:#ffffff">);</span>
				</code></span></span>

explain ：

Synchronously combine two Webview Window animation , After the animation is completed, the position of the window will change , You need to set the starting position of animation in the animation attribute parameters at one time 、 End position, etc . Be careful ： This animation operation will change the window position （ Such as left It's worth waiting for ）, Call again show Method needs to ensure whether its position is in the visible area , If it is not in the visible area, you need to call the window setStyle Method to set its position in the visible area , Such as setStyle({left:'0px'});.

Parameters ：

options: ( WebviewAnimationOptions ) Mandatory Main window animation properties
Animate the main window and its starting position , End position and other information .
otherOptions: ( WebviewAnimationOptions ) Optional Associate window animation properties
Set the associated window and its starting position , End position and other information .
callback: ( WebviewAnimationCallback ) Optional Webview Window combination animation completion callback
A callback is triggered when the animation of each window is completed , You can call back the... Of the parameter id Property to get the identification of the window .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Pre create new window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> createWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
	<span style="color:#87ceeb">//  Create a new window （ Display outside the visual area ）</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">'newdrag'</span><span style="color:#ffffff">,{</span><span style="color:#ffffff">left</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'100%'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">render</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'always'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">//  Slide right to hide the new window </span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drag</span><span style="color:#ffffff">({</span><span style="color:#ffffff">direction</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'right'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'followFinger'</span><span style="color:#ffffff">},</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">view</span><span style="color:#ffffff">:</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'follow'</span><span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Right drag event: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>

<span style="color:#87ceeb">//  Window combination animation </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> webviewAnimation</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">startAnimation</span><span style="color:#ffffff">({</span><span style="color:#ffffff">view</span><span style="color:#ffffff">:</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">,</span><span style="color:#ffffff">styles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">fromLeft</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0%'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">toLeft</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'-100%'</span><span style="color:#ffffff">},</span><span style="color:#ffffff">action</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">},</span>
	<span style="color:#ffffff">{</span><span style="color:#ffffff">view</span><span style="color:#ffffff">:</span><span style="color:#ffffff">wn</span><span style="color:#ffffff">,</span><span style="color:#ffffff">styles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">fromLeft</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'100%'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">toLeft</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0%'</span><span style="color:#ffffff">},</span><span style="color:#ffffff">action</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">},</span>
	<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Animation finished: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

defaultHardwareAccelerated

obtain Webview Whether hardware acceleration is enabled by default

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">Boolean</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">defaultHardwareAccelerated</span><span style="color:#ffffff">();</span>
				</code></span></span>

explain ：

Because different devices support hardware acceleration differently , Turn on hardware acceleration to accelerate HTML Rendering of the page , But it will also consume more system resources , As a result, a flash screen may appear on some devices 、 Hair deficiency 、 Block rendering and other problems , therefore 5+ Runtime It will automatically select whether to turn on hardware acceleration according to the actual support of the device . Turning off hardware acceleration may cause Webview Page cannot support Video Tag playing video and other issues , If it is necessary to adjust and modify the default behavior of turning on hardware acceleration under specific circumstances , You can go through plus.webview.defaultHardwareAccelerated() Method to get whether the current device is in the hardware acceleration state by default , This determines whether you need to explicitly turn the assignment on or off Webview Hardware acceleration function of （ adopt WebviewStyles Of hardwareAccelerated Property settings ）.

Parameters ：

nothing

Return value ：

Boolean : Webview The window is enabled by default, and hardware acceleration returns true, Otherwise return to false.

Platform support ：

Android - 2.3+ ( Support ) :
Returns whether hardware acceleration is enabled by default for the current device .
iOS - 5.1+ ( I won't support it ) :
Return fixed value true.

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  Create a new window and set hardware acceleration on </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> create</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> styles</span><span style="color:#ffffff">={};</span>
	<span style="color:#87ceeb">//  stay Android5 The above equipment , If hardware acceleration is not enabled by default , It is forced to set on </span>
	<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(!</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">defaultHardwareAccelerated</span><span style="color:#ffffff">()&&</span><span style="color:#ffffff">parseInt</span><span style="color:#ffffff">(</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">os</span><span style="color:#ffffff">.</span><span style="color:#ffffff">version</span><span style="color:#ffffff">)>=</span><span style="color:#cd5c5c">5</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		styles</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hardwareAccelerated</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>true</strong></span><span style="color:#ffffff">;</span>
	<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> w </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">'test'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> styles</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffffff">w</span><span style="color:#ffffff">);</span> <span style="color:#87ceeb">//  Display window </span>
<span style="color:#ffffff">}</span>
				</code></span></span>

uni-app Use plus matters needing attention

AnimationTypeShow

A set of animation effects used to define the display of pages or controls

Constant ：

"auto": (String type ) Automatically select animation effects
Automatically select animation effects , Use the animation effect set by the last display window , If it is displayed for the first time, the default animation effect “none”.
"none": (String type ) No animation
Show the page now , No animation effect , The page displays the default animation effect . This effect ignores animation time parameters , Show immediately . Corresponding to close animation "none".
"slide-in-right": (String type ) Slide horizontally from the right side
The page slides outward and inward horizontally from the right side of the screen . Corresponding to close animation "slide-out-right".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-in-left": (String type ) Slide horizontally from the left
The page slides horizontally from the left side of the screen to the right . Corresponding to close animation "slide-out-left".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-in-top": (String type ) Vertical sliding effect from the upper side
The page slides down vertically from the top of the screen . Corresponding to close animation "slide-out-top".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-in-bottom": (String type ) Vertical sliding effect from the lower side
The page slides vertically up from the bottom of the screen . Corresponding to close animation "slide-out-bottom".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"fade-in": (String type ) Gradually display the effect from transparent to opaque
The page is gradually displayed from completely transparent to opaque . Corresponding to close animation "fade-out".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"zoom-out": (String type ) Gradually enlarge the display effect from small to large
The page is gradually enlarged in the middle of the screen from small to large . Corresponding to close animation "zoom-in".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 100ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 100ms.
"zoom-fade-out": (String type ) Gradually enlarge from small to large, and gradually display the effect from transparent to opaque
The page enlarges gradually from small to large in the middle of the screen and displays gradually from transparent to opaque . Corresponding to close animation "zoom-fade-in".
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 100ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 100ms.
"pop-in": (String type ) Translate the stack animation effect from the right
The page slides into the display from the right side of the screen , At the same time, the shadow effect of the previous page slides out from the left side of the screen to hide . Corresponding to close animation "pop-out".
Platform support
- Android - 2.2+ ( Support ) :
  The animation time is 300ms, Animation duration is not supported ,Android6+ A page on the system has a translucent effect . This animation is the special effect of the new window sliding and squeezing the current screen window , It has to be two Webview Combined animation of windows , If more than one... Is displayed on the current screen Webview window , The new window does not support this animation type , Automatically convert to “slide-in-right”.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.

AnimationTypeClose

A set of animation effects used to define the closing of a page or control

Constant ：

"auto": (String type ) Automatically select animation effects
Automatically select the animation effect of the display window relative to .
"none": (String type ) No animation
Close the page now , No animation effect . This effect ignores animation time parameters , Shut down immediately .
"slide-out-right": (String type ) Slide the screen animation sideways to the right
The page slides horizontally from the screen to the right and closes off the screen .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-out-left": (String type ) Slide the screen animation sideways to the left
The page slides horizontally to the left from the screen to close off .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-out-top": (String type ) Slide the screen animation vertically upward
The page slides vertically upward from the screen to close out of the screen .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"slide-out-bottom": (String type ) Slide the screen animation vertically downward
The page slides vertically from the screen to the bottom and closes off .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"fade-out": (String type ) Hide animation gradually from being transparent to transparent
Pages are hidden and closed gradually from being transparent to transparent .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 200ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.
"zoom-in": (String type ) Turn off animation from large to small
The page gradually shrinks towards the center of the page and closes .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 100ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 100ms.
"zoom-fade-in": (String type ) Gradually shrink from large and never transparent to transparent and gradually hide to close the animation
The page gradually shrinks towards the center of the page and is hidden and closed from being transparent to transparent .
Platform support
- Android - 2.2+ ( Support ) :
  The default animation time is 100ms.
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 100ms.
"pop-out": (String type ) Translate the stack animation effect from the right
The page slides out from the right side of the screen and disappears , At the same time, the shadow effect of the previous page slides into the display from the left side of the screen .
Platform support
- Android - 2.2+ ( Support ) :
  The animation time is 300ms, Animation duration is not supported ,Android6+ A page on the system has a translucent effect .
- iOS - 5.1.1+ ( Support ) :
  The default animation time is 300ms.

WebviewObject

Webview Window object , For operation loading HTML Window of the page

attribute ：

id: Webview The identification of the window

Method ：

addEventListener: Add event listener
append: stay Webview Add a sub window to the window
appendJsFile: add to Webview Window preload js file
animate: Webview Window content animation
back: Go back to the last loaded page
beginPullToRefresh: Start Webview The pull-down refresh of the window
canBack: Inquire about Webview Whether the window can go back
canForward: Inquire about Webview Whether the window can advance
checkRenderedContent: testing Webview Whether the window is rendered
children: obtain Webview All children of the window Webview window
clear: Empty native Webview Contents loaded by the window
close: close Webview window
drag: Set up Webview Sliding screen operation gesture of window
draw: Screen capture
endPullToRefresh: end Webview The pull-down refresh of the window
evalJS: stay Webview Execute... In the window JS Script
forward: Advance to the last loaded page
getFavoriteOptions: obtain Webview Favorite parameters of the window
getSafeAreaInsets: Get the security zone of the page
getShareOptions: obtain Webview Window sharing parameters
getStyle: obtain Webview The style of the window
getSubNViews: obtain Webview The original son of the window View The control object
getTitle: obtain Webview Window load HTML Title of the page
getTitleNView: obtain Webview The title bar control object of the window
getTitleNViewSearchInputText: Get the contents of the input box on the title bar
getURL: obtain Webview Window load HTML Address of the page
hide: hide Webview window
hideTitleNViewButtonRedDot: Hide the red dot of the button on the title bar
interceptTouchEvent: Intercept or not Webview Touch screen events for Windows
isHardwareAccelerated: Inquire about Webview Whether the window opens hardware acceleration
isPause: Inquire about Webview Whether the window is paused
isVisible: Inquire about Webview Whether the window is visible
listenResourceLoading: The listening page starts loading resources
loadData: Load new HTML data
loadURL: Load new URL page
nativeInstanceObject: obtain Webview The native of the window object （Native.JS） Instance object
opened: Get the current Webview All windows created in the window
opener: Get current Webview The creator of the window
overrideResourceRequest: Intercept Webview Resource loading of window
overrideUrlLoading: Intercept Webview Window URL request
parent: Get current Webview The parent window of the window
pause: Pause the current Webview window
reload: Reload Webview The window displays HTML page
resetBounce: Reset Webview The rebound position of the window
restore: recovery Webview Control to display content
remove: Remove child Webview window
removeEventListener: remove Webview Window event listener
removeFromParent: Remove from parent window
removeTitleNViewButtonBadge: Remove the corner mark of the button on the title bar
resume: Restore the current Webview window
setBounce: Set up Webview The rebound effect of the window
setBlockNetworkImage: Set up Webview Whether the window blocks the network pictures used in the loading page
setContentVisible: Set up HTML Whether the content is visible
setCssFile: Set preloaded CSS file
setCssText: Set preloaded CSS Content
setFavoriteOptions: Set up Webview Favorite parameters of the window
setFixBottom: Set up Webview The height of the repair area at the bottom of the window
setJsFile: Set preloaded JS file
setPullToRefresh: Set up Webview The drop-down refresh effect of the window
setRenderedEventOptions: Set up Webview window rendered Event parameters
setSoftinputTemporary: Temporarily set the pop-up system soft keyboard style
setStyle: Set up Webview The style of the window
setShareOptions: Set up Webview Window sharing parameters
setTitleNViewButtonBadge: Set the corner mark of the button on the title bar
setTitleNViewButtonStyle: Set the style of the button on the title bar
setTitleNViewSearchInputFocus: Set whether the input box on the title bar gets input focus
setTitleNViewSearchInputText: Set the contents of the input box on the title bar
setVisible: Set up Webview Whether the window is visible
show: Show Webview window
showBehind: In the specified Webview After the window
showTitleNViewButtonRedDot: Set the red dot of the button on the title bar
stop: Stop loading HTML The page content
updateSubNViews: to update Webview The original son of the window View The control object

event ：

onclose: Webview Window closing event
onerror: Webview Window error event
onloaded: Webview Window page loading completion event
onloading: Webview The window page starts loading events

id

Webview The identification of the window

explain ：

String type Read-only property

call plus.webview.create or plus.webview.open Passed in when creating a new window id Parameter values , If not set id Parameters , The value of this property is undefined. Be careful ： Window ID can only be set at creation , Dynamic modification is not supported , Do not assign values to this attribute .

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">//  Get yourself webview window </span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Window logo : '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">id</span><span style="color:#ffffff">);</span>
						</code></span></span>

uni-app Use plus matters needing attention

addEventListener

Add event listener

<span style="background-color:#333333"><span style="color:#474747"><code><span style="color:#ffffff">
wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span> <span style="color:#f0e68c"><strong>event</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff"> listener</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> capture </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

towards Webview Window add event listener , When the specified event occurs , Will trigger listener Execution of a function . This method can be called multiple times to Webview Add multiple listeners , When the monitored event occurs , It will be executed in the order of addition .

Parameters ：

event: ( WebviewEvent ) Mandatory Webview Window event type
listener: ( EventCallback ) Mandatory Listen for the callback function executed when the event occurs
capture: ( Boolean ) Optional Capture the sequence of event flow , No effect yet

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> nw</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">//  monitor Webview Window events </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> listenWebviewEvent</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span>
	<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">nw</span><span style="color:#ffffff">){</span><span style="color:#f0e68c"><strong>return</strong></span><span style="color:#ffffff">;}</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> w</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeUI</span><span style="color:#ffffff">.</span><span style="color:#ffffff">showWaiting</span><span style="color:#ffffff">()</span>
	<span style="color:#87ceeb">//  Open a new window </span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'loaded'</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'New Window loaded!'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
		nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">();</span> <span style="color:#87ceeb">//  Display window </span><span style="color:#ffffff">
		w</span><span style="color:#ffffff">.</span><span style="color:#ffffff">close</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
		w</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
	<span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
						</code></span></span>

uni-app Use plus matters needing attention

append

stay Webview Add a sub window to the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> webview </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

Put another Webview The window is added to the current as a child window Webview Window , After adding, its ownership belongs to the parent Webview window , When the parent window closes, the child window closes automatically .

Parameters ：

webview: ( plus.nativeObj.View | WebviewObject ) Mandatory Added child Webview Window or View The control object
Added Webview The window needs to pass plus.webview.create Method creation , And it cannot be called show Method to display . When the parent window is displayed, the child window will be automatically displayed , When the parent window is hidden, the child window will also be hidden automatically . Added View Control needs to pass new plus.nativeObj.View() establish , Add to Webview Ownership is transferred after the window （ namely Webview After closing View Control also closes automatically ）.

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
	<span style="color:#87ceeb">// stay Webview Add a sub window to the window </span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">);</span>
						</code></span></span>

uni-app Use plus matters needing attention

appendJsFile

add to Webview Window preload js file

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">appendJsFile</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> file </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

For some networks HTML page , It cannot be modified HTML This method can be used to automatically load local pages js file . When Webview When the window jumps to a new page, it will also automatically load the specified js perform , Add multiple js The files will be executed in the order of addition .

Parameters ：

file: ( String ) Mandatory Window preloaded js File address
js File path only supports local files , You should use files with extended relative path types , Such as "_www/preload.js".

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">//  add to Webview Window preload js file </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> appendJs2Webviewe</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> nw</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">appendJsFile</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'_www/preload.js'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
						</code></span></span>

uni-app Use plus matters needing attention

animate

Webview Window content animation

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">animate</span><span style="color:#ffffff">(</span><span style="color:#ffffff">options</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> callback</span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

Animation may lead to Webview The window display changes , By calling restore Method recovery . When Webview Window content animation causes the content to be invisible （ transparent ）, The contents behind this window will be displayed .

Parameters ：

options: ( WebviewContentAnimationOptions ) Optional Webview Window content animation parameters
callback: ( SuccessCallback ) Optional Webview Window content animation end callback function
Webview Triggered when the animation effect of window content ends . Be careful ： At the end of the animation, it will still show Webview window , It needs to be called hide/close Method hide / close .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">// Webview Window animation  </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> animateWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	wv</span><span style="color:#ffffff">.</span><span style="color:#ffffff">animate</span><span style="color:#ffffff">({</span><span style="color:#ffffff">type</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'shrink'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">frames</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">20</span><span style="color:#ffffff">,</span><span style="color:#ffffff">region</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'44px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'48px'</span><span style="color:#ffffff">},</span><span style="color:#ffffff">duration</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">1000</span><span style="color:#ffffff">},</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		wv</span><span style="color:#ffffff">.</span><span style="color:#ffffff">restore</span><span style="color:#ffffff">();</span>	<span style="color:#87ceeb">//  After the content animation ends, you can call this animation to restore the displayed content </span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
					</code></span></span>

uni-app Use plus matters needing attention

back

Go back to the last loaded page

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">back</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Webview Window history operation , Go back to the last time the window was loaded HTML page . If there is no page to go back in the window history, no action will be triggered .

Parameters ：

nothing

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">//  Create subwindow </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> createWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>

<span style="color:#87ceeb">//  Go back to the last loaded page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> goForward</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">forward</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
						</code></span></span>

uni-app Use plus matters needing attention

beginPullToRefresh

Start Webview The pull-down refresh of the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">beginPullToRefresh</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Start triggering the pull-down refresh effect , It is consistent with the pull-down refresh behavior of user operation （ It's animated ）. Trigger setPullTorefresh Method to set the pull-down refresh event callback .

Parameters ：

nothing

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE HTML></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"viewport"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"initial-scale=1.0, maximum-scale=1.0, user-scalable=no"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"HandheldFriendly"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"true"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"MobileOptimized"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"320"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
		<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> list</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">//  Expand API Loading finished , Now you can call the extension normally API </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setPullToRefresh</span><span style="color:#ffffff">({</span><span style="color:#ffffff">support</span><span style="color:#ffffff">:</span><span style="color:#f0e68c"><strong>true</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff">style</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'circle'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">offset</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'45px'</span><span style="color:#ffffff">},</span><span style="color:#ffffff"> onRefresh</span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">//  Refresh the list the first time you open the page </span><span style="color:#ffffff">
	setTimeout</span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Initializ refresh'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
		ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">beginPullToRefresh</span><span style="color:#ffffff">();</span>
	<span style="color:#ffffff">},</span><span style="color:#cd5c5c">200</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Judgment extension API Whether or not will , Otherwise, monitor 'plusready' event </span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">// DOM Get list elements when build is complete </span><span style="color:#ffffff">
document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'DOMContentLoaded'</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	list</span><span style="color:#ffffff">=</span><span style="color:#ffffff">document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getElementById</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'list'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">})</span>
<span style="color:#87ceeb">//  Refresh the page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> onRefresh</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	setTimeout</span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span>
		<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">list</span><span style="color:#ffffff">){</span>
			<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> item</span><span style="color:#ffffff">=</span><span style="color:#ffffff">document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">createElement</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'li'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
			item</span><span style="color:#ffffff">.</span><span style="color:#ffffff">innerHTML</span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">'<span>New Item '</span><span style="color:#ffffff">+(</span><span style="color:#f0e68c"><strong>new</strong></span> <span style="color:#98fb98">Date</span><span style="color:#ffffff">())+</span><span style="color:#ffa0a0">'</span>'</span><span style="color:#ffffff">;</span><span style="color:#ffffff">
			list</span><span style="color:#ffffff">.</span><span style="color:#ffffff">insertBefore</span><span style="color:#ffffff">(</span><span style="color:#ffffff">item</span><span style="color:#ffffff">,</span><span style="color:#ffffff">list</span><span style="color:#ffffff">.</span><span style="color:#ffffff">firstChild</span><span style="color:#ffffff">);</span>
		<span style="color:#ffffff">}</span><span style="color:#ffffff">
		ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">endPullToRefresh</span><span style="color:#ffffff">();</span>
	<span style="color:#ffffff">},</span><span style="color:#cd5c5c">1000</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
		<span style="color:#f0e68c"><strong></script></strong></span>
		<span style="color:#f0e68c"><strong><style</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/css"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">
li </span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	padding</span><span style="color:#ffffff">:</span> <span style="color:#cd5c5c">1em</span><span style="color:#ffffff">;</span><span style="color:#ffffff">
	border</span><span style="color:#ffffff">-</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span> <span style="color:#cd5c5c">1px</span><span style="color:#ffffff"> solid </span><span style="color:#87ceeb">#eaeaea;</span>
<span style="color:#ffffff">}</span><span style="color:#ffffff">
li</span><span style="color:#ffffff">:</span><span style="color:#ffffff">active </span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	background</span><span style="color:#ffffff">:</span> <span style="color:#87ceeb">#f4f4f4;</span>
<span style="color:#ffffff">}</span>
		<span style="color:#f0e68c"><strong></style></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span>
		<span style="color:#f0e68c"><strong><ul</strong></span> <span style="color:#bdb76b"><strong>id</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"list"</span> <span style="color:#bdb76b"><strong>style</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">list</span><span style="color:#ffffff">-</span><span style="color:#ffffff">style</span><span style="color:#ffffff">:</span><span style="color:#ffffff">none</span><span style="color:#ffffff">;</span><span style="color:#ffffff">margin</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffffff">padding</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 1</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 2</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 3</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 4</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 5</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 6</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 7</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 8</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 9</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 10</span><span style="color:#f0e68c"><strong></span></li></strong></span>
		<span style="color:#f0e68c"><strong></ul></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

canBack

Inquire about Webview Whether the window can go back

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canBack</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> queryCallback </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

Webview Window history query operation , obtain Webview Can I go back to the page loaded in history , Result passed queryCallback The callback method returns .

Parameters ：

queryCallback: ( HistoryQueryCallback ) Mandatory Query history operation callback function

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Can I go back </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> canBack</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canBack</span><span style="color:#ffffff">(</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Can I return ：'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canBack</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Inquire about Webview Whether the window can go back 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">canBack</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">canBack</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

canForward

Inquire about Webview Whether the window can advance

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canForward</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> queryCallback </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

Webview Window history query operation , obtain Webview Whether you can advance to the page loaded by history , Result passed queryCallback The callback method returns .

Parameters ：

queryCallback: ( HistoryQueryCallback ) Mandatory Query history operation callback function

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Can we move forward </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> canForward</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canForward</span><span style="color:#ffffff">(</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span> <span style="color:#ffa0a0">" Can we move forward ："</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">canForward </span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Inquire about Webview Whether the window can advance 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">canForward</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">canForward</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

checkRenderedContent

testing Webview Whether the window is rendered

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">checkRenderedContent</span><span style="color:#ffffff">(</span><span style="color:#ffffff">options</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> successCallback</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> errorCallback</span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

The detection method is judged Webview Whether the window content is white , If the screen is not white, the rendering is considered complete , Otherwise, the rendering is considered incomplete . adopt successCallback The callback function returns the result , If an error occurs during the detection process, trigger errorCallback Callback function .

Parameters ：

options: ( WebviewRenderedEventOptions ) Optional Webview window rendered Event parameters
successCallback: ( Function ) Mandatory testing Webview Window rendering result callback function
Trigger after obtaining the rendering detection result , The function prototype is void function(e){}; e.rendered： Indicates the result of detecting the completion of rendering ,Boolean type ,true Indicates that the rendering is complete ,false Indicates that rendering is not complete .
errorCallback: ( ErrorCallback ) Optional testing Webview Window rendering result failure callback function
testing Webview If an error occurs in the process of rendering the result of the window, it will trigger errorCallback Callback function .

Return value ：

void : nothing

Platform support ：

Android - 2.2+ ( Support )
iOS - ALL ( I won't support it )

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> nw</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>

<span style="color:#87ceeb">//  establish Webview window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> createWebview</span><span style="color:#ffffff">(){</span>
	<span style="color:#87ceeb">//  Open a new window </span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> checkWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">checkRenderedContent</span><span style="color:#ffffff">({},</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'checkRenderedContent success: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'checkRenderedContent error: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 testing Webview Whether the window is rendered </span><span style="color:#f0e68c"><strong><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">createWebview</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Show</span><span style="color:#f0e68c"><strong></button><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">checkWebview</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Check</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

children

obtain Webview All children of the window Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">Array</span><span style="color:#ffffff">[</span><span style="color:#98fb98">WebviewObject</span><span style="color:#ffffff">]</span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">children</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Get add to Webview All children in the window Webview window , If there are no children Webview The window returns an empty array .

Parameters ：

nothing

Return value ：

Array[WebviewObject] : The subspecies included Webview Window object array , If not, an empty array is returned .

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> embed </span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Get the son Webview window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> listChildren</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> list</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">children</span><span style="color:#ffffff">();</span>
	<span style="color:#f0e68c"><strong>for</strong></span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> i</span><span style="color:#ffffff">=</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff"><</span><span style="color:#ffffff">list</span><span style="color:#ffffff">.</span><span style="color:#ffffff">length</span><span style="color:#ffffff">;</span><span style="color:#ffffff">i</span><span style="color:#ffffff">++){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Children['</span><span style="color:#ffffff">+</span><span style="color:#ffffff">i</span><span style="color:#ffffff">+</span><span style="color:#ffa0a0">']: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">list</span><span style="color:#ffffff">[</span><span style="color:#ffffff">i</span><span style="color:#ffffff">].</span><span style="color:#ffffff">getURL</span><span style="color:#ffffff">());</span>
	<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 obtain Webview All children of the window Webview window 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">listChildren</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Children</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

clear

Empty native Webview Contents loaded by the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">clear</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Clear the contents of the native window , Used to reset the content loaded by the native window , Clear the loaded history and other contents .

Parameters ：

nothing

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Empty Webview window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> webviewClear</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">clear</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Empty native Webview Contents loaded by the window 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">webviewClear</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Clear</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

close

close Webview window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">close</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> aniClose</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> duration</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> extras </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

Close and destroy Webview window , You can set the closing animation and animation duration .

Parameters ：

aniClose: ( AnimationTypeClose ) Optional close Webview Window animation effect
If no window animation is specified , The default value is used “auto”, That is, use the closing animation corresponding to the window animation set during display .
duration: ( Number ) Optional close Webview The animation duration of the window
Unit is ms, The default is window show Method to set the animation time .
extras: ( WebviewExtraOptions ) Optional close Webview Window extension parameters
Can be used to specify Webview Whether window animation uses picture acceleration .

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  close window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> closeMe</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">close</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 close Webview window 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">closeMe</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Close</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

drag

Set up Webview Sliding screen operation gesture of window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drag</span><span style="color:#ffffff">(</span><span style="color:#ffffff">options</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> otherView</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> callback</span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

take Webview The left and right sliding gestures of the window are associated with other Webview window , It can realize sliding switching display Webview Animation effect of （ Such as Tab Page switching effect ）. Be careful ： Sliding screen operation will change the window position （ Such as left It's worth waiting for ）, If it is not in the visible area, you need to call the window setStyle Method to set its position in the visible area , Such as setStyle({left:'0px'});.

Parameters ：

options: ( WebviewDragOptions ) Mandatory At present Webview Window operation gesture configuration parameters
otherView: ( WebviewDragOtherViewOptions ) Optional Operate the window configuration parameters associated with the gesture
callback: ( WebviewDragCallback ) Optional Sliding screen operation callback function
Triggered during sliding screen gesture operation , At least one sliding screen operation will trigger 3 Callback events （ Start 、 Sliding screen movement 、 end ）.

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff">wn</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
	<span style="color:#87ceeb">//  Pre create new window （ Display outside the visual area ）</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">'newdrag'</span><span style="color:#ffffff">,{</span><span style="color:#ffffff">left</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'100%'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">//  Slide left to show a new window </span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drag</span><span style="color:#ffffff">({</span><span style="color:#ffffff">direction</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'left'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'followFinger'</span><span style="color:#ffffff">},</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">view</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'newdrag'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'follow'</span><span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Left drag event: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
	<span style="color:#87ceeb">//  Slide right to hide the new window </span><span style="color:#ffffff">
	wn</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drag</span><span style="color:#ffffff">({</span><span style="color:#ffffff">direction</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'right'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'followFinger'</span><span style="color:#ffffff">},</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">view</span><span style="color:#ffffff">:</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">,</span><span style="color:#ffffff">moveMode</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'follow'</span><span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'Right drag event: '</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Slide left to open a new page 
	</span><span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

draw

Screen capture

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">draw</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> bitmap</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> successCallback</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> errorCallback</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> options </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

take Webview The visual area of the window is screenshot and drawn to Bitmap In the picture object .

Parameters ：

bitmap: ( plus.nativeObj.Bitmap ) Optional Picture object to draw
If the content already exists in the picture, overwrite , If the screenshot drawing fails, the previous image content will be retained .
successCallback: ( SuccessCallback ) Optional Screenshot drawing operation successfully callback
Call when the screenshot drawing operation is successful .
errorCallback: ( ErrorCallback ) Optional Screenshot drawing operation failed callback
Call when the screenshot drawing operation fails , And return the failure information .
options: ( WebviewDrawOptions ) Optional Screenshot drawing operation parameters
Set the control screenshot drawing area 、 Whether the white screen is detected .

Return value ：

void : nothing

Platform support ：

Android - ALL ( Support ) :
Interception is not supported Canvas Content in Tags , Interception is not supported Barcode、Map、LivePusher、VideoPlayer And other native controls .

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Screen capture </span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> bitmap</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> captureWebview</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	bitmap </span><span style="color:#ffffff">=</span> <span style="color:#f0e68c"><strong>new</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeObj</span><span style="color:#ffffff">.</span><span style="color:#98fb98">Bitmap</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'test'</span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">//  take webview The content is drawn to Bitmap In the object </span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">draw</span><span style="color:#ffffff">(</span><span style="color:#ffffff">bitmap</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Screenshot drawing succeeded '</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">},</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Screen capture drawing failed ：'</span><span style="color:#ffffff">+</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">));</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Screen capture Webview window </span><span style="color:#f0e68c"><strong><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">captureWebview</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Draw</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

endPullToRefresh

end Webview The pull-down refresh of the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">endPullToRefresh</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Turn off the pull-down refresh effect , Restore to the effect before starting the pull-down refresh .

Parameters ：

nothing

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE HTML></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"viewport"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"initial-scale=1.0, maximum-scale=1.0, user-scalable=no"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"HandheldFriendly"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"true"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"MobileOptimized"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"320"</span><span style="color:#f0e68c"><strong>/></strong></span>
		<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
		<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> list</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">//  Expand API Loading finished , Now you can call the extension normally API </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setPullToRefresh</span><span style="color:#ffffff">({</span><span style="color:#ffffff">support</span><span style="color:#ffffff">:</span><span style="color:#f0e68c"><strong>true</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		height</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'50px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		range</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'200px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		contentdown</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">
			caption</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Drop down to refresh '</span>
		<span style="color:#ffffff">},</span><span style="color:#ffffff">
		contentover</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">
			caption</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Release refresh now '</span>
		<span style="color:#ffffff">},</span><span style="color:#ffffff">
		contentrefresh</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">
			caption</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Refreshing ...'</span>
		<span style="color:#ffffff">}</span>
	<span style="color:#ffffff">},</span><span style="color:#ffffff">onRefresh</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeUI</span><span style="color:#ffffff">.</span><span style="color:#ffffff">toast</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Drop down to refresh '</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Judgment extension API Whether or not will , Otherwise, monitor 'plusready' event </span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">// DOM Get list elements when build is complete </span><span style="color:#ffffff">
document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'DOMContentLoaded'</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	list</span><span style="color:#ffffff">=</span><span style="color:#ffffff">document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getElementById</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'list'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">})</span>
<span style="color:#87ceeb">//  Refresh the page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> onRefresh</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	setTimeout</span><span style="color:#ffffff">(</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span>
		<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">list</span><span style="color:#ffffff">){</span>
			<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> item</span><span style="color:#ffffff">=</span><span style="color:#ffffff">document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">createElement</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'li'</span><span style="color:#ffffff">);</span><span style="color:#ffffff">
			item</span><span style="color:#ffffff">.</span><span style="color:#ffffff">innerHTML</span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">'<span>New Item '</span><span style="color:#ffffff">+(</span><span style="color:#f0e68c"><strong>new</strong></span> <span style="color:#98fb98">Date</span><span style="color:#ffffff">())+</span><span style="color:#ffa0a0">'</span>'</span><span style="color:#ffffff">;</span><span style="color:#ffffff">
			list</span><span style="color:#ffffff">.</span><span style="color:#ffffff">insertBefore</span><span style="color:#ffffff">(</span><span style="color:#ffffff">item</span><span style="color:#ffffff">,</span><span style="color:#ffffff">list</span><span style="color:#ffffff">.</span><span style="color:#ffffff">firstChild</span><span style="color:#ffffff">);</span>
		<span style="color:#ffffff">}</span><span style="color:#ffffff">
		ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">endPullToRefresh</span><span style="color:#ffffff">();</span>
	<span style="color:#ffffff">},</span><span style="color:#cd5c5c">2000</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
		<span style="color:#f0e68c"><strong></script></strong></span>
		<span style="color:#f0e68c"><strong><style</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/css"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">
li </span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	padding</span><span style="color:#ffffff">:</span> <span style="color:#cd5c5c">1em</span><span style="color:#ffffff">;</span><span style="color:#ffffff">
	border</span><span style="color:#ffffff">-</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span> <span style="color:#cd5c5c">1px</span><span style="color:#ffffff"> solid </span><span style="color:#87ceeb">#eaeaea;</span>
<span style="color:#ffffff">}</span><span style="color:#ffffff">
li</span><span style="color:#ffffff">:</span><span style="color:#ffffff">active </span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	background</span><span style="color:#ffffff">:</span> <span style="color:#87ceeb">#f4f4f4;</span>
<span style="color:#ffffff">}</span>
		<span style="color:#f0e68c"><strong></style></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span>
		<span style="color:#f0e68c"><strong><ul</strong></span> <span style="color:#bdb76b"><strong>id</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"list"</span> <span style="color:#bdb76b"><strong>style</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">list</span><span style="color:#ffffff">-</span><span style="color:#ffffff">style</span><span style="color:#ffffff">:</span><span style="color:#ffffff">none</span><span style="color:#ffffff">;</span><span style="color:#ffffff">margin</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffffff">padding</span><span style="color:#ffffff">:</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">;</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 1</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 2</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 3</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 4</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 5</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 6</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 7</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 8</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 9</span><span style="color:#f0e68c"><strong></span></li></strong></span>
			<span style="color:#f0e68c"><strong><li><span></strong></span><span style="color:#ffffff">Initializ List Item 10</span><span style="color:#f0e68c"><strong></span></li></strong></span>
		<span style="color:#f0e68c"><strong></ul></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

evalJS

stay Webview Execute... In the window JS Script

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">evalJS</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> js </span><span style="color:#ffffff">);</span>
						</code></span></span>

explain ：

take JS Script sent to Webview Run in the window , Can be used to implement Webview Data communication between windows .

Parameters ：

js: ( String ) Mandatory Script string to run in the window

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff">embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> embed </span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  stay Webview Execute... In the window JS Script </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> evalJS</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">evalJS</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'alert("evalJS: "+location.href);'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 stay Webview Execute... In the window JS Script 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">evalJS</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">evalJS</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

forward

Advance to the last loaded page

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">forward</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

Webview Window history operation , Advance to the last loaded window HTML page . If there is no page to advance in the window history, no action will be triggered .

Parameters ：

nothing

Return value ：

void : nothing

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> embed</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">''</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'46px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">});</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">().</span><span style="color:#ffffff">append</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> embed </span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Return to the last page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> goBack</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">back</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Go to the last page </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> goForward</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	embed</span><span style="color:#ffffff">.</span><span style="color:#ffffff">forward</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 Advance to the last loaded page 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">goBack</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Back</span><span style="color:#f0e68c"><strong></button></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">goForward</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Forward</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

getFavoriteOptions

obtain Webview Favorite parameters of the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewFavoriteOptions</span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getFavoriteOptions</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

obtain Webview Favorite parameters of the window , Such as the title of the favorite page 、 Icon 、 Address, etc .

Parameters ：

nothing

Return value ：

WebviewFavoriteOptions : obtain Webview Favorite parameters of the window , Returns if not set null.

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setFavoriteOptions</span><span style="color:#ffffff">({</span><span style="color:#ffffff">title</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Favorite page title '</span><span style="color:#ffffff">,</span><span style="color:#ffffff">href</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'http://www.dcloud.io/'</span><span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Get the sharing parameters of the window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> getFavoriteOptions</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> t </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getFavoriteOptions</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	alert</span><span style="color:#ffffff">(</span><span style="color:#ffffff">t</span><span style="color:#ffffff">?</span><span style="color:#ffa0a0">" Not set "</span><span style="color:#ffffff">:</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">t</span><span style="color:#ffffff">));</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body</strong></span> <span style="color:#bdb76b"><strong>style</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">text</span><span style="color:#ffffff">-</span><span style="color:#ffffff">align</span><span style="color:#ffffff">:</span><span style="color:#ffffff">center</span><span style="color:#ffffff">;</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">
		 obtain Webview Favorite parameters of the window </span><span style="color:#f0e68c"><strong><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">getFavoriteOptions</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff"> Get favorite parameters </span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

getSafeAreaInsets

Get the security zone of the page

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">SafeAreaInsets</span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getSafeAreaInsets</span><span style="color:#ffffff">();</span>
							</code></span></span>

explain ：

Webview Security area location information of the window content area . For example, the bottom of the page overlaps with the bottom safety area 10px, The return of the bottom The value is 10, Otherwise return to 0.

Parameters ：

nothing

Return value ：

plus.navigator.SafeAreaInsets : Security zone information of the page

getShareOptions

obtain Webview Window sharing parameters

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewShareOptions</span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getShareOptions</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

obtain Webview Window sharing parameters , Such as shared Title 、 Icon 、 Link address, etc .

Parameters ：

nothing

Return value ：

WebviewShareOptions : obtain Webview Window sharing parameters

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setShareOptions</span><span style="color:#ffffff">({</span><span style="color:#ffffff">title</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Shared title '</span><span style="color:#ffffff">,</span><span style="color:#ffffff">href</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'http://www.dcloud.io/'</span><span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Get the sharing parameters of the window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> getShareOptions</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> t </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getShareOptions</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	alert</span><span style="color:#ffffff">(</span><span style="color:#ffffff">t</span><span style="color:#ffffff">?</span><span style="color:#ffa0a0">" Not set "</span><span style="color:#ffffff">:</span><span style="color:#ffffff">JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">t</span><span style="color:#ffffff">));</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body</strong></span> <span style="color:#bdb76b"><strong>style</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">text</span><span style="color:#ffffff">-</span><span style="color:#ffffff">align</span><span style="color:#ffffff">:</span><span style="color:#ffffff">center</span><span style="color:#ffffff">;</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">
		 obtain Webview Window sharing parameters </span><span style="color:#f0e68c"><strong><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">getShareOptions</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff"> Get sharing parameters </span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

getStyle

obtain Webview The style of the window

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">WebviewStyles</span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getStyle</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

obtain Webview Window style properties , Such as window position 、 Size and other information .

Parameters ：

nothing

Return value ：

WebviewStyles : WebviewStyles object

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> ws</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	ws</span><span style="color:#ffffff">=</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">currentWebview</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  obtain Webview The style of the window </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> getStyle</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> style</span><span style="color:#ffffff">=</span><span style="color:#ffffff">ws</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getStyle</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	alert</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> JSON</span><span style="color:#ffffff">.</span><span style="color:#ffffff">stringify</span><span style="color:#ffffff">(</span><span style="color:#ffffff">style</span><span style="color:#ffffff">)</span> <span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		 obtain Webview The style of the window 
		</span><span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">getStyle</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">getStyle</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

getSubNViews

obtain Webview The original son of the window View The control object

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">Array</span><span style="color:#ffffff"><</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeObj</span><span style="color:#ffffff">.</span><span style="color:#98fb98">View</span><span style="color:#ffffff">></span><span style="color:#ffffff"> wobj</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getSubNViews</span><span style="color:#ffffff">();</span>
						</code></span></span>

explain ：

establish Webview All the primordial children of the window View Control . You can set the window when you create it subNViews Properties are automatically created （ The application home page can be accessed through manfest.json Medium plus->launchwebview->subNNViews Node configuration creation ）; It can also be done through Webview Window append Method will have created native View Control is added as its child .

Parameters ：

nothing

Return value ：

Array[plus.nativeObj.View] : Native View Control object array , If there is no primordial child View Control returns an empty array

Example ：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>name</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"viewport"</span> <span style="color:#bdb76b"><strong>content</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"</span><span style="color:#f0e68c"><strong>/></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Webview Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// H5 plus Event handling </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'backbutton'</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		nw</span><span style="color:#ffffff">&&</span><span style="color:#ffffff">nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">isVisible</span><span style="color:#ffffff">()?</span><span style="color:#ffffff">nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hide</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'pop-out'</span><span style="color:#ffffff">):</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">runtime</span><span style="color:#ffffff">.</span><span style="color:#ffffff">quit</span><span style="color:#ffffff">();</span>
	<span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> nw</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> subNViews</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
<span style="color:#87ceeb">//  Create with primordial children View The control of Webview window  </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> createWebview</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">=</span><span style="color:#ffffff">nw</span><span style="color:#ffffff">||</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">webview</span><span style="color:#ffffff">.</span><span style="color:#ffffff">create</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'http://m.weibo.cn/u/3196963860'</span><span style="color:#ffffff">,</span> <span style="color:#ffa0a0">'test'</span><span style="color:#ffffff">,</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">popGesture</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'hide'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">subNViews</span><span style="color:#ffffff">:[{</span><span style="color:#ffffff">
		id</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'subnview1'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		styles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">top</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">height</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'100px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">backgroundColor</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'#FF0000'</span><span style="color:#ffffff">},</span><span style="color:#ffffff">
		tags</span><span style="color:#ffffff">:[{</span><span style="color:#ffffff">tag</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">id</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">text</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Top protozoa View Control '</span><span style="color:#ffffff">,</span><span style="color:#ffffff">textStyles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">size</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'18px'</span><span style="color:#ffffff">}}]</span>
	<span style="color:#ffffff">},{</span><span style="color:#ffffff">
		id</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'subnview2'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		styles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">bottom</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'0px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">height</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'100px'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">backgroundColor</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'#00FF00'</span><span style="color:#ffffff">},</span><span style="color:#ffffff">
		tags</span><span style="color:#ffffff">:[{</span><span style="color:#ffffff">tag</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">id</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">,</span><span style="color:#ffffff">text</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">' Bottom primordium View Control '</span><span style="color:#ffffff">,</span><span style="color:#ffffff">textStyles</span><span style="color:#ffffff">:{</span><span style="color:#ffffff">size</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">'18px'</span><span style="color:#ffffff">}}]</span>
	<span style="color:#ffffff">}]});</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'close'</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		nw</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>null</strong></span><span style="color:#ffffff">;</span>
	<span style="color:#ffffff">},</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span><span style="color:#ffffff">
	subNViews </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">getSubNViews</span><span style="color:#ffffff">();</span><span style="color:#ffffff">
	nw</span><span style="color:#ffffff">.</span><span style="color:#ffffff">show</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'pop-in'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Update top View Control  </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> updateTopView</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> tv </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> subNViews</span><span style="color:#ffffff">[</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">];</span><span style="color:#ffffff">
	tv</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drawText</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Update top sub View Control content '</span><span style="color:#ffffff">,{},{},</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">//  Update the bottom View Control  </span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> updateBottomView</span><span style="color:#ffffff">(){</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> bv </span><span style="color:#ffffff">=</span><span style="color:#ffffff"> subNViews</span><span style="color:#ffffff">[</span><span style="color:#cd5c5c">0</span><span style="color:#ffffff">];</span><span style="color:#ffffff">
	bv</span><span style="color:#ffffff">.</span><span style="color:#ffffff">drawText</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">' Update bottom sub View Control content '</span><span style="color:#ffffff">,{},{},</span><span style="color:#ffa0a0">'font'</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		Webview Child of window View Control </span><span style="color:#f0e68c"><strong><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">createWebview</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">Create</span><span style="color:#f0e68c"><strong></button><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">updateTopView</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff"> Update top View Control </span><span style="color:#f0e68c"><strong></button></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">updateBottomView</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff"> Update the bottom View Control </span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span></span>

uni-app Use plus matters needing attention

原网站

版权声明
本文为[Crooning ~ shallow singing]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202150325513696.html