<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebUI功能demo</title>
</head>
<body>
<style>
html,body{
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
.title{
background-color: cadetblue;
width: 100%;
height: 50px;
cursor: pointer;
position: relative;
line-height: 50px;
font-size: 14px;
}
/** 拖动区css **/
.draggable {
-webkit-app-region: drag
}
/** 拖动区内非拖动区css **/
.nodraggable {
-webkit-app-region: no-drag
}
.l{
float: left;
}
.r{
float: right;
}
.btn{
border-left: 1px solid red;
padding: 0 5px;
}
.main{
padding: 10px;
}
.main button{
float: left;
margin: 10px;
}
</style>
<div class="title draggable" >
<div class="nodraggable l">
不可拖动的文字
</div>
<div class="r btn nodraggable" onclick="window.close()">关闭</div>
<div class="r btn nodraggable" onclick="chrome.maximize()">最大化</div>
<div class="r btn nodraggable" onclick="chrome.restore()">还原</div>
<div class="r btn nodraggable" onclick="chrome.minimize()">最小化</div>
<div class="r btn nodraggable" onclick="chrome.setFullscreen(true)">全屏</div>
<div class="r btn nodraggable" onclick="chrome.setFullscreen(false)">退出全屏</div>
</div>
<div class="main">
<div>
功能演示
</div>
<div>
js已经封装窗口操作函数： <br/>
chrome.maximize(); //窗口最大化<br/>
chrome.minimize(); //窗口最小化<br/>
chrome.restore(); //窗口还原<br/>
chrome.show();//窗口显示<br/>
chrome.hide();//窗口隐藏<br/>
chrome.setFullscreen(true);//窗口全屏<br/>
chrome.setFullscreen(false);//取消窗口全屏<br/>
open(url,name,"left=20,top=20,width=300,height=300");返回新建窗口window对象！<br/>
</div>
<div>
<button onclick="newWindow()">
新建一个窗口(15s后自动关闭)
</button>
<button onclick="callBack()">
调用火山程序
</button>
<button onclick="showChatWindow()">
载入聊天UI窗口
</button>
</div>
<script>
var call = function(name,...arg){
return new Promise((resolve, reject) => {
eCallFunction.apply(this,[
name,
...arg,
function(result){
resolve(result);
}
])
})
}
var newWindow = function(){
var obj = open(location.href,"新建窗口","left=20,top=20,width=600,height=400");
setTimeout(()=>{
obj.close();
},15000)
}
var callBack = function(){
//参数个数不限，最后一个参数是函数，则是回调函数， 则否不需要回调
// eCallFunction("callback","参数一",function(result){
// })
call("messageBox","消息内容").then(result=>{
alert(result);
})
}
var showChatWindow = function(){
open("https://testchat.com/index.html","新建窗口","left=0,top=0,width=860,height=600");
}
</script>
</div>
</body>
</html>
火山CEF3浏览器模块
需积分: 5 131 浏览量
2022-04-02
18:03:42
上传
评论
收藏 184.63MB ZIP 举报
火山CEF3浏览器模块22-04-01.zip （9个子文件） 
CEF3.vsln 2KB
webui 
demo_index.html 4KB
221.png 660B
zip.zip 575KB webui.vprj 2KB CEF3.vprj 3KB src main.v 77KB main_webui.v 35KB CEF3浏览器模块0401.vcip 183.95MB
评论0