
浏览器
11 人关注该话题
怎么动态设置浏览器标题? 浏览器 uniapp
iwusan 回复了问题 • 2 人关注 • 1 个回复 • 143 次浏览 • 2018-12-04 14:22
•边看边改模式跟浏览器显示的不同 浏览器
Miss_Alter 发起了问题 • 1 人关注 • 0 个回复 • 154 次浏览 • 2018-10-18 14:25
•wap2app如何调用手机默认浏览器打开页面? 浏览器 wap2app
DCloud_UNI_Trust 回复了问题 • 1 人关注 • 1 个回复 • 396 次浏览 • 2018-09-29 12:49
•【报Bug】IE浏览器兼容性问题 浏览器兼容 浏览器
DCloud_heavensoft 回复了问题 • 5 人关注 • 5 个回复 • 292 次浏览 • 2018-05-09 09:39
•mui怎么获取url的cookie 浏览器
2232661562@qq.com 回复了问题 • 2 人关注 • 2 个回复 • 582 次浏览 • 2018-03-15 10:59
•打开浏览器连接,后面有参数,连接便失效? 浏览器 参数
yangyuanlife 回复了问题 • 2 人关注 • 1 个回复 • 886 次浏览 • 2017-12-01 13:37
•hbuilder打开chrome,页面元素尺寸不对 浏览器 chrome HBuilder bug反馈 bug提交
1697593180@qq.com 发起了问题 • 1 人关注 • 0 个回复 • 536 次浏览 • 2017-06-13 09:56
•请问如何唤起手机浏览器打开页面里的a链接 HTML5+ Native.JS 浏览器
lam 回复了问题 • 2 人关注 • 1 个回复 • 770 次浏览 • 2017-05-11 15:54
•外部浏览器 打开APP如何跳转指定页面 页面跳转 HTML5 浏览器
DCloud_heavensoft 回复了问题 • 2 人关注 • 1 个回复 • 1374 次浏览 • 2017-05-04 19:49
•我选择浏览器点击运行后出现这个问题了 浏览器
HB_一三 回复了问题 • 2 人关注 • 1 个回复 • 540 次浏览 • 2017-04-06 14:44
•怎么设置浏览器??? 浏览器运行 浏览器 内置浏览器
DCloud_UNI_Neil 回复了问题 • 2 人关注 • 1 个回复 • 484 次浏览 • 2017-03-29 17:53
•```javascript
var createIframe = function (el, opt) {
var elContainer = document.query... 显示全部 »
```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/
【示例】5+实现简单的内置浏览器制作 示例 外部网站 技术分享 Webview 浏览器 内置浏览器
DCloud_UNI_Trust 发表了文章 • 31 个评论 • 12005 次浏览 • 2016-07-25 11:24
•mui适用场景说明,能不能在普通浏览器里使用,能否用于wap网站 浏览器 mui web app 微信app
DCloud_UNI_CHB 发表了文章 • 75 个评论 • 369417 次浏览 • 2014-12-10 20:54
•【示例】内置浏览器titleNView版 icon titleNView 内置浏览器 浏览器 Webview HTML5+
DCloud_UNI_Trust 发表了文章 • 20 个评论 • 6948 次浏览 • 2017-06-16 18:52
•常用的浏览器扩展工具(收藏) 浏览器
前端攻城师 发表了文章 • 0 个评论 • 234 次浏览 • 2018-02-06 10:02
•