项目简介
本项目是基于uniapp框架开发的多功能浏览器系统,能带来完整的浏览器体验。它支持添加运行外部脚本,自带脚本编辑器,还对官方的webview.js的SDK进行修改以保证兼容性。该浏览器拥有丰富功能与接口,便于集成到其他应用中。
项目的主要特性和功能
- 脚本支持:支持添加运行外部脚本,自带脚本编辑器,便于用户进行脚本开发。
- 消息总线:借助浏览器消息总线,可监听和触发各类事件,实现不同功能组合。
- 本地数据储存:提供storage方法实现本地数据持久化储存。
- webview窗口控制:可通过current方法获取当前webview控制数据,修改浏览器样式、拦截请求等。
- Dlna投屏:支持Dlna投屏功能,能将视频投放到可投屏设备上。
- 系统播放器:提供openSystemPlayer方法使用系统播放器播放视频。
- 事件监听:支持监听浏览器长按事件和下载事件。
- 其他功能:包含国际化支持、用户隐私设置、关键词联想等。
安装使用步骤
安装
- 确保已下载本项目的源码文件。
- 使用HBuildx打开项目,进行构建应用并安装。
使用
集成到自己的应用内
若要将浏览器集成到自己的应用中,主要使用/pages/browser
页面。在应用跳转时,在URL地址上带上url
参数,示例代码如下:
javascript
uni.navigateTo({
url:"/pages/browser?url=www.baidu.com",
animationType:'fade-in'
})
若/pages/browser
不在pages
目录下,需自行修改浏览器的目录地址。
监听浏览器消息总线事件
可通过uniapp的uni.$on()
和uni.$emit()
方法对浏览器消息总线事件进行监听和触发,例如:
```javascript
// 监听来自网页的消息
uni.$on('WEB-MESSAGE', (data) => {
console.log('收到来自网页的消息:', data);
});
// 触发打开新窗口事件 uni.$emit('OPEN-NEW-WINDOW', 'https://www.example.com'); ```
脚本开发示例
```javascript var myScript = function(){ // 这里编写你的脚本代码 };
if (window.webSDK) { myScript(); } else { document.addEventListener('SDK-READY', myScript, false); } ```
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】