[发明专利]数据可视化大屏展示页面自适应排版和刷新的方法及装置

摘要

数据可视化大屏展示页面自适应排版和刷新的装置涉及信息技术领域。本发明采取页面展示元素自适应浏览器的可视化区间的大小的自适应方法，重新排版的触发方式采用页面刷新的方式，通过浏览器类型检测器，浏览器状态检测器，大屏参数检测器采集的信息由浏览器状态判断器判断出浏览器状态，在根据浏览器的不同状态采取不同的页面刷新方式，有效的控制了页面的刷新频率，杜绝了由于浏览器状态切换使大屏展示信息丢失或用户输入信息丢失现象。

主权项

1.数据可视化大屏展示页面自适应排版和刷新的装置，其特征在于由展示模式监测引擎和屏幕展示策略配置器组成；展示模式监测引擎由浏览器类型检测器，浏览器状态检测器，大屏参数检测器和浏览器状态判断器组成；屏幕展示策略配置器由主要展示模式定义模块和次要展示模式定义模块组成；主要展示模式定义模块由排版布局定义器，浏览器状态记录器，页面刷新定义器组成；浏览器类型检测器负责通过所有浏览器都具备的navigator对象检测浏览器的类型并将浏览器的类型发送给浏览器状态判断器；浏览器状态检测器负责读取浏览器当前的浏览器自身宽度outerWidth、浏览器自身高度outerHeight、浏览器的可视化区间的宽度innerWidth和浏览器的可视化区间的高度innerHeight生成浏览器当前状态，并将浏览器当前状态发送给浏览器状态判断器；大屏参数检测器负责通过所有浏览器都具备的screen对象检测屏幕高度availHeight、屏幕宽度availWidth，并将屏幕高度availHeight、屏幕宽度availWidth传送给浏览器状态判断器；浏览器状态判断器负责判断浏览器当前处于何种展示模式，展示模式包括：全屏模式，最大化模式，非全屏非最大化模式；当屏幕宽度availWidth等于浏览器的可视化区间的宽度innerWidth，并且屏幕高度availHeight等于浏览器的可视化区间的高度innerHeight时，浏览器当前处于全屏模式；当屏幕宽度availWidth等于浏览器的可视化区间的宽度innerWidth，并且屏幕高度availHeight大于浏览器的可视化区间的高度innerHeight一个像素时，且屏幕高度availHeight等于浏览器自身高度outerHeight时，浏览器当前处于全屏模式；当浏览器类型为chrome和Opera中的一种时，屏幕宽度availWidth等于浏览器自身宽度outerWidth，并且屏幕高度availHeight等于浏览器自身高度outerHeight时，浏览器当前处于最大化模式；当浏览器类型为ie、firefox和Safari中的一种时，屏幕宽度availWidth等于浏览器的可视化区间的宽度innerWidth，且屏幕高度availHeight位于浏览器自身高度outerHeight和浏览器的可视化区间的高度innerHeight之间时，浏览器处于最大化模式；当屏幕宽度availWidth大于浏览器的可视化区间的宽度innerWidth，且屏幕宽度availWidth大于浏览器的可视化区间的宽度innerWidth时，浏览器当前处于非全屏非最大化模式；当浏览器当前处于全屏模式和最大化模式时，浏览器状态判断器将浏览器当前处于的状态发送给主要展示模式定义模块；当浏览器当前处于非全屏非最大化模式时，浏览器状态判断器将浏览器当前处于的状态发送给次要展示模式定义模块；由浏览器状态记录器记录浏览器当前处于的状态，并与记录中的前一次浏览器处于的状态比较，如果状态发生改变，断定浏览器发生了全屏模式和最大化模式的切换；由排版布局定义器定义主要展示模式的优先策略，优先策略包括：全屏优先策略，当浏览器当前处于全屏模式和浏览器当前处于最大化模式都以浏览器全屏模式的排版布局为主，排版布局定义器向研发人员已经设定的排版布局预设框架读取浏览器全屏模式的排版布局；最大化优先策略，当浏览器当前处于全屏模式和浏览器当前处于最大化模式都以浏览器最大化模式的排版布局为主，排版布局定义器向研发人员已经设定的排版布局预设框架读取浏览器最大化模式的排版布局；由页面刷新定义器负责当由浏览器状态记录器断定浏览器发生了全屏模式和最大化模式的切换时，弹出选择是否刷新页面的交互信息；由次要展示模式定义模块监测浏览器展示区间的高度和宽度变化，当浏览器展示区间的高度和宽度变化时，弹出选择是否刷新的页面。