在前端开发中，有时候需要判断用户是从哪个浏览器或设备访问网页。本文将详细介绍如何判断用户是否从移动 Safari 浏览器中导航而来，并提供示例代码。
User-Agent 字符串
在 HTTP 请求头中，会包含一个 User-Agent 字符串，该字符串用于标识发送请求的客户端信息，包括浏览器类型、操作系统等信息。我们可以通过该字符串来判断用户使用的浏览器和设备。
下面是一个 User-Agent 字符串的例子：
----------- -------- --- ------ -- ---- ---- --- -- -- -------------------- ------- ---- ------ ------------ ------------- ------------
其中，iPhone 表示设备名称，iOS 15.1 表示设备运行的操作系统版本，Safari/604.1 表示使用的浏览器为 Safari 版本 604.1。有了这个信息，我们就能够判断用户是否使用 Safari 浏览器了。
判断方法
要判断用户是否从移动 Safari 导航而来，可以通过以下两种方法：
方法一：正则表达式匹配
通过正则表达式匹配 User-Agent 字符串中的 Safari 关键字，即可判断用户是否使用 Safari 浏览器：
----- ------------------ - ------------------------------------------------------------------- -- -------------------- - ------------------- ------ ------ - ---- - -------------------- ------ ------ -
上述代码中，/Version\/[\d.]+.*Mobile.*Safari/ 是一个正则表达式，用于匹配 Safari 关键字。如果 User-Agent 字符串中包含该关键字，则返回 true，否则返回 false。
方法二：检查浏览器特性
移动 Safari 浏览器支持一些特定的 JavaScript API，比如 ontouchstart，可以通过检查这些特性是否存在来判断用户是否使用移动 Safari 浏览器：
----- ------------------ - --------------- -- ------- -- --------------------------------------------------------------------- -- -------------------- - ------------------- ------ ------ - ---- - -------------------- ------ ------ -
总结
本文介绍了两种方法来判断用户是否从移动 Safari 浏览器导航而来，分别是正则表达式匹配和检查浏览器特性。在实际开发中，可以根据具体情况选择合适的方法。
示例代码：https://codepen.io/chatgpt/pen/oNwqEGK
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26058