浏览器

浏览器

13 人关注该话题

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

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

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

分类: uni-app DCloud_UNI_Trust 2019-03-01 10:38  回复问题 • 1 人关注 • 1 个回复 • 494 次浏览

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

分类: wap2app 728099355@qq.com 2019-02-26 15:10  回复问题 • 2 人关注 • 2 个回复 • 593 次浏览

怎么动态设置浏览器标题? 浏览器 uniapp

分类: uni-app iwusan 2018-12-04 14:22  回复问题 • 2 人关注 • 1 个回复 • 236 次浏览

边看边改模式跟浏览器显示的不同 浏览器

分类: HBuilder Miss_Alter 2018-10-18 14:25  发起问题 • 1 人关注 • 0 个回复 • 216 次浏览

【报Bug】IE浏览器兼容性问题 浏览器兼容 浏览器

分类: MUI DCloud_heavensoft 2018-05-09 09:39  回复问题 • 5 人关注 • 5 个回复 • 342 次浏览

请教大神, 浏览器

分类: HBuilder 追梦随想 2018-04-21 20:47  回复问题 • 3 人关注 • 5 个回复 • 228 次浏览

mui怎么获取url的cookie 浏览器

分类: MUI 2232661562@qq.com 2018-03-15 10:59  回复问题 • 2 人关注 • 2 个回复 • 750 次浏览

打开浏览器连接,后面有参数,连接便失效? 浏览器 参数

分类: HTML5+ yangyuanlife 2017-12-01 13:37  回复问题 • 2 人关注 • 1 个回复 • 927 次浏览

hbuilder打开chrome,页面元素尺寸不对 浏览器 chrome HBuilder bug反馈 bug提交

分类: HBuilder 1697593180@qq.com 2017-06-13 09:56  发起问题 • 1 人关注 • 0 个回复 • 582 次浏览

请问如何唤起手机浏览器打开页面里的a链接 HTML5+ Native.JS 浏览器

分类: Native.js lam 2017-05-11 15:54  回复问题 • 2 人关注 • 1 个回复 • 904 次浏览

外部浏览器 打开APP如何跳转指定页面 页面跳转 HTML5 浏览器

分类: HTML5+ DCloud_heavensoft 2017-05-04 19:49  回复问题 • 2 人关注 • 1 个回复 • 1580 次浏览

更多...
1

赞同来自: 深井冰_01

指定 下 项目类型 就可以了
指定 下 项目类型 就可以了
0

赞同来自:

用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/
更多...

【示例】内置浏览器titleNView版 icon titleNView 内置浏览器 浏览器 Webview HTML5+

分类: HTML5+ 苛学加2019-02-28 17:21  评论文章 • 21 个评论 • 7553 次浏览

手机普通浏览器端webview模拟实现,可与app统一代码 html5plus HTML5+ 浏览器 mui Webview

分类: MUI lhyh2018-06-04 13:27  评论文章 • 4 个评论 • 1870 次浏览

常用的浏览器扩展工具(收藏) 浏览器

分类: HBuilder 前端攻城师2018-02-06 10:02  发表文章 • 0 个评论 • 273 次浏览

更多...