~~~
mui.openWindowWithTitle({
url: 'xxx.html', //String類型,要打開的界面的地址
id: 'id', //String類型,要打開的界面的id
styles: { //Webview窗口對象的樣式
width: '100%', //String類型,窗口的寬度.支持百分比、像素值,默認為100%.未設置width屬性值時,可同時設置left和right屬性值改變窗口的默認寬度.
height: '100%', //String類型,窗口的高度.支持百分比、像素值,默認為100%.當未設置height屬性值時,優先通過top和bottom屬性值來計算窗口的高度.
left: '0px', //String類型,窗口水平向右的偏移量.支持百分比,像素值,默認值為0px.未設置left屬性值,優先通過right和width屬性值來計算窗口的left位置.
right: '0px', //String類型,窗口水平向左的偏移量.支持百分比、像素值,默認無值(根據left和width屬性值來自動計算).當設置了left和width值時,忽略此屬性值;當未設置width值時,可通過left和bottom屬性值來確定窗口的寬度.
top: '0px', //String類型,窗口垂直向下的偏移量.支持百分比、像素值,默認值為0px.未設置top屬性值時,優先通過bottom和height屬性值來計算窗口的top位置.
bottom: '0px', //String類型,窗口垂直向上的偏移量.支持百分比,像素值,默認值無值(根據top和height屬性值來自動計算).當同時設置了top和height值時,忽略此屬性值;當未設置height值時,可通過top和bottom屬性值來確定窗口的高度.
zindex: 0 //Number類型,窗口的堆疊順序值.擁有更高堆疊順序的窗口總是會處于堆疊順序較低的窗口的前面,擁有相同堆疊順序的窗口后調用show方法則在前面.
margin: 'auto', //String類型,窗口的邊距.用于定位窗口的位置.auto:居中.若設置了left、right、top、bottom則對應的邊距值失效.
background: '', //String類型,窗口的背景顏色.設置background為顏色值,窗口為獨占模式顯示(占整個屏幕區域).設置background為"transparent",則表示窗口背景透明,為非獨占模式.
opacity: 1, //Number類型,窗口的不透明度.0為全透明,1為不透明,默認值為1,即不透明.安卓4.0以下不支持.
mask: 'none', //String類型,窗口的遮罩.用于設置Webview窗口的遮罩層樣式,遮罩層會覆蓋Webview中所有內容,包括子webview,并且截獲webview的所有觸屏事件,此時Webview窗口的點擊操作會觸發maskClick事件.字符串類型,可取值:rgba格式字符串,定義純色遮罩層樣式,如"rgba(0,0,0,0.5)",表示黑色半透明; "none",表示不使用遮罩層; 默認值為"none",即無遮罩層.
bounce: 'vertical', //String類型,窗口遇到邊框是否有反彈效果.none:沒有反彈效果.vertical:垂直方向有反彈效果.horizontal:水平方向有反彈效果.all:垂直和水平方向都有反彈效果.默認:none.
bounceBackground: '', //String類型,窗口回彈效果區域的背景.窗口回彈效果區域背景可支持顏色值或圖片.顏色值格式:"#RRGGBB".背景格式:"url(%image path%)",例如:"url(./icon.png)",圖片采用平鋪模式繪制.安卓不支持.
popGesture: 'close', //String類型,窗口的側滑返回功能.none:無側滑返回功能.close:側滑返回關閉Webview窗口.hide:側滑返回隱藏webview窗口.安卓5+環境不支持.
scrollIndicator: 'none', //String類型,窗口是否顯示滾動條.all:垂直和水平滾動條都顯示.vertical:僅顯示垂直滾動條.horizontal:僅顯示水平滾動條.none:垂直和水平滾動條都不顯示.默認:all.注意:顯示滾動條的前提條件是窗口中的內容超過窗口顯示的寬或高.
scrollsToTop: true, //Boolean類型,點擊設備的狀態欄時是否滾動返回至頂部.true:點擊設備的狀態欄可以滾動返回至頂部.false:點擊設備的狀態欄不可以.默認:true.在iPhone上有且只有一個Webview窗口的scrollsToTop屬性值為true時才生效,所以在顯示和關閉Webview窗口時需動態更新所有Webview的scrollsToTop值,已確保此功能生效.安卓不支持.
scalable: false, //Boolean類型,窗口是否可縮放.true:用戶可通過雙指操作放大或縮小頁面,此時html頁面可通過meta節點設置"name="viewport" content="user-scalable=no""來限制頁面不可縮放.false:用戶不可通過雙指操作放大或縮小頁面,即使頁面中的meta節點也無法開啟可縮放功能.默認:false.
softinputMode: '', //String類型,彈出系統軟鍵盤模式.adjustPan:彈出軟鍵盤時Webview窗口自動上移,以保證當前輸入框可見.adjustResize:自動調整Webview窗口大小(屏幕區域減去軟鍵盤區域),同時自動滾動Webview保證輸入框可見.默認:adjustPan.安卓不支持.
statusbar: {//WebviewStatusbarStyles類型,窗口狀態欄樣式.僅在應用設置為沉浸式狀態欄樣式下有效,設置此屬性后將自動保留系統狀態欄區域不被Webview窗口占用(即Webview窗口非沉浸式樣式顯示).
background: '#fff'
},
subNViews: [ //Array[ WebviewSubNViewStyles ]類型,定義窗口的原生子View控件.數組類型,可通過配置項設置原生子View控件,每個配置項對應添加一個原生子View控件.通過Webview窗口的getSubNViews()方法可獲取原生子View控件對象數組.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewSubNViewStyles
{
id: '', //String類型,原生子View控件的標識.可通過plus.nativeObj.View.getViewById(id)方法傳入此標識來獲取子View控件對象.
type: '', //String類型,原生子View控件類型.NView:原生子View控件(plus.nativeObj.NView).ImageSlider:原生圖片輪播控件(plus.nativeObj.ImageSlider).默認:NView.
styles: { //ViewStyles類型,原生子View控件的樣式.可設置原生控件的位置、大小等信息.
backgroundColor: '', //String類型,區域背景顏色.顏色值格式為"#RRGGBB".默認值為透明區域.
bottom: '', //String類型,View控件垂直向上的偏移量.現對于父容器底部的距離,可取值:像素值,如"100px";百分比,如"10%",相對于父容器的高度,如果沒有父容器則相對于屏幕高度.當設置了top和height值時,忽略此屬性值;未設置height值時,可通過top和bottom屬性值來確定View控件的高度.
dock: '', //String類型,View控件的停靠方式.當Webview窗口添加到另外一個窗口中時,停靠方式才會生效,采用停靠方式添加會導致原Webview窗口自動調整其大小避免其內容被子窗口蓋住.top:控件停靠則頁面頂部;bottom:底部;right:右側;left:控件停靠在頁面左側.默認:top.
height: '', //String類型,區域的高度.可取值:像素值,如"100px";百分比,如"10%",相對于父容器的高度,如果沒有父容器則相對于屏幕高度;內容自適應,如"wrap_content",根據內容計算控件的高度.默認值為"100%".
width: '', //String類型,區域的寬度.可取值:像素值,如"100px";百分比,如"10%",相對于父控件的寬度.
top: '', //String類型,View控件左上角的垂直偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于父控件的高度;自動計算,如"auto",根據height值自動計算,相對于父控件垂直居中.
left: '', //String類型,區域左上角的水平偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于父控件的寬度;自動計算,如"auto",根據width值自動計算,相對于父控件水平居中.默認:"0px".
opacity: '', //Number類型,View控件的不透明度.取值范圍為0-1,0為全透明,1為不透明,默認值為1,即不透明.
position: '', //String類型,View控件的排版方式.當Webview窗口添加到另外一個窗口中時,排版位置才會生效,排版位置決定子窗口在父窗口中的定位方式.static:控件在頁面中正常定位,如果頁面存在滾動條則隨窗口內容滾動.absolute:控件在頁面中絕對定位,如果頁面存在滾動條不隨窗口內容滾動.dock:控件在頁面中停靠,停靠的位置由dock屬性值決定.默認:absolute.
statusbar: { //ViewStatusbarStyles類型,View控件的狀態欄樣式.僅在應用設置為沉浸式狀態欄樣式下有效,設置此屬性后將自動保留系統狀態欄區域不被View控件占用(即View控件非沉浸式樣式顯示).
background: '', //String類型,系統狀態欄區域背景顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示為紅色背景,默認值為應用manifest.json中plus->statusbar->background屬性配置的值.
}
}
}
],
titleNView: { //WebviewTitleNViewStyles類型,定義窗口的標題欄控件樣式.設置此屬性值則表明創建Webview窗口的標題欄控件,并可通過其屬性值設置背景顏色、文本內容、文本顏色等.通過Webview窗口的getTitleNView()方法可獲取標題欄控件對象.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTitleNViewStyles
autoBackButton: '', //Boolean類型,標題欄控件是否顯示左側返回按鈕.true:顯示返回按鈕.false:不顯示返回按鈕.默認:false.返回按鈕的顏色為窗口標題文字顏色,按下時顏色自動調整透明度為0.3.點擊返回按鈕的邏輯與按下系統返回鍵邏輯一致.
backgroundColor: '', //String類型,標題欄控件的背景顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示為紅色背景,默認值為"#F7F7F7".
buttons: [ //Array[ WebviewCustomButtonStyles ]類型,標題欄上的自定義按鈕.建的自定義按鈕數目不限制,實際應用中建議最多設置4個按鈕(包括左側返回按鈕).
{
color: '', //String類型,按鈕上文字顏色.可取值:"#RRGGBB"格式字符串,"rgba(R,G,B,A)".默認值為窗口標題欄控件的標題文字顏色.
colorPressed: '', //String類型,按下狀態按鈕文字顏色.String類型,按鈕上文字顏色.可取值:"#RRGGBB"格式字符串,"rgba(R,G,B,A)".默認值為color屬性值自動調整透明度為0.3.
float: '', //String類型,按鈕在標題欄上的顯示位置.right:在標題欄中靠右排列顯示.left:在標題欄中靠左側排列顯示(在返回鍵后). 默認:right.
fontWeight: '', //String類型,按鈕上文字的粗細.normal:標準字體.bold:加粗字體.默認:normal.
fontSize: '', //String類型,按鈕上文字大小.可取值:字體高度像素值,數字加"px"格式字符串.
fontSrc: '', //String類型,按鈕上文字使用的字體文件路徑.相對路徑:相對于當前頁面的host位置,如"a.jpg",注意當前頁面為網絡地址則不支持.絕對路徑:如Android平臺"/sdcard/logo.png",此類路徑通常通過其它5+ API獲取的.擴展相對路徑URL(RelativeURL):以"_"開頭的相對路徑,如"_www/a.jpg".本地路徑URL:以"file://"開頭,后面跟隨系統絕對路徑.
onclick: '', //WebviewCustomButtonCallback類型,按鈕點擊后觸發的回調函數.回調函數中將返回此JSON對象
text: '' //String類型,按鈕上顯示的文字.推薦使用一個字符,超過一個字符可能無法正常顯示,使用字體圖標時unicode字符表示必須'\u'開頭,如"\ue123"(注意不能寫成"\e123").
}
],
coverage: '', //String類型,標題欄控件變化作用范圍.僅在type值為transparent時有效,頁面滾動時標題欄背景透明度將發生變化.當頁面滾動到指定偏移量時標題欄背景變為完全不透明.支持百分比、像素值,默認為'132px'.
progress: { //WebviewProgressStyles類型,標題欄控件的進度條樣式.設置此屬性則在標題欄控件的底部顯示進度條,可配置進度條顏色值即高度.設置此屬性值為undefined或null則隱藏進度條.默認不顯示底部進度條.
color: '', //String類型,進度條顏色.可取值:"#RRGGBB"格式字符串,如"#FF0000"表示繪制紅色分割線;"rgba(R,G,B,A)",其中R/G/B分別代表紅色值/綠色值/藍色值,正整數類型,取值范圍為0-255,A為透明度,浮點數類型,取值范圍為0-1(0為全透明,1為不透明),如"rgba(255,0,0,0.5)",表示紅色半透明.默認值為"#00FF00".
height: '', //String類型,進度條高度.可取值:像素值(邏輯像素),支持小數點,如"1px"表示1像素高;百分比,如"1%",相對于標題欄控件的高度.默認值為"2px".
},
splitLine: { //WebviewSplitLineStyles類型,標題欄控件的底部分割線.設置此屬性則在標題欄控件的底部顯示分割線,可配置顏色值及高度.設置此屬性值為undefined或null則隱藏分割線.默認不顯示底部分割線.
color: '', //String類型,進度條顏色.可取值:"#RRGGBB"格式字符串,如"#FF0000"表示繪制紅色分割線;"rgba(R,G,B,A)",其中R/G/B分別代表紅色值/綠色值/藍色值,正整數類型,取值范圍為0-255,A為透明度,浮點數類型,取值范圍為0-1(0為全透明,1為不透明),如"rgba(255,0,0,0.5)",表示紅色半透明.默認值為"#cccccc".
height: '', //String類型,底部分割線高度.可取值:像素值(邏輯像素),支持小數點,如"1px"表示1像素高;百分比,如"1%",相對于標題欄控件的高度.默認值為"1px".
},
titleColor: '', //String類型,標題欄控件的標題文字顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示標題文字顏色為紅色,默認值為"#000000".
titleOverflow: '', //String類型,標題欄控件的標題文字超出顯示區域時處理方式.clip:超出顯示區域時內容裁剪;ellipsis:超出顯示區域時尾部顯示省略標記(...).默認:ellipsis.
titleText: '', //String類型,標題欄控件的標題文字內容.在標題欄控件居中(水平和垂直)顯示,左右邊距為88px,如果文本過長則尾部裁剪(加三個點"...")顯示.當不設置titleText屬性或屬性值為undefined/null時,使用當前Webview窗口加載頁面的標題,并自動同步更新頁面的標題.
titleSize: '', //String類型,標題欄控件的標題文字字體大小.字體大小單位為像素,如"20px"表示字體大小為20像素,默認值為17像素.
type: '' //String類型,標題欄控件樣式.default:默認樣式,頂部停靠顯示,擠壓Webview頁面內容顯示區域;transparent:透明樣式,頂部沉浸式顯示覆蓋Webview頁面內容,標題欄上內容(除按鈕外)全部透明,當頁面滾動時透明度逐漸變化,直到不透明顯示.默認:default.
},
transition: { //WebviewTransition類型,窗口定義窗口變換的動畫效果.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTransition
property: 'all', //String類型,產生變換效果的屬性.默認值為"all",暫不支持其它值.
duration: '0', //String類型,變換持續的時間.默認值為0,即無動畫效果.
timingfunction: 'ease-in-out', //String類型,窗口變換效果.linear:勻速變化.ease-in:勻加速變化,逐漸變快的動畫效果.ease-out:勻減速變化,逐漸變慢的動畫效果.ease-in-out:先加速后減速變化,先變快后變慢的動畫效果.默認:ease-in-out.
},
transform: { //WebviewTransform類型,窗口定義窗口變形效果.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTransform
property: 'all', //String類型,產生變換效果的屬性.默認值為"all",暫不支持其它值.
duration: '0', //String類型,變換持續的時間.默認值為0,即無動畫效果.
timingfunction: 'ease-in-out', //String類型,窗口變換效果.linear:勻速變化.ease-in:勻加速變化,逐漸變快的動畫效果.ease-out:勻減速變化,逐漸變慢的動畫效果.ease-in-out:先加速后減速變化,先變快后變慢的動畫效果.默認:ease-in-out.
},
position: '', //WebviewPosition類型,Webview窗口的排版位置.當Webview窗口添加到另外一個窗口中時,排版位置才會生效,排版位置決定子窗口在父窗口中的定位方式.static:控件在頁面中正常定位,如果頁面存在滾動條則隨窗口內容滾動.absolute:控件在頁面中絕對定位,如果頁面存在滾動條不隨窗口內容滾動.dock:控件在頁面中停靠,停靠的位置由dock屬性值決定.默認:absolute.
errorPage: 'none', //String類型,窗口加載錯誤時跳轉的頁面地址.當Webview窗口無法加載指定的url地址時(如本地頁面不存,或者無法訪問的網絡地址),此時會自動跳轉到指定的錯誤頁面地址(僅支持本地頁面地址).設置為"none"則關閉跳轉到錯誤頁面功能,此時頁面顯示Webview默認的錯誤頁面內容.默認使用5+ Runtime內置的錯誤頁面.
additionalHttpHeaders: {}, //JSON類型,窗口加載頁面時額外添加的HTTP請求頭數據,內容按照http協議寫.
animationOptimization: 'auto', //String類型,窗口動畫優化方式.auto:如果窗口中存在titleNView或subNViews,窗口動畫時真實Webview控件從動畫窗口中移除加速.none:窗口動畫不使用優化.默認:auto.
cachemode: 'default', //String類型,窗口的緩存模式.default:根據cache-control決定是否使用緩存數據,如果存在緩存并且沒有過期則使用本地緩存資源,否則從網絡獲取.cacheElseNetwork:只要存在緩存(即使過期)數據則使用,否則從網絡獲取.noCache:不使用緩存數據,全部從網絡獲取.cacheOnly:僅使用緩存數據,不從網絡獲取(注:如果沒有緩存數據則會導致加載失敗).默認:default.
backButtonAutoControl: 'close', //String類型,Webview窗口自動處理返回鍵邏輯.hide:隱藏Webview窗口,隱藏動畫與上一次調用顯示時設置的動畫類型相對應(如"slide-in-right"對應的關閉動畫為"slid-out-right").close:關閉Webview窗口,關閉動畫與上一次調用顯示時設置的動畫類型相對應.none:不做操作,將返回鍵傳遞給下一Webview窗口處理.quit:退出應用.
blockNetworkImage: false, //Boolean類型,是否阻塞網絡圖片的加載.true:阻塞.false:不阻塞.默認:false.阻塞后Webview窗口將不加載頁面中使用的所有網絡圖片,可通過Webview窗口對象的setBlockNetWorkImage()方法動態修改此狀態.iOS不支持.
decelerationRate: 0.989, //Number類型,窗口內容停止滑動的減速度.當Webview加載的內容超過其高度時,可以拖拽滑動內容,decelerationRate屬性控制手指松開后頁面滑動的速度.設置值越大手指松開后的滑動速度越快(滑動距離越長,其值域范圍為0.0-1.0,默認值為0.989.安卓不支持.
dock: 'top', //WebviewDock類型,窗口的停靠方式.當Webview窗口添加到另外一個窗口中時,停靠方式才會生效,采用停靠方式添加會導致原Webview窗口自動調整其大小避免其內容被子窗口蓋住.top:控件停靠則頁面頂部;bottom:底部;right:右側;left:控件停靠在頁面左側.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewDock
replacewebapi: { //WebviewReplaceWebApiOptions類型,替換H5標準API.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewReplaceWebApiOptions
geolocation: "auto" //String類型,替換H5標準定位接口(navigator.geolocation.*).由于網絡原因,在部分手機上可能無法調用標準H5定位接口(navigator.geolocation.*)獲取定位數據,此時可以通過此屬性配置使用原生定位模塊替換標準H5定位接口.alldevice:在所有設備上替換標準H5定位接口(navigator.geolocation.*).auto:自動替換H5標準定位接口,僅在調用標準H5定位接口無法獲取數據的設備上替換.none:不替換H5標準定位接口(navigator.geolocation.*).默認:auto.注意:替換H5標準定位接口,會導致頁面加載速度延遲100ms左右,推薦使用"auto"模式.
},
hardwareAccelerated: '', //Boolean類型,窗口是否開啟硬件加速.true:開啟.false:不開啟.默認:5+ Runtime會根據設備實際支持情況自動選擇是否開啟硬件加速,可以通過plus.webview.defaultHardwareAccelerated()方法獲取默認Webview是否開啟硬件加速.由于不同設備對硬件加速的支持情況存在差異,開啟硬件加速能加速HTML頁面的渲染,但也會消耗更多的系統資源,從而導致在部分設備上可能出現閃屏、發虛、分塊渲染等問題,因此在特定設備的特定頁面如果出現以上問題需要手動設置關閉硬件加速來避免.iOS不支持.
kernel: 'UIWebview', //String類型,窗口使用的內核.WKWebview:在iOS8.0及以上系統使用WKWebview內核,低版本下仍然使用UIWebview內核.UIWebview:在所有版本上都使用UIWebview內核.默認:UIWebview.WKWebview內核的優勢是: 1.滾動時懶加載的圖片也可以實時渲染,UIWebview在滾動停止后才能渲染;2.WKWebview的video支持AirPlay.但WKWebview也有些限制和不足,目前已知的問題有:1.不支持跨域設置cookie,即plus.navigator.setCookie()API無法使用;2.本地的HTML頁面中的XHR不支持跨域訪問,需使用plus.net.XMLHttpRequest來替換;3.不支持使用WebSQL,需使用indexDB來替換;4.不支持js原生混淆功能,需使用前端js混淆來替換;5.內存不足時會白屏.首頁的Webview的kernel在manifest中配置(plus->kernel->ios).安卓不支持.
plusrequire: 'normal', //String類型,控制Webview注入5+ API時機.ahead:盡量提前,攔截頁面中網絡js請求實現提前注入,如果沒有攔截到js請求則在頁面loaded時注入.normal:頁面loaded時注入.later:較晚在注入,在loaded事件發生后2s再注入,plusready事件同樣延遲.none:不注入,頁面無法調用5+ API,不觸發plusready事件.默認:normal.
render: 'onscreen', //String類型,窗口渲染模式.onscreen:Webview窗口在屏幕區可見時渲染,不可見時不進行渲染,此時能減少內存使用量.always:Webview在任何時候都渲染,在內存較大的設備上使用,被遮擋的窗口在此中模式下顯示的時候會有更流暢的效果.默認:onscreen.iOS不支持.
videoFullscreen: 'auto', //String類型,視頻全屏播放時的顯示方向.auto:自動適配,如果當前頁面豎屏,則豎屏顯示.如果當前頁面橫盤顯示,則橫屏.如果當前頁面自動感應,則自動感應橫豎屏切換.portrait-primary:豎屏正方向.portrait-secondary:豎屏反方向,屏幕正方向按順時針旋轉180°.landscape-primary:橫屏正方向,屏幕正方向按順時針旋轉90°.landscape-secondary:橫屏方向,屏幕正方向按順時針旋轉270°.landscape:橫屏正方向或反方向,根據設備重力感應器自動調整.默認:auto.iOS不支持.
},
extras: { //新窗口的額外擴展參數,可用來處理頁面間傳值
//自定義
},
createNew: false, //Boolean類型,是否重復創建相同id的webview.true:不判斷重復,每次都新建webview.fasle:先查找當前App中是否已存在同樣id的webview,若存在則直接顯示;否則新創建并根據show參數執行顯示邏輯.默認:false.注意:plusReady事件僅在webview首次創建時觸發,使用mui.openWindow方法多次打開已存在的同樣id的webview時,是不會重復觸發plusReady事件的;因此若業務寫在plusReady事件中,可能會出現執行結果和預期不一致的情況;此時可通過自定義事件觸發.
show: { //窗口顯示控制參數
autoShow: false, //Boolean類型,目標窗口loaded事件發生后,是否自動顯示.true:loaded事件發生后自動顯示.false:僅創建但不顯示webview.若目標頁面為預加載頁面,則該參數無效.
aniShow: 'auto', //AnimationTypeShow類型.auto:自動選擇動畫效果,使用上次顯示窗口設置的動畫效果,如果是第一次顯示則默認動畫效果"none".none:立即顯示頁面,無任何動畫效果,頁面顯示默認的動畫效果.此效果忽略動畫時間參數,立即顯示.對應關閉動畫"none".slide-in-right:頁面從屏幕右側外向內橫向滑動顯示.對應關閉動畫"slide-out-right".slide-in-left:頁面從屏幕左側向右橫向滑動顯示.對應關閉動畫"slide-out-left".slide-in-top:頁面從屏幕上側向下豎向滑動顯示.對應關閉動畫"slide-out-top".slide-in-bottom:頁面從屏幕下側向上豎向滑動顯示.對應關閉動畫"slide-out-bottom".fade-in:頁面從完全透明到不透明逐漸顯示.對應關閉動畫"fade-out".zoom-out:頁面在屏幕中間從小到大逐漸放大顯示.對應關閉動畫"zoom-in".zoom-fade-out:頁面在屏幕中間從小到大逐漸放大并且從透明到不透明逐漸顯示.對應關閉動畫"zoom-fade-in".pop-in:頁面從屏幕右側滑入顯示,同時上一個頁面帶陰影效果從屏幕左側滑出隱藏.對應關閉動畫"pop-out".http://www.dcloud.io/docs/api/zh_cn/webview.html#plus.webview.AnimationTypeShow.
duration: 1000, //顯示Webview窗口動畫的持續時間,單位為ms
event: 'titleUpdate', //頁面顯示時機.loaded:當頁面加載完成時觸發此事件.titleUpdate:此事件會先于loaded事件觸發,通常在加載頁面時通過此事件可更快獲取到頁面的標題<title></title>.loaded常用于判斷頁面是否載入完畢,載入完畢才顯示新頁面.但有時頁面內容很長時,全部載入完畢比較慢,導致顯示新窗體比較慢.為了讓新窗體打開快點,我們可以在titleUpdate時就顯示新窗體.
extras: { //窗口動畫是否使用圖片加速.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewExtraOptions
acceleration: 'auto', //String類型,窗口動畫加速.開啟窗口動畫加速功能可優化窗口動畫效果,提升動畫流程度,可避免部分設備上打開(關閉)窗口閃屏的問題.auto:自動優化窗口動畫.none:關閉窗口動畫加速功能.capture:使用截屏方式加速窗口動畫.默認:auto.iOS不支持.
capture: '', //Bitmap類型,窗口動畫加速時使用的圖片.當使用截屏方式加速窗口動畫時,可設置已經創建好的截屏圖片,此時不會進行實時截屏操作,加速窗口動畫響應時間,提升用戶體驗.如果未指定截屏圖片,則實時截取當前Webview窗口對象的圖片進行動畫操作.如果窗口未使用截屏方式加速動畫,則忽略此參數.iOS不支持.
otherCapture: '' //Bitmap類型,關聯窗口動畫使用的圖片.當使用截屏方式加速窗口動畫時,可設置已經創建好的截屏圖片,此時不會進行實時截屏操作,加速關聯窗口動畫響應時間,提升用戶體驗。 如果未指定截屏圖片,則實時截取關聯Webview窗口對象的圖片進行動畫操作.如果窗口未使用截屏方式加速動畫,則忽略此參數.iOS不支持
}
}
waiting: { //系統等待框參數
autoShow: true, //是否自動顯示等待框.true:顯示等待框.false:不顯示等待框.注意:若waiting框的autoShow為true,但目標頁面不自動顯示,則需在目標頁面中通過如下代碼關閉等待框:plus.nativeUI.closeWaiting();
title: '', //等待框上的提示文字
options: { //原生等待對話框的參數
width: '', //String類型,等待框背景區域的寬度.值支持像素值("500px")或百分比("50%"),百分比相對于屏幕的寬計算,如果不設置則根據內容自動計算合適的寬度.
height: '', //String類型,等待框背景區域的高度.值支持像素絕對值("500px")或百分比("50%"),如果不設置則根據內容自動計算合適的高度.
color: '', //String類型,等待框中文字的顏色.顏色值支持(參考CSS顏色規范):顏色名稱(參考CSS Color Names)/十六進制值/rgb值/rgba值,默認值為白色.
size: '', //String類型,等待框中文字的字體大小.如"14px"表示使用14像素高的文字,未設置則使用系統默認字體大小.
textalign: '', //String類型,等待對話框中標題文字的水平對齊方式.left:水平居左對齊顯示.center:水平居中對齊顯示.right:水平居右對齊顯示.默認:center.
padding: '', //String類型,等待對話框的內邊距.值支持像素值("10px")和百分比("5%"),百分比相對于屏幕的寬計算,默認值為"3%".
background: '', //String類型,等待對話框顯示區域的背景色.背景色的值支持(參考CSS顏色規范):顏色名稱(參考CSS Color Names)/十六進制值/rgb值/rgba值,默認值為rgba(0,0,0,0.8).
style: '', //String類型,等待對話框樣式.black:黑色雪花樣式,通常在背景主色為淺色時使用.white表示等待框為白色雪花樣式,通常在背景主色為深色時使用.默認:white.安卓不支持.
modal: true, //Boolen類型,等待框是否模態顯示.模態顯示時用戶不可操作直到等待對話框關閉,否則用戶在等待對話框顯示時也可操作下面的內容.默認true.
round: '10px', //Number類型,等待框顯示區域的圓角.值支持像素值"10px",未設置時使用默認值"10px".
padlock: false, //Boolen類型,點擊等待顯示區域是否自動關閉.true:點擊等待對話框顯示區域時自動關閉.false:不關閉.默認:false.
back: '', //String類型,返回鍵處理方式.none:截獲處理返回鍵,但不做任何響應.close:截獲處理返回鍵并關閉等待框.transmit:不截獲返回鍵,向后傳遞給Webview窗口繼續處理(與未顯示等待框的情況一致).iOS不支持.
loading: { //WaitingLoadingOptions類型,自定義等待框上loading圖標樣式.
display: '', //String類型,loading圖標顯示樣式.block:圖標與文字分開兩行顯示,上面顯示loading圖標,下面顯示文字.inline:loading圖標與文字在同一行顯示,左邊顯示loading圖標,右邊顯示文字.none:不顯示loading圖標.
height: '', //String類型,loading圖標高度.設置loading圖標的高度(寬度等比率縮放),取值類型:像素值,如"14px"表示14像素高.
icon: '', //String類型,loading圖標路徑.自定義loading圖標的路徑,png格式,并且必須是本地資源地址;loading圖要求寬是高的整數倍,顯示等待框時按照圖片的高橫向截取每幀刷新.
interval: 100 //Number類型,loading圖每幀刷新間隔.單位為ms(毫秒),默認值為100ms.
}
}
}
}, {
id: "title", //導航欄ID,默認為title,若不指定將會使用WebviewOptions中指定的 [webviewID+ "_title"] 作為id
height: "44px", //導航欄高度值
backgroundColor: "#f7f7f7", //導航欄背景色
bottomBorderColor: "#cccccc", //底部邊線顏色
title: { //標題配置
text: "", //標題文字
position: { //繪制文本的目標區域,參考:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.Rect
top: '0px', //String類型,區域左上角的垂直偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度;自動計算,如"auto",根據height值自動計算,相對于作用對象垂直居中.
left: '0px', //String類型,區域左上角的水平偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度;自動計算,如"auto",根據width值自動計算,相對于作用對象水平居中.
width: "100%", //String類型,區域的寬度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度.
height: "100%" //String 類型,區域的高度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度.內容自適應,如"wrap_content",根據內容計算高度(如調用drawText繪制文本時支持).
},
styles: { //繪制文本樣式,參考:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.TextStyles
color: "#000000", //String類型,字體顏色."#RRGGBB"格式字符串."rgba(R,G,B,A)",默認:"#000000".
align: "center", //String類型,水平對齊方式.left:字體在指定的區域中水平居左對齊.center:字體在指定的區域中水平居中對齊.right:字體在指定的區域中水平居右對齊.默認:center.
verticalAlign: '', //String類型,垂直對齊方式.文本內容在指定繪制區域中的垂直對齊方式.top:垂直居頂對齊.middle:垂直居中對齊.bottom:垂直居底對齊.默認:middle.
family: "'Helvetica Neue',Helvetica,sans-serif", //String類型,字體名稱.如果指定名稱的字體不存在,則使用默認字體.
size: "17px", //String類型,字體大小.可取值:字體高度像素值,數字加"px"格式字符串,如"12px".默認值為"16px".
style: "normal", //String類型,字體樣式.normal:正常字體樣式.italic:斜體樣式.默認:normal.
weight: "normal", //String類型,字體粗細.normal:普通字體.bold:粗字體.默認:normal.
fontSrc: "", //String類型,字體文件路徑.加載字體文件路徑.
decoration: '', //String類型,文本裝飾.none:無裝飾效果.underline:文本帶下劃線效果.line-through:文本帶貫穿線(刪除線)效果.默認:none.
lineSpacing: '', //String類型,文本的行間距.可取值:像素值,如"100px";百分比,如"10%",相對于字體的高度(size屬性);默認:"20%".
margin: '', //String類型,字體的邊距.用于設置字體在繪制目標區域四個方向(top/right/bottom/left)的邊距,可取值:像素值,如"10px";百分比,相對于繪制目標區域,如"5%";默認值為"0px".
overflow: '', //String類型,文本內容超出顯示區域時處理方式.clip:超出顯示區域時內容裁剪.ellipsis:超出顯示區域時尾部顯示省略標記(...).默認:clip.
whiteSpace: '' //String類型,文本換行模式.nowrap:不換行,將所有文本在一行中繪制,忽略換行符("\n").normal:自動換行,當指定的寬度無法繪制所有文本時自動換行繪制,碰到'\n'字符時強制換行.默認:nowrap.
}
},
back: { //左上角返回箭頭
image: { //圖片格式
base64Data: '', //加載圖片的Base64編碼格式數據 base64Data 和 imgSRC 必須指定一個.否則不顯示返回箭頭
imgSrc: '', //要加載的圖片路徑
sprite: { //圖片源的繪制區域,參考:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.Rect
top: '0px', //String類型,區域左上角的垂直偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度;自動計算,如"auto",根據height值自動計算,相對于作用對象垂直居中.
left: '0px', //String類型,區域左上角的水平偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度;自動計算,如"auto",根據width值自動計算,相對于作用對象水平居中.
width: "100%", //String類型,區域的寬度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度.
height: "100%" //String 類型,區域的高度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度.內容自適應,如"wrap_content",根據內容計算高度(如調用drawText繪制文本時支持).
},
position: { //繪制圖片的目標區域,參考:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.Rect
top: '10px', //String類型,區域左上角的垂直偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度;自動計算,如"auto",根據height值自動計算,相對于作用對象垂直居中.
left: '10px', //String類型,區域左上角的水平偏移量.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度;自動計算,如"auto",根據width值自動計算,相對于作用對象水平居中.
width: "24px", //String類型,區域的寬度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的寬度.
height: "24px" //String 類型,區域的高度.可取值:像素值,如"100px";百分比,如"10%",相對于作用對象的高度.內容自適應,如"wrap_content",根據內容計算高度(如調用drawText繪制文本時支持).
}
},
click: function() {
//重寫 點擊返回圖標時執行的回調函數,默認執行mui.back();
}
}
});
~~~
- 內核模塊使用
- douyin
- plugin
- short_link 解析短鏈接地址
- long_link 解析長連接地址
- url_para 傳參解析成數組
- share_content 讀取鏈接內容
- share_browser 模擬讀取鏈接內容
- video 視頻提取處理
- video_author 提取作者昵稱
- video_title 提取標題
- video_img 提取視頻圖
- video_url 提取播放地址
- info 個人信息
- info_head 提取個人頭像
- info_nickname 提取個人昵稱
- info_douyin 提取個人抖音號
- info_desc 提取個人描述
- info_guanzhu 提取個人關注數
- info_fensi 提取個人粉絲數
- info_zan 提取個人信息點贊數
- info_zuopin 提取個人的作品數
- info_live 提取個人喜歡數
- auth
- qrcode 創建授權二維碼字符串
- code 獲取緩存code值
- access_token 獲取access_token與open_id值
- user_info 用戶公開信息
- video_list 獲取授權賬號下的視頻列表
- video_data 查詢指定視頻數據
- fans 獲取用戶粉絲
- follow 獲取用戶關注
- http
- aso
- plugin
- GET方式傳遞
- POST方式傳遞
- POST方式傳遞(json)
- HEAD方式傳遞
- BODY方式傳遞
- Cookie方式傳遞
- remote遠程同步
- upload
- img
- 終端
- tra 同步至資源服務器
- get 獲取服務器資源地址
- 服務端
- index
- api/upload
- iframe
- 后臺模塊說明
- 邏輯處理說明
- 添加
- 編輯
- 刪除
- 搜索
- 排序
- 批量刪除
- 模塊調用說明
- 添加 - 直接提交邏輯處理
- 添加 - 多層級后提交邏輯處理
- 編輯 - 直接提交邏輯處理
- list_data 列表數據區
- 單列多行小欄目
- 縮略圖圖略
- 彈出邏輯框
- 會員彈框
- 列表二級欄目
- 列表表單強制定位
- search 列表搜索
- sort 列表排序
- list_class 列表分類
- paging 列表分頁
- model_menu 跳轉按鈕
- path_nav 面包屑導航
- default 初始化處理
- 表單屬性
- yushe預設值框
- text文本框
- date日期輸入文本框
- datetime 日期時間輸入框
- radio單選框(豎排)
- radio1單選框(橫排)
- radio2 單選框(布爾值)
- range拖動條
- line多行文本框
- pass密碼框
- select下拉框
- title小標題
- checkbox多選框
- checkbox1 多級多選框
- dis_null顯示不傳值
- dis_val顯示傳值不可修改
- hid_val 隱藏傳值
- color 顏色色盤
- upfile 上傳表單
- upfile1上傳組件
- vote 問卷表單
- htmledit 線上編輯器
- user 后臺用戶操作類
- info 會員登錄信息
- set 訪問權限設定
- power 提權判斷
- power_format 解析權限
- log 用戶行為日志記錄
- 主界面模塊說明
- 設置主界面權限
- block 設置方塊數據
- curve 設置曲線圖數據
- 未分類
- mime
- 中國地區地圖
- 動態實時數據
- redis
- plugin
- sql
- plugin
- conf
- create
- add
- edit
- del
- import
- addid
- tab_info
- shiwu
- alert
- field
- row
- arr
- view
- drop
- sql_safe
- tool
- char
- file
- ip
- rand
- time
- zip
- distance
- short
- 其他
- 視頻播放
- socket
- 服務啟用
- 終端鏈接
- push 推送
- APP開發框架
- 1.0
- 結構說明
- 初始開發界面
- manifest.json
- plus 5+擴展
- allowsInlineMediaPlayback 視頻非全屏播放
- statusbar 系統狀態欄
- 設置沉浸式
- distribute 云端打包配置
- apple
- urltypes 配置外部調起協議
- capabilities 設置Universal Link
- skin 項目包
- css 項目樣式
- 1.1.0
- button 按鈕
- sbh_button_1
- js 項目腳本
- index 默認全局樣式
- 全局常量定義
- 默認全局設定
- no_network 檢測無網絡阻斷
- rand_open_screen 提取開屏頁數據
- time 獲取當前時間戳
- root_path 獲取根目錄路徑
- is_json 判斷內容是否為json格式
- jianrong 設備兼容設定
- sbh_init_load 初始化
- pushid 推送標識
- version 應用版本號
- copy 復制到粘貼板
- user 會員處理函數
- check_login 判斷會員是否登錄
- 功能組件 include
- aliyun
- block
- banner 輪播圖
- 1 從頭循環
- 2 無縫循環
- input 輸入表單
- checkbox 多選文本樣式
- nav 導航欄
- 1 底部導航
- 3 頂部導航
- 4 地區選擇
- 5 橫排導航欄
- 7 橫排導航,底部懸浮
- note
- 文字提示,自動消失
- 文字提示,跳轉指定網頁
- 文字提示,信息提示框
- 文字提示,判斷執行框
- net
- net 直接請求通信
- net_page 打開窗口請求通信
- form 表單請求通信
- net_upload 上傳處理
- tra
- tra 觸發式打開webview
- tra_mui 觸發式打開(mui版)
- 參考
- tra_close 關閉webview
- tra_val 指定webview
- refresh
- ref 初始化
- HTML調用
- js調用
- 初始化
- 列表模板
- 非刷新加載數據
- 刷新
- 加載
- 點擊
- ref_down_end 刷新還原
- ref_up_end 加載還原
- qrcode
- 多圖合成
- clipboard
- 其他
- 日期選擇
- 視頻播放
- 隱藏播放視頻地址
- 視頻轉畫布
- img
- 獲取圖片的base64
- canvas 多圖合成
- share
- pay
- 帶支付選項彈框支付
- 調起支付請求
- 開發注意事項
- 臨時記錄點
- 小組件使用
- 打開數據時置頂
- 2.0
- 結構說明
- manifest.json
- plus
- 視頻非全屏播放
- 沉浸式
- distribute 云端打包配置
- apple
- urltypes 配置外部調起協議
- capabilities 設置Universal Link
- safearea
- 全局緩存
- GPS緩存
- 首次安裝引導頁緩存
- 用戶數據緩存
- 兼容緩存
- 應用打開初始化
- 開屏頁緩存
- 驗證碼獲取緩存
- QGL
- 輪播圖緩存
- 認證緩存
- 抖友搜索項緩存
- 首次加載排行榜二級欄目緩存
- 結構說明
- app_load
- load
- open_screen
- skin
- js
- global 全局腳本
- load_css 組件樣式地址
- time 時間戳
- root_path 根目錄路徑
- is_json 判斷是否為json格式
- pushid 獲取推送標識
- version 獲取應用版本號
- copy 復制到粘貼板
- 用戶參數緩存
- 數據編譯緩存
- no_network 網絡是否斷開判斷
- rand_open_screen 隨機獲取開屏頁
- login_onoff 校對登錄
- GPS定位
- 新版塊測試流程
- 測試問題
- 功能組件
- global 全局輔助組件
- time 當前時間戳
- root_path 根目錄路徑
- is_json 判斷是否為json格式
- pushid 推送標識
- version 應用版本號
- copy 復制到粘貼板
- encode_cache 緩存編譯
- no_network 網絡常鏈校對
- idfa 蘋果idfa
- rand_open_screen 隨機開屏數據提取
- tra_check_login 自動同步會員數據
- note
- 文字提示,自動消失
- 文字提示,跳轉指定網頁
- 文字提示,信息提示框
- 文字提示,判斷執行框
- tra
- 自動加載事件
- tra_close 關閉載體
- tra_val 獲取載體屬性
- tra 打開新載體
- mui參考說明
- net
- 直接通信
- 打開窗口請求通信
- 表單請求通信
- ser2json 將表單數據轉化成json
- net_limit 校對表單格式
- 上傳文件通信
- refresh
- 單個刷新載體
- html
- js
- 加載時初始化
- 列表模板
- 點擊欄目初始化
- 刷新
- 加載
- 列表內按鈕
- 多個刷新載體
- html
- js
- mui刷新載體
- html
- js ( mui初始化 )
- js ( 列表模板 )
- js ( 刷新 )
- js ( 加載 )
- js ( 點擊 )
- h5原生用法
- 彈框判斷后執行
- 原生底部選擇欄
- 單選框
- 待升級內容
- 項目常用記錄
- 視頻
- 抖友
- mui用法
- 單選
- 多選
- 單行文本
- 多行文本
- 星評
- 會員系統接口
- 獲取會員資格code
- 請求接口user
- API接口
- 百度指數api
- vue
- 安裝jquery組件
- Git
- Git流程
- 分布式服務端布局