前端(JavaScript)函数_屏幕操作类

文档概述

轻语言网站开发中的屏幕操作函数、用于获取和操作屏幕显示信息，包含屏幕分辨率、屏幕尺寸、滚动位置、视口尺寸等屏幕相关功能，常用于响应式设计、全屏操作、屏幕适配等场景。

屏幕尺寸：取屏幕宽度/取屏幕高度 返回屏幕总尺寸；取屏幕可用宽度/取屏幕可用高度 返回去除任务栏后的可用尺寸
色彩信息：取屏幕颜色深度/取屏幕像素深度 返回色彩位数（通常为24位或32位）

💡 屏幕尺寸 vs 窗口尺寸：取屏幕宽度/取屏幕高度 返回物理屏幕总尺寸（含任务栏）；取屏幕可用宽度/取屏幕可用高度 返回去除系统任务栏后的可用区域。两者常用于响应式布局判断与全屏适配。

函数：取屏幕可用高度()

返回屏幕的高度（不包括Windows任务栏）。

变量 可用高度 = 取屏幕可用高度()
调试输出("可用高度: " + 可用高度 + "px")

' 根据可用高度设置弹窗最大高度
变量 最大高度 = 取屏幕可用高度() - 100
弹窗.高度 = 最大高度

函数：取屏幕可用宽度()

返回屏幕的宽度（不包括Windows任务栏）。

变量 可用宽度 = 取屏幕可用宽度()
调试输出("可用宽度: " + 可用宽度 + "px")

' 居中显示窗口
变量 窗口宽度 = 800
变量 窗口左边距 = (取屏幕可用宽度() - 窗口宽度) / 2
主窗口.左边距 = 窗口左边距

函数：取屏幕高度()

返回屏幕的总高度。

变量 屏幕高度 = 取屏幕高度()
调试输出("屏幕高度: " + 屏幕高度 + "px")

' 判断屏幕方向（横屏/竖屏）
如果(取屏幕宽度() > 取屏幕高度())
	调试输出("横屏模式")
否则
	调试输出("竖屏模式")
结束 如果

函数：取屏幕宽度()

返回屏幕的总宽度。

变量 屏幕宽度 = 取屏幕宽度()
调试输出("屏幕宽度: " + 屏幕宽度 + "px")

' 响应式布局判断
变量 宽度 = 取屏幕宽度()
如果(宽度 >= 1920)
	调试输出("大屏设备")
否则 如果(宽度 >= 1366)
	调试输出("中屏设备")
否则
	调试输出("小屏设备")
结束 如果

函数：取屏幕颜色深度()

返回目标设备或缓冲器上的调色板的比特深度。

变量 颜色深度 = 取屏幕颜色深度()
调试输出("颜色深度: " + 颜色深度 + "位")

' 检测低色位设备
如果(颜色深度 < 24)
	调试输出("低色位设备，建议使用简化色彩")
结束 如果

函数：取屏幕像素深度()

返回屏幕的颜色分辨率（每象素的位数）。

变量 像素深度 = 取屏幕像素深度()
调试输出("像素深度: " + 像素深度 + "位")

' 高色位设备可使用更丰富的色彩
如果(像素深度 >= 32)
	调试输出("支持高色彩显示")
结束 如果

学习要点

知识点	代码示例	说明
屏幕总尺寸	`取屏幕宽度()` / `取屏幕高度()`	返回物理屏幕总尺寸（含任务栏），用于响应式判断
可用尺寸	`取屏幕可用宽度()` / `取屏幕可用高度()`	去除系统任务栏后的可用区域，用于精确居中、弹窗定位
屏幕方向判断	`如果(取屏幕宽度() > 取屏幕高度())`	宽>高为横屏，反之为竖屏；移动端常用
响应式断点	`如果(宽度 >= 1920)`	根据屏幕宽度划分大/中/小屏，切换布局
色彩深度	`取屏幕颜色深度()` / `取屏幕像素深度()`	通常为24或32位，低色位设备需简化色彩
居中计算	`左边距 = (取屏幕可用宽度() - 窗口宽度) / 2`	窗口居中的标准计算方式

轻语言网站开发SDK文档

前端(JavaScript)函数_屏幕操作类

文档概述

函数：取屏幕可用高度()

函数：取屏幕可用宽度()

函数：取屏幕高度()

函数：取屏幕宽度()

函数：取屏幕颜色深度()

函数：取屏幕像素深度()

学习要点

相关文档