（浏览器选项卡）Browser Tab

Posted 2023-03-19

参考技术A 此插件为某些移动平台上的应用程序内浏览器选项卡提供了一个界面，特别是android上的自定义选项卡（包括Chrome自定义选项卡实施）和ios上的SFSafariViewController。
Repo（备用）: https://github.com/google/cordova-plugin-browsertab

1.安装Cordova和Ionic原生插件:

2. 添加插件到app's module

Android
iOS

isAvailable()

检查BrowserTab选项是否可用
****Returns:** Promise<any>
当检查成功并返回true或false时返回一个可解析的promise

openUrl(url)

使用浏览器标签打开提供的URL

****Returns:** Promise<any>
当检查打开成功时返回可解析的promise

close()

关闭浏览器标签
****Returns:** Promise<any>
接近完成时返回一个可解析的promise

mui在tab选项卡中echarts图表不能动态随页面变化大小 只能固定大小

在mui tab选项卡中一直都不能让echarts动态变化大小 只能固定大小来展示图表，网上说的window.onresize = mycharts.resize;方法根本就没有效果，后面在https://blog.csdn.net/dreamcarp/article/details/71439060 博客才找到了解决方法，特意记录下来

浏览器有warning：cannot get height and width.

解决方法：

//echarts-content是echarts图表div的id
var worldMapContainer = document.querySelector(‘#echarts-content‘);
// 用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
var resizeWorldMapContainer = function () 
worldMapContainer.style.width = window.innerWidth + ‘px‘;
worldMapContainer.style.height = 300 + ‘px‘;
;
// 设置容器高宽
resizeWorldMapContainer();
// 基于准备好的dom，初始化echarts实例
var mycharts = echarts.init(worldMapContainer);
//设置图表参数
var option = ;

mycharts.setOption(option);
window.onresize = mycharts.resize;