使用Bp创建桌面应用程序(制作基于WebView的浏览器)-前端板块造梦空间论坛-技术交流-造梦空间论坛

使用Bp创建桌面应用程序(制作基于WebView的浏览器)

let gb = new BPWindow();
gb.changeWindowSize({
width: gb.screenWidth*0.7,
height: gb.screenHeight*0.6
});
gb.changeBackground({
color: "transparent"
});
gb.changeTextStyle({
minSize: "12px",
maxSize: "500px",
color: "black"
});
gb.changeWindowStyle({
theme: "Windows",
input: ["Close","Min","Max-Min"],
icon: "transparent",
title: "BP浏览器",
barTitle: "BP浏览器"
});
let Windows = gb.showWindow();
let inner = Windows.getInnerSync();
Windows.putout("box",{
thing: [
"box",{
thing: ["input",{"border": "30px","font-size": "16px","color":"black","width":"fullOf"}],
"input-fun": (a)=>{
window[url] = a.value;
}
}
],
"box:focus/keydown": (a)=>{
if (a.keyEnter = "Enter"){
window[screen].url = window[url];
}
}
})
Windows.putout("box",{
position: "after-block",
thing: [
"box",{
thing: ["webkit-WebView-box"],
position: "after-block",
height: "after-full",
overscreen: "scroll-y,scroll-x",
append: (a)=>{
window["screen"] = a;
}
}
]
})
let gb = new BPWindow();
gb.changeWindowSize({
    width: gb.screenWidth*0.7,
    height: gb.screenHeight*0.6
});
gb.changeBackground({
    color: "transparent"
});
gb.changeTextStyle({
    minSize: "12px",
    maxSize: "500px",
    color: "black"
});
gb.changeWindowStyle({
    theme: "Windows",
    input: ["Close","Min","Max-Min"],
    icon: "transparent",
    title: "BP浏览器",
    barTitle: "BP浏览器"
});
let Windows = gb.showWindow();
let inner = Windows.getInnerSync();
Windows.putout("box",{
    thing: [
        "box",{
            thing: ["input",{"border": "30px","font-size": "16px","color":"black","width":"fullOf"}],
            "input-fun": (a)=>{
                window[url] = a.value;
            }
        }
    ],
    "box:focus/keydown": (a)=>{
        if (a.keyEnter = "Enter"){
            window[screen].url = window[url];
        }
    }
})
Windows.putout("box",{
    position: "after-block",
    thing: [
        "box",{
            thing: ["webkit-WebView-box"],
            position: "after-block",
            height: "after-full",
            overscreen: "scroll-y,scroll-x",
            append: (a)=>{
                window["screen"] = a;
            }
        }
    ]
})
let gb = new BPWindow(); gb.changeWindowSize({ width: gb.screenWidth*0.7, height: gb.screenHeight*0.6 }); gb.changeBackground({ color: "transparent" }); gb.changeTextStyle({ minSize: "12px", maxSize: "500px", color: "black" }); gb.changeWindowStyle({ theme: "Windows", input: ["Close","Min","Max-Min"], icon: "transparent", title: "BP浏览器", barTitle: "BP浏览器" }); let Windows = gb.showWindow(); let inner = Windows.getInnerSync(); Windows.putout("box",{ thing: [ "box",{ thing: ["input",{"border": "30px","font-size": "16px","color":"black","width":"fullOf"}], "input-fun": (a)=>{ window[url] = a.value; } } ], "box:focus/keydown": (a)=>{ if (a.keyEnter = "Enter"){ window[screen].url = window[url]; } } }) Windows.putout("box",{ position: "after-block", thing: [ "box",{ thing: ["webkit-WebView-box"], position: "after-block", height: "after-full", overscreen: "scroll-y,scroll-x", append: (a)=>{ window["screen"] = a; } } ] })

代码实际的样子可能不是那么好看,没有在UI上面添加细节,仅仅支持打开一个网页(无标签页)。

请登录后发表评论

    没有回复内容

© 造梦空间论坛
❤富强❤