前端(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请求 等网络通信函数