浏览器

21 人关注该话题

uniapp 怎么跳转外部链接 浏览器 uniapp

分类： uni-app DCloud_UNI_HRK 2023-12-29 16:36 回复问题 • 1 人关注 • 1 个回复 • 110 次浏览

uniapp H5端使用 uni.onLocationChange 只在初始化更新了一次就不再更新位置信息。浏览器 h5 uniapp
负责人:DCloud_UNI_WZF

分类： uni-app 啷个 2023-05-05 11:09 回复问题 • 2 人关注 • 1 个回复 • 483 次浏览

wap2app如何调用手机默认浏览器打开页面？浏览器 wap2app

分类： wap2app g***@vip.qq.com 2021-10-11 16:52 回复问题 • 3 人关注 • 3 个回复 • 3246 次浏览

uniapp 打包的app 有办法可以通过打开本地浏览器播放视频吗？浏览器 uniapp

分类： uni-app vonfly 2021-03-24 10:45 发起问题 • 1 人关注 • 0 个回复 • 568 次浏览

uniapp 如何打开浏览器跳转外链页面 浏览器 跳转 uniapp

分类： uni-app 1***@qq.com 2021-02-04 10:50 回复问题 • 2 人关注 • 2 个回复 • 13206 次浏览

预览的web浏览器窗口，最上面地址栏能否象普通浏览器那样单独一行？浏览器

分类： HBuilderX is老码农 2020-09-28 16:29 发起问题 • 1 人关注 • 0 个回复 • 563 次浏览

uniapp在h5下，电脑端，滚动鼠标的时候，间歇性会把页面拉过头。。浏览器 h5

分类： uni-app m***@95jw.cn 2020-04-20 12:06 发起问题 • 1 人关注 • 0 个回复 • 803 次浏览

浏览器无法打印logo图片资源 css HBuilder X HTML5+ HTML5 浏览器 打印

分类： HBuilderX x***@qq.com 2020-04-16 11:05 回复问题 • 2 人关注 • 1 个回复 • 743 次浏览

保存自动刷新（仅内置浏览器）-但实际上运行的谷歌浏览器上也自动更新了，怎么解决？浏览器 浏览器运行

分类： HBuilderX DCloud_heavensoft 2019-10-21 23:11 回复问题 • 1 人关注 • 1 个回复 • 1000 次浏览

uniapp能自定义设置网络请求的cookie吗 浏览器 RequestHeader Cookie

分类： uni-app 万里长沙 2019-08-05 18:08 回复问题 • 2 人关注 • 1 个回复 • 4457 次浏览

uni-app h5手机预览怎么更改地址栏的展示 浏览器 h5 uniapp

分类： uni-app MixR 2019-05-27 10:45 回复问题 • 3 人关注 • 2 个回复 • 2177 次浏览

mui-content在苹果手机浏览器打开时无法显示 浏览器 iOS

分类： MUI 5***@qq.com 2019-03-06 16:10 发起问题 • 1 人关注 • 0 个回复 • 1355 次浏览

更多...

代码助手里不显示浏览器兼容性

2 个回复 • 不感兴趣

赞同来自: 深井冰_01

指定下项目类型就可以了

0 条评论

选项卡可不可以增加iframe模式

2 个回复 • 不感兴趣

用iframe代替多子webview形式的tabbar在浏览器的兼容处理方法：
```javascript
var createIframe = function (el, opt) {
var elContainer = document.query... 显示全部 »

用iframe代替多子webview形式的tabbar在浏览器的兼容处理方法：
```javascript
var createIframe = function (el, opt) {
var elContainer = document.querySelector(el);
var wrapper = document.querySelector(".mui-iframe-wrapper");
if(!wrapper){
// 创建wrapper 和 iframe
wrapper = document.createElement('div');
wrapper.className = 'mui-iframe-wrapper';
for(var i in opt.style){
wrapper.style[i] = opt.style[i];
}
var iframe = document.createElement('iframe');
iframe.src = opt.url;
iframe.id = opt.id || opt.url;
iframe.name = opt.id;
wrapper.appendChild(iframe);
elContainer.appendChild(wrapper);
}else{
var iframe = wrapper.querySelector('iframe');
iframe.src = opt.url;
iframe.id = opt.id || opt.url;
iframe.name = iframe.id;
}
}
```

调用也很简单：
```javascript
//当前激活选项
var activeTab = subpages[Index],title=document.querySelector(".mui-title");
mui('.mui-bar-tab').on('tap', 'a', function(e) {
// 获取目标子页的id
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
// 更换标题
title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
// 子页内容切换
if(mui.os.plus){
// 显示目标webview
plus.webview.show(targetTab);
// 隐藏当前webview
plus.webview.hide(activeTab);
// 更改当前活跃的选项卡
activeTab = targetTab;
}else{
// 创建iframe代替子页面
createIframe('.mui-content',{
url: targetTab,
style: {
top: '45px',//设置距离顶部的距离
bottom: '50px'//设置距离底部的距离
}
});
}
})
```

可以参考一下这个demo：
预览地址：
https://rawgit.com/zhaomenghuan/mui-demo/master/example/tabbar-with-iframe/tab-webview-main.html
下载地址：
https://github.com/zhaomenghuan/mui-demo/

2 条评论

更多...