更新记录
1.0.6(2024-03-19) 下载此版本
修复web sdk在ios上的兼容性
1.0.5(2024-03-15) 下载此版本
1,加载错误提示
2,油猴扩展优化
3,代码编辑器优化
4,优化GM api
5,修复web sdk加载错误
1.0.4(2024-03-13) 下载此版本
1,完善油猴脚本支持
2,修复ua设置
3,修复sdk部分bug
4,完善的GM api
5,修复自定义扩展脚本触发时机
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0 app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
快速入门
引入文件
将SDK放置在根目录下,SDK包含两个文件夹,libs和static文件
引入主文件
import { WebView } from '@/libs/browser.core.js'
实例化webview
const webview = new WebView()
可以将webview设置为全局变量,方便全局调用
创建窗口
webview.openNewWindow(url, this);
调用 openNewWindow
方法打开一个新窗口,url
要打开的地址,this
指的是要将webview插入的页面或组件的上下文
设置当前显示的窗口大小,默认全屏,如果想设置后台窗口,可以通过webview.webviews
属性获取所有的窗口进行单独设置
webview.setStyle({height:100,width:100})
你已成功创建第一个浏览器了。
完整示例项目
联系作者
如果想请作者喝杯咖啡可以加作者QQ:549859890
如果想了解最新开发进度可以加QQ群:326734794