BOM對象——Navigator ~~~javascript ~~~ ...
BOM對象——Navigator
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
BOM
- 瀏覽器對象模型
- BOM可以使我們通過js來著、操作瀏覽器
- 在BOM中為我們提供了一組對象，用來完成對瀏覽器的操作
- BOM對象
Window
- 代表的是整個瀏覽器的視窗，同時window也是網頁中的全局對象
Navigator
- 代表的當前瀏覽器的信息，通過該對象可以來識別不同的瀏覽器
Location
- 代表的當前瀏覽器的地址欄信息，通過Localtion可以獲取地址欄信息，或者操作瀏覽器跳轉頁面
History
- 代表瀏覽器的歷史記錄，可以通過該對象來操作瀏覽器的歷史記錄
由於隱私原因，該對象不能獲取到具體的歷史記錄，只能操作瀏覽器向前或向後翻頁
而且只能訪問當次訪問有效
Screen
- 代表用戶的屏幕的信息，通過該對象可以獲取到用戶的顯示器的相關信息。
BOM對象在瀏覽器中都是作為window對象屬性保存的
可以通過window對象來使用，也可以直接使用
*/
/*
Navigator
- 代表的當前瀏覽器的信息，通過該對象可以來識別不同的瀏覽器
- 由於歷史原因，Navigator對象中的大部分屬性都已經不能幫助我門識別瀏覽器
- 一般我們會使用userAgent來判斷瀏覽器信息
userAgent是一個字元串，這個字元串包含有用來描述瀏覽器信息的內容
不同的瀏覽器會有不同的userAgnes
- Chrome userAgnes
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
- 在IE11中已經將微軟和IE相關的標識都去除了，所以我們基本上已經不能通過UserAgent來識別一個瀏覽器是否是IE
*/
// console.log(navigator.appName);
console.log(navigator.userAgent);
//檢查一個字元串中是否包含某個字元串
var ua = navigator.userAgent;
if (/Chrome/i.test(ua)) {
alert("chrome");
} else if (/firefox/i.test(ua)) {
alert("firefox");
} else if (/msie/i.test(ua)) {
alert("IE");
} else if ("ActiveXObject" in window) {
alert("IE11");
}
/*
如果通過UserAgnes不能判斷嗎、，還可以通過一些瀏覽器特有的對象，來判斷瀏覽器的信息
比如：ActiveXObject
*/
</script>
</head>
<body>
</body>
</html>
