Window
2024-07-18 10:54:58
HTML 中的窗口表示形式
Sciter 窗口是加载在其中的 HTML 文档的主机。
此 HTML 完整定义了窗口的内容。窗口的根 <html> 元素具有特殊含义 - 其 window-XXX 属性定义窗口的外观。
窗口根属性
特定于窗口的属性 - 在加载到窗口中的根 <html> 元素上定义。
| 属性 | 描述 |
|---|---|
window-frame | 字符串，定义窗口类型：“default”，“standard”，“solid”，“solid-with-shadow”， “extended”， “transparent” |
window-icon | 窗口图标 URL |
window-title | 窗口标题 |
window-width | 窗口的初始宽度，CSS 长度单位 |
window-height | 窗口的初始高度，CSS 长度单位 |
window-min-width | 窗口的最小宽度，CSS 长度单位 |
window-min-height | 窗口的最小高度，CSS 长度单位 |
window-max-width | 窗口的最大宽度，CSS 长度单位 |
window-max-height | 窗口的最大高度，CSS 长度单位 |
window-resizable | true，false， <length> 即从窗框向内 10px 计数 |
window-minimizable | 对或错 |
window-maximizable | 对或错 |
window-alignment | 1..9 - 将窗口相对于桌面对齐， -1..-9 - 将窗口相对于父窗口对齐; |
window-blurbehind | Blur behind effect 配置，请参见 window.blurBehind 。 |
window-corners | string： default， not-round， round， round-small - 在支持的操作系统（例如 Win11）上定义窗口角的宽度。 |
window-state | 显示、最小化、最大化、全屏、隐藏 - HTML 窗口的初始状态 |
lang | ISO 639-1 值、定义拼写检查字典、日期... |
disable-debug | 不连接到检查器 |
Window 相关属性
这些属性可能会出现在 root <html> 中的其他元素上，以赋予这些元素窗口镶边角色：
| 属性 | 描述 |
|---|---|
role="window-caption" | 允许将窗口拖过此元素 |
role="window-minimize" | 指示元素的行为为窗口最小化按钮 |
role="window-maximize" | 指示元素的行为为窗口最大化按钮 |
role="window-close" | 指示元素的行为为窗口关闭按钮 |
role="window-icon" | 指示元素表现为窗口图标 - 在 Windows 上，单击它时它会显示窗口菜单。 |
示例， <caption 此处的元素：
<header>
<button role="window-icon" />
<caption role="window-caption">My Window</caption>
<button role="window-minimize" />
<button role="window-maximize" />
</header>
充当窗口标题，允许用户拖动和移动窗口。