利用Javascript判断操作系统的类型实现不同操作系统下的兼容性_javascript技巧
程序员文章站
2022-05-15 09:31:05
...
在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站， 在Windows XP下浏览效果良好，但是到了Ubuntu下，由于许多特性不同，会造成在浏览上的细微差异，甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断，分而治之，从而实现网站在跨平台浏览时候保持良好的用户体验。
下边的代码实现对Windows、Mac、Linux、Unix擦作系统的判断：
如果我们需要对Windows操作系统进行更为精确的识别，可以继续使用下边的代码操作：
下边的代码是为了实现对浏览器是否支持XML特性的检测：
PS：为了更好地避免不同浏览器，不同操作系统因为默认文字不同而对页面布局造成影响，应尽量避免CSS中使用固定行高(height:12px;)对 文字高度进行限定，应该尽量使用height:auto，如果迫不得已必须限定文字高度（比如只显示一行），则应使用em代替px（例如 height:1.1em;），1em=1文字高度，这样就使得文字高度随着文字大小动态改变，不会造成文字截断现象的发生了。
下边的代码实现对Windows、Mac、Linux、Unix擦作系统的判断：
复制代码 代码如下:
如果我们需要对Windows操作系统进行更为精确的识别，可以继续使用下边的代码操作：
复制代码 代码如下:
下边的代码是为了实现对浏览器是否支持XML特性的检测：
复制代码 代码如下:
PS：为了更好地避免不同浏览器，不同操作系统因为默认文字不同而对页面布局造成影响，应尽量避免CSS中使用固定行高(height:12px;)对 文字高度进行限定，应该尽量使用height:auto，如果迫不得已必须限定文字高度（比如只显示一行），则应使用em代替px（例如 height:1.1em;），1em=1文字高度，这样就使得文字高度随着文字大小动态改变，不会造成文字截断现象的发生了。