前端(JavaScript)函数_浏览器操作类
文档概述
轻语言网站开发中的浏览器操作函数、用于获取和控制浏览器信息,包含浏览器版本检测、用户代理获取、浏览器特性判断等功能,常用于浏览器兼容性检测、功能适配、环境判断等场景。
- 浏览器信息:
取浏览器名称/取浏览器版本信息/取浏览器引擎/取用户代理头信息获取浏览器基本信息 - 环境检测:
取浏览器运行平台/取浏览器语言/取浏览器状态/取Cookie启用状态检测运行环境 - Cookie管理:
读COOKIE/写COOKIE/置COOKIE读写、设置浏览器Cookie
💡 Cookie 操作说明:
读COOKIE("")返回所有cookie;指定字段存在返回字段值,否则返回空字符串。写COOKIE单字段写入并指定有效天数;置COOKIE一次性写入多个键值对,参数格式为"key1=value1;key2=value2"。
函数:取浏览器代码名()
获取当前浏览器的代码名称。
变量 代码名 = 取浏览器代码名()
调试输出("浏览器代码名: " + 代码名) ' 如:Mozilla
函数:取浏览器名称()
获取当前浏览器的名称。
变量 名称 = 取浏览器名称()
调试输出("浏览器名称: " + 名称) ' 如:Netscape
' 根据浏览器名称判断类型
变量 浏览器 = 取浏览器名称()
变量 UA = 取用户代理头信息()
如果(寻找文本(UA, "Chrome") != -1)
调试输出("Chrome 浏览器")
否则 如果(寻找文本(UA, "Firefox") != -1)
调试输出("Firefox 浏览器")
否则 如果(寻找文本(UA, "Safari") != -1)
调试输出("Safari 浏览器")
结束 如果
函数:取浏览器版本信息()
获取当前浏览器的平台和版本信息。
变量 版本信息 = 取浏览器版本信息()
调试输出("版本信息: " + 版本信息)
函数:取Cookie启用状态()
获取当前浏览器中是否启用cookie的状态。
变量 启用 = 取Cookie启用状态()
调试输出("Cookie已启用: " + 启用)
' Cookie 未启用时提示用户
如果(启用 == 假)
弹出提示("请启用浏览器Cookie以正常使用登录功能")
结束 如果
函数:取浏览器运行平台()
获取当前浏览器运行的操作系统平台。
变量 平台 = 取浏览器运行平台()
调试输出("运行平台: " + 平台) ' 如:Win32
' 根据平台适配界面
变量 当前平台 = 取浏览器运行平台()
如果(寻找文本(当前平台, "Win") != -1)
调试输出("Windows 系统")
否则 如果(寻找文本(当前平台, "Mac") != -1)
调试输出("macOS 系统")
否则 如果(寻找文本(当前平台, "Linux") != -1)
调试输出("Linux 系统")
结束 如果
函数:取用户代理头信息()
获取由客户机发送服务器的user-agent头部的值。
变量 UA = 取用户代理头信息()
调试输出("User-Agent: " + UA)
' 判断设备类型
变量 代理 = 取用户代理头信息()
如果(寻找文本(代理, "Mobile") != -1 或 寻找文本(代理, "Android") != -1)
调试输出("移动设备")
否则
调试输出("桌面设备")
结束 如果
函数:取浏览器位置()
获取当前浏览器的地理位置信息。
变量 位置信息 = 取浏览器位置()
调试输出(位置信息)
函数:取浏览器语言()
获取当前浏览器使用的语言。
变量 语言 = 取浏览器语言()
调试输出("浏览器语言: " + 语言) ' 如:zh-CN
' 根据语言加载对应资源
变量 当前语言 = 取浏览器语言()
如果(寻找文本(当前语言, "zh") != -1)
加载中文资源()
否则 如果(寻找文本(当前语言, "en") != -1)
加载英文资源()
结束 如果
函数:取浏览器状态()
获取当前浏览器是否在线的状态。
变量 是否在线 = 取浏览器状态()
调试输出("在线状态: " + 是否在线)
' 离线状态提示
如果(取浏览器状态() == 假)
弹出提示("您当前处于离线状态,部分功能不可用")
结束 如果
函数:取浏览器引擎()
获取当前浏览器使用的引擎(产品)。
变量 引擎 = 取浏览器引擎()
调试输出("浏览器引擎: " + 引擎) ' 如:Gecko
函数:读COOKIE(字段名)
获取当前站点cookie,如果指定字段参数为空字符串,则返回所有cookie,若指定字段存在则返回指定字段cookie值,否则返回空。
' 读取指定字段的cookie
变量 用户名 = 读COOKIE("username")
调试输出("用户名: " + 用户名)
' 读取用户登录令牌
变量 令牌 = 读COOKIE("token")
如果(令牌 == "")
调试输出("用户未登录")
否则
调试输出("登录令牌: " + 令牌)
结束 如果
' 读取所有cookie
变量 所有cookie = 读COOKIE("")
调试输出("所有cookie: " + 所有cookie)
' 用户登录状态检查
变量 登录状态 = 读COOKIE("login")
如果(登录状态 == "true")
显示用户信息()
否则
跳转登录页()
结束 如果
函数:写COOKIE(字段名,值,有效天数)
向cookie列表中写入指定字段值及有效时间,单位为天。
' 写入用户名cookie,有效期7天
写COOKIE("username", "张三", 7)
' 写入登录令牌,有效期30天
写COOKIE("token", "abc123xyz", 30)
' 写入用户偏好设置
写COOKIE("theme", "dark", 365)
写COOKIE("language", "zh-CN", 365)
' 写入临时cookie(会话级别,1天)
写COOKIE("temp", "临时数据", 1)
' 登录成功后保存登录信息
登录按钮.置被单击回调(() => {
写COOKIE("userid", "1001", 7)
写COOKIE("login", "true", 7)
弹出提示("登录成功")
})
函数:置COOKIE(COOKIE键值对字符串值)
设置全部或追加COOKIE值,参数值格式须为键值对格式,例如:“user=demo1;sign=123456”
' 一次设置多个cookie
置COOKIE("user=demo1;sign=123456")
' 设置用户登录信息
置COOKIE("userid=1001;role=admin;login=true")
' 追加新的cookie
置COOKIE("theme=dark;fontsize=14")
学习要点
| 知识点 | 代码示例 | 说明 |
|---|---|---|
| 浏览器信息 | 取浏览器名称() / 取浏览器版本信息() | 获取浏览器名称、版本、引擎等基本信息 |
| UA判断 | 寻找文本(取用户代理头信息(), "Chrome") | 通过 UA 字符串匹配判断浏览器类型和设备类型 |
| 平台识别 | 寻找文本(取浏览器运行平台(), "Win") | 通过平台字符串匹配识别操作系统 |
| 语言适配 | 取浏览器语言() | 获取浏览器语言,用于国际化资源加载 |
| Cookie读取 | 读COOKIE("username") | 读取指定字段;空字符串参数返回所有cookie;不存在返回空字符串 |
| Cookie写入 | 写COOKIE("username", "张三", 7) | 单字段写入并指定有效天数 |
| Cookie批量设置 | 置COOKIE("user=demo1;sign=123456") | 一次性设置多个键值对,参数格式 "key1=value1;key2=value2" |
| 字符串匹配 | 寻找文本(文本, 关键词) != -1 | 找到返回位置,未找到返回 -1;用于UA、平台等字符串匹配判断 |
相关文档
- 文档
前端(JavaScript)函数_字符串操作——寻找文本、取文本中间用于解析UA和Cookie字符串 - 文档
前端(JavaScript)函数_储存类——保存配置、读取配置基于localStorage的本地存储 - 文档
前端(JavaScript)函数_URL地址操作类——取URL完整地址、重载页面URL操作函数 - 文档
前端(JavaScript)函数_窗口操作——打开窗口、关闭窗口窗口管理函数 - 文档
前端(JavaScript)函数_网络操作类——HTTP请求等网络通信函数